Template:Team:Calgary/Main Header

From 2011.igem.org

(Difference between revisions)
Line 146: Line 146:
}
}
-
ul#topnav li span{
+
/*Subnavigation*/
 +
ul#topnav li ul{
float: left;
float: left;
padding: 5px 0;
padding: 5px 0;
position: absolute;
position: absolute;
-
left: 0; top: 35px;
+
left: -22px; top: 31px;
display: none; /*Default hidden*/
display: none; /*Default hidden*/
width: 975px;
width: 975px;
Line 156: Line 157:
background-repeat: repeat-x;
background-repeat: repeat-x;
color: black;
color: black;
 +
list-style: none;
}
}
Line 196: Line 198:
/*Correction of subnavigation menu backgrounds*/
/*Correction of subnavigation menu backgrounds*/
-
ul#topnav li#teambutton span a,
+
ul#topnav li#teambutton ul li a,
-
ul#topnav li#projectbutton span a,
+
ul#topnav li#projectbutton ul li a,
-
ul#topnav li#partsbutton span a,
+
ul#topnav li#partsbutton ul li a,
-
ul#topnav li#notebookbutton span a,
+
ul#topnav li#notebookbutton ul li a,
-
ul#topnav li#outreachbutton span a,
+
ul#topnav li#outreachbutton ul li a,
-
ul#topnav li#sponsorsbutton span a{
+
ul#topnav li#sponsorsbutton ul li a{
height: 35px;
height: 35px;
background-image: none;
background-image: none;
Line 210: Line 212:
}
}
-
ul#topnav li span a{
+
ul#topnav li ul li a{
display: inline; /*correction of previous link style*/
display: inline; /*correction of previous link style*/
background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
background-repeat: repeat-x;
background-repeat: repeat-x;
-
padding-left: 9px;
+
padding-left: 12px;
-
padding-right: 9px;
+
padding-right: 12px;
}
}
/*Rollover settings*/
/*Rollover settings*/
-
ul#topnav li:hover span{
+
ul#topnav li:hover ul{
display: block;
display: block;
z-index: 999;
z-index: 999;
}
}
-
ul#topnav li span a:hover{
+
ul#topnav li ul li a:hover{
text-decoration: underline;
text-decoration: underline;
}
}
Line 239: Line 241:
}
}
-
 
+
/*Active subnav showing*/
-
#team li#teambutton span,
+
#team li#teambutton ul li,
-
#project li#projectbutton span,
+
#project li#projectbutton ul li,
-
#parts li#partsbutton span,
+
#parts li#partsbutton ul li,
-
#notebook li#notebookbutton span,
+
#notebook li#notebookbutton ul li,
-
#outreach li#outreachbutton span,
+
#outreach li#outreachbutton ul li,
-
#sponsors li#sponsorsbutton span{
+
#sponsors li#sponsorsbutton ul li{
display: block;
display: block;
}
}
Line 301: Line 303:
<li id="teambutton">
<li id="teambutton">
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Team">Team</a>
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Team">Team</a>
-
<span>
+
<ul>
-
<a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a> |  
+
<li><a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a> | </li>
-
<a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a> |  
+
<li><a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a> | </li>
-
<a href="https://2011.igem.org/Team:Calgary/Team/About_The_University">The University</a> |  
+
<li><a href="#">The University</a> | </li>
-
<a href="https://igem.org/Team.cgi?id=640">Official Profile</a> |  
+
<li><a href="https://igem.org/Team.cgi?id=640">Official Profile</a> | </li>
-
</span>
+
</ul>
</li>
</li>
<li id="projectbutton">
<li id="projectbutton">
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a>
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a>
-
<span>
+
<ul>
-
<a href="#">Overview</a> |  
+
<li><a href="#">Overview</a> | </li>
-
<a href="#">Project Pseudomonas</a> |  
+
<li><a href="#">Project Pseudomonas</a> | </li>
-
<a href="#">Project Electro</a> |  
+
<li><a href="#">Project Electro</a> | </li>
-
<a href="#">Project Algae</a> |  
+
<li><a href="#">Project Algae</a> | </li>
-
<a href="#">Software Tools</a> |  
+
<li><a href="#">Software Tools</a> | </li>
-
<a href="#">Future Directions</a> |  
+
<li><a href="#">Future Directions</a> | </li>
-
</span>
+
</ul>
</li>
</li>
<li id="partsbutton">
<li id="partsbutton">
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a>
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a>
-
<span>
+
<ul>
-
<a href="#">Parts Submitted</a> |  
+
<li><a href="#">Parts Submitted</a> | </li>
-
<a href="#">Characterization</a> |  
+
<li><a href="#">Characterization</a> | </li>
-
</span>
+
</ul>
</li>
</li>
<li id="notebookbutton">
<li id="notebookbutton">
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a>
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a>
-
<span>
+
<ul>
-
<a href="#">Calendar</a> |  
+
<li><a href="#">Calendar</a> | </li>
-
<a href="#">Protocols</a> |  
+
<li><a href="#">Protocols</a> | </li>
-
<a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a> |  
+
<li><a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a> | </li>
-
</span>
+
</ul>
</li>
</li>
<li id="outreachbutton">
<li id="outreachbutton">
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a>
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a>
-
<span>
+
<ul>
-
<a href="#">Human Practices</a> |  
+
<li><a href="#">Human Practices</a> | </li>
-
<a href="#">Conferences</a> |  
+
<li><a href="#">Conferences</a> | </li>
-
<a href="#">Forum</a> |  
+
<li><a href="#">Forum</a> | </li>
-
<a href="#">Follow Us!</a> |  
+
<li><a href="#">Follow Us!</a> | </li>
-
</span>
+
</ul>
</li>
</li>
<li id="sponsorsbutton">
<li id="sponsorsbutton">
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a>
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a>
-
<span>
+
<ul>
-
<a href="#">Sponsors</a> |  
+
<li><a href="#">Sponsors</a> | </li>
-
<a href="#">Acknowledgements</a> |  
+
<li><a href="#">Acknowledgements</a> | </li>
-
</span>
+
</ul>
</li>
</li>

Revision as of 21:09, 28 July 2011