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

 
(44 intermediate revisions by 3 users not shown)
Line 11: Line 11:
 
     z-index:5;
 
     z-index:5;
 
     position:absolute;
 
     position:absolute;
 +
}
 +
 +
a.head {
 +
    color: #40e6ee;
 +
    text-decoration: none;
 
}
 
}
  
 
nav a {
 
nav a {
text-decoration: none;
+
  text-decoration: none;
font-weight: bold;
+
  color: #6de1b7;
color: #f50fdd;
+
  font-size: 11px;
 +
  font-weight: bold;
 +
  padding: 10px;
 +
  text-transform: uppercase;
 
}
 
}
  
Line 24: Line 32:
  
 
nav ul li:hover > ul {
 
nav ul li:hover > ul {
 +
                text-decoration: none;
 
display: block;
 
display: block;
 +
                z-index:5;
 
}
 
}
  
 
nav ul {
 
nav ul {
background: yellow;  
+
/* background: #e6e6e6; */
padding: 0 20px;
+
padding: 0 10px;
 
border-radius: 10px;   
 
border-radius: 10px;   
 
list-style: none;
 
list-style: none;
 
position: relative;
 
position: relative;
 
display: inline-table;
 
display: inline-table;
 +
        z-index:5;
 +
        text-decoration: none;
 +
        color: #6de1b7;
 
}
 
}
 
nav ul:after {
 
nav ul:after {
Line 43: Line 56:
 
}
 
}
 
nav ul li:hover {
 
nav ul li:hover {
background: white;
+
background: #cfcfcf;
 
}
 
}
 
nav ul li:hover a {
 
nav ul li:hover a {
color: orange;
+
color: #fff;
 +
                        text-decoration: none;
 
}
 
}
 
 
 
nav ul li a {
 
nav ul li a {
display: block; padding: 25px 40px;
+
display: block;  
color: #81df62; text-decoration: none;
+
                padding: 10px 40px;
 +
                text-decoration: none;
 +
color: orange; /* #b8b5a3; */
 
}
 
}
  
 
nav ul ul {
 
nav ul ul {
background: #81df62; border-radius: 0px; padding: 0;
+
background: #cfcfcf;  
position: absolute; top: 100%;
+
        border-radius: 0px;
 +
        padding: 0px;
 +
        position: absolute;
 +
        top: 80%; //top: 100%;
 +
        z-index:5;
 
}
 
}
 
nav ul ul li {
 
nav ul ul li {
 
float: none;  
 
float: none;  
border-top: 1px solid #81df62;
 
 
border-bottom: 1px solid #575f6a;
 
border-bottom: 1px solid #575f6a;
 
position: relative;
 
position: relative;
 +
                z-index: 5;
 
}
 
}
 
nav ul ul li a {
 
nav ul ul li a {
padding: 15px 40px;
+
padding: 10px 40px;
 
color: black;
 
color: black;
 
}
 
}
Line 74: Line 94:
 
nav ul ul ul {
 
nav ul ul ul {
 
position: absolute; left: 100%; top:0;
 
position: absolute; left: 100%; top:0;
 +
        z-index: 5;
 
}
 
}
  
/* #header {
 
      position: fixed;
 
      float: right;
 
} */
 
  
 +
.logo img {
 +
    width: 60px;
 +
    float: left;
 +
    position: relative;
 +
    margin: 0px 0px 0px 0px;
 +
}
 +
 +
.social_media {
 +
    float: right;
 +
}
  
 
         </style>
 
         </style>
Line 86: Line 113:
  
 
<body>
 
<body>
 +
<div class = "logo"><a href = "https://2015.igem.org"><img src = "https://static.igem.org/mediawiki/2015/c/cf/CMU_Logo1.jpg"></a></div>
 
<nav id = "header">
 
<nav id = "header">
<ul>
+
<ul id="outside_table">
<li> <a href = "https://2015.igem.org/Team:Carnegie_Mellon"> Home </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/Team"> Team </a>
+
<li> <a class = "head" href = "https://2015.igem.org/Team:Carnegie_Mellon/Team"> Team </a>
 
<ul>
 
<ul>
<li><a href="www.twitter.com">tweeter</a></li>
+
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Team#students">Students</a></li>
<li><a href="www.google.com">the googs</a></li>
+
                                <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Team#advisors">Advisors</a></li>
<li><a href="www.tumblr.com">tumbles</a></li>
+
<!-- <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/advisors">Advisors</a></li> -->
 +
                                <li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
 +
<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>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Description">Project</a>
+
<li><a class = "head" href="https://2015.igem.org/Team:Carnegie_Mellon/Description">Project</a>
 
<ul>
 
<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/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/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>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2015.igem.org/Team:Carnegie_Mellon/Practices">Human Practices</a></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>
 
</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>
 
</nav>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 00:51, 21 November 2015