Difference between revisions of "Template:TeamTemplateC"

Line 66: Line 66:
  
 
/* Creates the container for the menu */
 
/* Creates the container for the menu */
−
#menuContainer {  
+
#menuContainer {
−
width: 100%;
+
list-style: none;
−
clear:both;
+
padding: 0px;
−
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+
margin: 0px;
 +
width:100%;
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 
}
 
}
  
−
 
−
/* All items that start #menuContainer will only be applied to elements inside that div */
 
−
 
−
/*Makes all the links the same */
 
−
#menuContainer a {
 
−
color:white;
 
−
text-decoration:none;
 
−
font-weight: bold;
 
−
}
 
−
 
−
/* Declares the styling for the lists */
 
 
#menuContainer ul {
 
#menuContainer ul {
 
list-style: none;
 
list-style: none;
 
padding: 0px;
 
padding: 0px;
 
margin: 0px;
 
margin: 0px;
−
width:100%px;
 
−
 
 
}
 
}
  
−
/*Styles the list items to become menu buttons */
+
 
 
#menuContainer ul li {
 
#menuContainer ul li {
−
display: inline-block;
+
display: block;
−
position: relative;
+
position:relative;
−
margin-right: -5px;
+
float: left;  
−
background: #DB1D39;
+
width:108px;
−
text-align:center;
+
−
padding-top:10px;
+
−
padding-bottom: 10px;
+
−
width: 12.6%;
+
 
}
 
}
  
−
/*This changes the color when you hover on the menu button*/
+
#menuContainer li ul {
−
#menuContainer ul li:hover {
+
display: none;
−
background-color: #22BCB9;
+
 
}
 
}
  
−
/*HIde the submenus and removes the padding */
+
#menuContainer ul li a {
−
#menuContainer li ul {
+
display: block;
−
display: none;
+
background-color:#db1d39; 
−
padding-top:10px;
+
padding: 10px 5px 10px 10px;
−
margin-left: -6px;
+
text-decoration: none;
 +
white-space: nowrap;
 +
color: #fff;
 +
}
 +
 
 +
 
 +
#menuContainer ul ul li a {
 +
margin-top:-2px;
 +
}
 +
 
 +
 
 +
#menuContainer li a:hover {
 +
background-color: #14747d;  
 
}
 
}
  
−
/*Shows the submenus once you hover*/
 
 
#menuContainer li:hover ul {
 
#menuContainer li:hover ul {
 
display: block;  
 
display: block;  
−
position: absolute; }
+
position: absolute;
 +
}
  
−
/*style the submenu buttons*/
+
#menuContainer li:hover li {
−
#menuContainer li ul li{
+
float: none;
−
background: #14747D;
+
−
width: 122px;
+
−
margin-top: -2px;
+
−
height:23px;
+
 
}
 
}
 +
 +
#menuContainer  li:hover a {
 +
background-color: #14747d;
 +
}
 +
 +
#menuContainer  li:hover li a:hover {
 +
background-color: #22bcb9;
 +
}
 +
 +
#menuContainer tr{
 +
height: 34px;
 +
text-align: center;
 +
background-color:#db1d39; 
 +
}
 +
 +
#menuContainer table{
 +
width:980px;
 +
    border-collapse: collapse;
 +
}
 +
  
  
Line 174: Line 186:
 
}
 
}
  
−
        .simpleButton {
 
−
            width: 100px;
 
−
    height: 30px;
 
−
    text-align: center;
 
−
        padding: 10px 5px 0px 5px;
 
−
        margin: auto;
 
−
        color: #fff;
 
−
        font-weight: bold;
 
−
    background-color: #22BCB9;
 
−
    }       
 
−
 
−
        a.simpleButton #contentContainer  {color:#ffffff; }
 
−
 
−
        .simpleButton:hover {
 
−
    background-color: #14747D;
 
−
    }
 
  
 
         #contentContainer table {
 
         #contentContainer table {
Line 236: Line 232:
  
 
<div id="menuContainer">
 
<div id="menuContainer">
−
<ul>
 
−
<a href="https://2015.igem.org/TemplateforTeams"><li>HOME</li></a>
 
  
−
<a href="https://2015.igem.org/TemplateforTeams/Team"><li>TEAM</li></a>
+
<table>
 +
<tr>
 +
<td>
 +
<ul> <li><a href="https://2015.igem.org/TemplateforTeams">HOME</a></li></ul>
 +
</td>
 +
 
 +
 
 +
<td>
 +
<ul> <li><a href="https://2015.igem.org/TemplateforTeams/Team">TEAM</a></li></ul>
 +
</td>
 +
 
 +
 
 +
<td>
 +
<ul>
 +
<li><a href="#">PROJECT</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/TemplateforTeams/Description">Description</a></li>
 +
<li><a href="https://2015.igem.org/TemplateforTeams/Data">Data</a></li>
 +
<li><a href="https://2015.igem.org/TemplateforTeams/Results">Results</a></li> 
 +
</ul>
 +
</li>
 +
</ul>
 +
</td>
 +
 
 +
 
 +
<td>
 +
<ul> <li><a href="https://2015.igem.org/TemplateforTeams/Parts">PARTS</a></li></ul>
 +
</td>
 +
 
 +
<td>
 +
<ul> <li><a href="https://2015.igem.org/TemplateforTeams/Practices">PRACTICES</a></li></ul>
 +
</td>
 +
 
 +
 
  
 +
<td>
 +
<ul> <li><a href="https://2015.igem.org/TemplateforTeams/Safety">SAFETY</a></li></ul>
 +
</td>
  
−
<a href="#"><li>PROJECT</a>
+
<td>
−
            <ul>
+
<ul> <li><a href="https://2015.igem.org/TemplateforTeams/Attributions">ATTRIBUTIONS</a></li></ul>
−
<a href="https://2015.igem.org/TemplateforTeams/Description"><li>Description</li></a>
+
</td>
−
<a href="https://2015.igem.org/TemplateforTeams/Data"><li>Data</li></a>
+
−
<a href="https://2015.igem.org/TemplateforTeams/Results"><li>Results</li></a> 
+
−
<a href="https://2015.igem.org/TemplateforTeams/Discussion"><li>Discussion</li></a> 
+
−
<a href="https://2015.igem.org/TemplateforTeams/Achievements"><li>Achievements</li></a> 
+
−
</ul>
+
−
</li>
+
  
−
<a href="https://2015.igem.org/TemplateforTeams/Parts"><li>PARTS</li></a>
 
  
−
<a href="https://2015.igem.org/TemplateforTeams/Practices"><li>PRACTICES</li></a>
+
<td>
 +
<ul> <li><a href="https://2015.igem.org/TemplateforTeams/Notebook">NOTEBOOK</a></li></ul>
 +
</td>
 +
</tr>
 +
</table>
  
−
<a href="https://2015.igem.org/TemplateforTeams/Safety"><li>SAFETY</li></a>
 
−
     
 
−
<a href="https://2015.igem.org/TemplateforTeams/Attributions"><li>ATTRIBUTIONS</li></a>
 
  
−
<a href="https://2015.igem.org/TemplateforTeams/Notebook"><li>NOTEBOOK</li></a>
 
  
−
</ul>
+
</div>
−
</div>
+
  
  

Revision as of 18:23, 22 February 2015