Difference between revisions of "Template:Manchester/CSS1"

m
m
Line 9: Line 9:
  
 
/********************************* menu bar formatting ********************************/
 
/********************************* menu bar formatting ********************************/
 +
nav {
 +
margin: 100px auto;
 +
text-align: center;
 +
}
 +
 +
 +
nav ul ul{
 +
    display: none;
 +
}
 +
 +
nav ul li:hover > ul {
 +
    display: block;
 +
}
 +
 
nav ul{
 
nav ul{
 
     position: fixed;
 
     position: fixed;
Line 15: Line 29:
 
     background-color: orange;
 
     background-color: orange;
 
     display:inline-table;
 
     display:inline-table;
    width: 81.8%;
 
 
     top: 12px;
 
     top: 12px;
 
     left: 5px;
 
     left: 5px;
 
     right: 5px;
 
     right: 5px;
 
     font-size:20px;
 
     font-size:20px;
     list-style-type: none;
+
     list-style: none;
     box-shadow: 2px 2px 2px black;
+
     box-shadow: 0px 0px 9px black;
 
     border-radius: 10px;
 
     border-radius: 10px;
 
}
 
}
 +
 +
nav ul:after {
 +
content: ""; clear: both; display: block;
 +
}
  
 
nav ul li {
 
nav ul li {
 
     float: left;
 
     float: left;
     display: block;
+
     position: relative;
 
}
 
}
  
nav ul li a:link{
+
nav ul > li a:link{
 
     color: white;
 
     color: white;
 
     display: block;
 
     display: block;
Line 39: Line 56:
  
  
nav ul li a:visited{
+
nav ul > li a:visited{
 
     color: white;
 
     color: white;
 
     display: block;
 
     display: block;
Line 47: Line 64:
 
}
 
}
  
nav ul > li a:hover{
+
nav ul li:hover a{
 
     color: black;
 
     color: black;
 
     background-color:orange;
 
     background-color:orange;
Line 54: Line 71:
 
     border-left: 1px solid black;
 
     border-left: 1px solid black;
 
}
 
}
 +
  
 
nav ul ul{
 
nav ul ul{
 
     position: absolute;
 
     position: absolute;
     top: 100%;
+
     top: 80%;
    width: 50px;
+
    margin-left: 50px;
+
    text-align: center;
+
 
     border-radius: 0px;  
 
     border-radius: 0px;  
 
     padding: 0;
 
     padding: 0;
 +
    width: 180px;
 +
    margin-left: -80px;
 
}
 
}
  
nav ul ul{
+
nav ul ul li{
     display: none;
+
     float: none;
 +
    position: relative;
 +
    border-bottom: 1px solid black;
 
}
 
}
  
nav ul li a:hover ul {
+
nav ul ul li a {
    display: none;
+
padding: 15px 40px;
   
+
color: white;
}
+
}
 
+
nav ul ul li a:hover {
nav ul:after {
+
color:black;
content: ""; clear: both; display: block;
+
                                border: 1px solid black;
}
+
}
  
 
.active {
 
.active {
Line 262: Line 281:
 
<ul>
 
<ul>
 
   <li class="active"><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></li>
 
   <li class="active"><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></li>
   <li ><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a></li>
+
   <li ><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a>
  
 
       <ul>
 
       <ul>
Line 269: Line 288:
 
       </ul>
 
       </ul>
  
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a></li>
+
  </li>
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Parts"><strong>Parts</strong></a></li>
+
 
 +
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a>
 +
 
 +
      <ul>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Description">Description</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Results">Result</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Notebook">Notebook</a></li>
 +
      </ul>
 +
 
 +
  </li>
 +
 
 +
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Parts"><strong>Parts</strong></a>
 +
 
 +
      <ul>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Parts">Parts</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Basic_Part">Basic Part</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Composite_Part">Composite part</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Part_Collection">Parts collection</a></li>     
 +
      </ul>
 +
 
 +
  </li>
 +
 
 
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li>
 
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li>
 
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Attributions"><strong>Attributions</strong></a></li>
 
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Attributions"><strong>Attributions</strong></a></li>
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Human_Practices"><strong>Human Pratices</strong></a></li>
+
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Human_Practices"><strong>Human Practices</strong></a>
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Model"><strong>Awards</strong></a></li>
+
 
 +
      <ul>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Human Practices</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/HP/Gold">Gold</a></li>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/HP/Silver">Sliver</a></li> 
 +
      </ul>
 +
 
 +
 
 +
  </li>
 +
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Model"><strong>Awards</strong></a>
 +
   
 +
    <ul>
 +
        <li><a href="https://2016.igem.org/Team:Manchester/Model">Modelling</a></li>
 +
 
 +
  </li>
 
</ul>
 
</ul>
  

Revision as of 01:14, 17 July 2016