Difference between revisions of "Team:Carnegie Mellon/navbar"

 
(55 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
     <head>
 
     <head>
−
    <style src = "" type = "text/css">
+
        <style type = "text/css">
  
−
#navbar ul {
+
/*This was a ready heading on our page, we don't want it and this is the only way to not use it*/
−
height: auto;
+
.firstHeading{
−
padding: 30px 8px;
+
  display: none;
−
margin: 0px;
+
}
−
}
+
  
−
#navbar li {
+
.header {
−
display: inline;
+
    z-index:5;
−
padding: 40px;
+
    position:absolute;
−
}
+
}
  
−
#navbar{
+
a.head {
−
font-weight: bold;
+
    color: #40e6ee;
−
background-color: yellow;
+
    text-decoration: none;
−
}
+
}
  
−
#navbar a {
+
nav a {
−
text-decoration: none;
+
  text-decoration: none;
−
color: #00F;
+
  color: #6de1b7;
−
padding: 8px 8px 8px 8px;
+
  font-size: 11px;
−
}
+
  font-weight: bold;
 +
  padding: 10px;
 +
  text-transform: uppercase;
 +
}
  
−
#navbar a:hover{
+
nav ul ul {
−
color: #F90;
+
display: none;
−
background-color: #FFF;
+
}
 +
 
 +
nav ul li:hover > ul {
 +
                text-decoration: none;
 +
display: block;
 +
                z-index:5;
 +
}
 +
 
 +
nav ul {
 +
/* background: #e6e6e6; */
 +
padding: 0 10px;
 +
border-radius: 10px; 
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
 +
        z-index:5;
 +
        text-decoration: none;
 +
        color: #6de1b7;
 +
}
 +
nav ul:after {
 +
content: ""; clear: both; display: block;
 +
}
 +
 
 +
nav ul li {
 +
float: left;
 +
}
 +
nav ul li:hover {
 +
background: #cfcfcf;
 +
}
 +
nav ul li:hover a {
 +
color: #fff;
 +
                        text-decoration: none;
 
}
 
}
 +
 +
nav ul li a {
 +
display: block;
 +
                padding: 10px 40px;
 +
                text-decoration: none;
 +
color: orange; /* #b8b5a3; */
 +
}
 +
 +
nav ul ul {
 +
background: #cfcfcf;
 +
        border-radius: 0px;
 +
        padding: 0px;
 +
        position: absolute;
 +
        top: 80%; //top: 100%;
 +
        z-index:5;
 +
}
 +
nav ul ul li {
 +
float: none;
 +
border-bottom: 1px solid #575f6a;
 +
position: relative;
 +
                z-index: 5;
 +
}
 +
nav ul ul li a {
 +
padding: 10px 40px;
 +
color: black;
 +
}
 +
nav ul ul li a:hover {
 +
background: black;
 +
}
 +
 +
nav ul ul ul {
 +
position: absolute; left: 100%; top:0;
 +
        z-index: 5;
 +
}
 +
 +
 +
.logo img {
 +
    width: 60px;
 +
    float: left;
 +
    position: relative;
 +
    margin: 0px 0px 0px 0px;
 +
}
 +
 +
.social_media {
 +
    float: right;
 +
}
  
−
    </style>
+
        </style>
 
     </head>
 
     </head>
  
−
<body>
+
<body>
−
              <div id = "navbar">
+
<div class = "logo"><a href = "https://2015.igem.org"><img src = "https://static.igem.org/mediawiki/2015/c/cf/CMU_Logo1.jpg"></a></div>
−
<ul>
+
<nav id = "header">
−
<li> <a href = "https://2015.igem.org/Team:Carnegie_Mellon"> Home </a> </li>
+
<ul id="outside_table">
−
<li> <a href = "https://2015.igem.org/Team:Carnegie_Mellon/Team"> Team </a> </li>
+
<li> <a class = "head" href = "https://2015.igem.org/Team:Carnegie_Mellon"> Home </a> </li>
−
<li> <a href = "https://2015.igem.org/Team:Carnegie_Mellon/Description"> Project </a> </li>
+
<li> <a class = "head" href = "https://2015.igem.org/Team:Carnegie_Mellon/Team"> Team </a>
−
<li> <a href = "https://2015.igem.org/Team:Carnegie_Mellon/Notebook"> Notebook </a> </li>
+
<ul>
−
<li> <a href = "https://2015.igem.org/Team:Carnegie_Mellon/Practices"> Human Practices </a> </li>
+
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Team#students">Students</a></li>
−
<li> <a href =" https://2015.igem.org/Team:Carnegie_Mellon/Modeling"> Modeling </a> </li>
+
                                <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Team#advisors">Advisors</a></li>
−
</ul>
+
<!-- <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/advisors">Advisors</a></li> -->
−
                 </div>
+
                                <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
−
</body>
+
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li>
 +
</ul>
 +
</li>
 +
<li><a class = "head" href="https://2015.igem.org/Team:Carnegie_Mellon/Description">Project</a>
 +
<ul>
 +
                                <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Notebook">Notebook</a></li>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/Protocols"> Protocols</a></li>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/Parts">Parts</a></li>
 +
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Device">Device</a></li>
 +
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Modeling">Modeling</a></li>
 +
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Measurement">Measurement</a></li>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/improvedpart">Improved Part</a></li>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/Collaborations">Collaborations</a></li>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/medal">Medal Requirements</a></li>
 +
</ul>
 +
</li>
 +
                <li><a class = "head" href = "https://2015.igem.org/Team:Carnegie_Mellon/Interlab">Interlab</a></li>
 +
<li><a class = "head" href="https://2015.igem.org/Team:Carnegie_Mellon/Practices">Community</a>
 +
<ul>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/MakerMovement">Maker Movement</a></li>
 +
                                <li><a href = "https://2015.igem.org/Team:Carnegie_Mellon/Interviews">Interviews</a></li>
 +
                        </ul>
 +
                 </li>
 +
</ul>
 +
     
 +
<div class = "social_media">
 +
      <ul>
 +
              <li> <a href = "https://twitter.com/CMUiGEM" target = "_blank"><img src = "https://g.twimg.com/Twitter_logo_blue.png"  style = "width: 30px;"></a></li>
 +
              <li> <a href = "https://www.facebook.com/CMUiGEM" target = "_blank"><img src = "https://static.igem.org/mediawiki/2015/6/63/Fblogo.png"  style = "width: 30px;"></a></li>
 +
      </ul>
 +
</div>
 +
</nav>
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 00:51, 21 November 2015