Template:Team:Calgary/Main Header

From 2011.igem.org

(Difference between revisions)
Line 15: Line 15:
font-family: Arial;
font-family: Arial;
}
}
 +
Line 98: Line 99:
-
/***Now for our own stuff***/
+
/***Now for our own stuff: personalized header images and navbar***/
#headerbar{
#headerbar{
Line 169: Line 170:
/*Establish sprites for each individual button*/
/*Establish sprites for each individual button*/
-
ul#topnav li.home a{
+
#homebutton a{
margin-left: 60px; /*to center the bar*/
margin-left: 60px; /*to center the bar*/
background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
Line 175: Line 176:
}
}
-
ul#topnav li.team a{
+
#teambutton a{
background-image: url(https://static.igem.org/mediawiki/2011/1/1e/UCalgary_ButtonTeam.png);
background-image: url(https://static.igem.org/mediawiki/2011/1/1e/UCalgary_ButtonTeam.png);
width: 103px;
width: 103px;
}
}
-
ul#topnav li.project a{
+
#projectbutton a{
background-image: url(https://static.igem.org/mediawiki/2011/9/90/UCalgary_ButtonProject.png);
background-image: url(https://static.igem.org/mediawiki/2011/9/90/UCalgary_ButtonProject.png);
width: 118px;
width: 118px;
}
}
-
ul#topnav li.parts a{
+
#partsbutton a{
background-image: url(https://static.igem.org/mediawiki/2011/c/c5/UCalgary_ButtonParts.png);
background-image: url(https://static.igem.org/mediawiki/2011/c/c5/UCalgary_ButtonParts.png);
width: 100px;
width: 100px;
}
}
-
ul#topnav li.notebook a{
+
#notebookbutton a{
background-image: url(https://static.igem.org/mediawiki/2011/e/eb/UCalgary_ButtonNotebook.png);
background-image: url(https://static.igem.org/mediawiki/2011/e/eb/UCalgary_ButtonNotebook.png);
width: 143px;
width: 143px;
}
}
-
ul#topnav li.outreach a{
+
#outreachbutton a{
background-image: url(https://static.igem.org/mediawiki/2011/5/52/UCalgary_ButtonOutreach.png);
background-image: url(https://static.igem.org/mediawiki/2011/5/52/UCalgary_ButtonOutreach.png);
width: 140px;
width: 140px;
}
}
-
ul#topnav li.sponsors a{
+
#sponsorsbutton a{
background-image: url(https://static.igem.org/mediawiki/2011/b/b3/UCalgary_ButtonSponsors.png);
background-image: url(https://static.igem.org/mediawiki/2011/b/b3/UCalgary_ButtonSponsors.png);
width: 138px;
width: 138px;
Line 206: Line 207:
/*Correction of subnavigation menu backgrounds*/
/*Correction of subnavigation menu backgrounds*/
-
ul#topnav li.team span a,
+
ul#topnav li#teambutton span a,
-
ul#topnav li.project span a,
+
ul#topnav li#projectbutton span a,
-
ul#topnav li.parts span a,
+
ul#topnav li#partsbutton span a,
-
ul#topnav li.notebook span a,
+
ul#topnav li#notebookbutton span a,
-
ul#topnav li.outreach span a,
+
ul#topnav li#outreachbutton span a,
-
ul#topnav li.sponsors span a{
+
ul#topnav li#sponsorsbutton span a{
height: 35px;
height: 35px;
background-image: none;
background-image: none;
Line 230: Line 231:
/*Active state settings*/
/*Active state settings*/
-
#home li.home a,
+
#home li#homebutton a,
-
#team li.team a,
+
#team li#teambutton a,
-
#project li.project a,
+
#project li#projectbutton a,
-
#parts li.parts a,
+
#parts li#partsbutton a,
-
#notebook li.notebook a,
+
#notebook li#notebookbutton a,
-
#outreach li.outreach a,
+
#outreach li#outreachbutton a,
-
#sponsors li.sponsors a{
+
#sponsors li#sponsorsbutton a{
background-position: left bottom;
background-position: left bottom;
}
}
-
#team li.team span,
+
#team li#teambutton span,
-
#project li.project span,
+
#project li#projectbutton span,
-
#parts li.parts span,
+
#parts li#partsbutton span,
-
#notebook li.notebook span,
+
#notebook li#notebookbutton span,
-
#outreach li.outreach span,
+
#outreach li#outreachbutton span,
-
#sponsors li.sponsors span{
+
#sponsors li#sponsorsbutton span{
display: block;
display: block;
}
}
Line 298: Line 299:
<div id="headerbar">
<div id="headerbar">
<ul id="topnav">
<ul id="topnav">
-
<li class="home"><a class="navtext" href="https://2011.igem.org/Team:Calgary">Home</a></li>
+
<li id="homebutton"><a class="navtext" href="https://2011.igem.org/Team:Calgary">Home</a></li>
-
<li class="team">
+
<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>
<span>
-
<a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a> |  
+
<a href="https://2011.igem.org/Team:Calgary/Team">Biographies</a> |  
-
<a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a> |  
+
<a href="https://2011.igem.org/Team:Calgary/Team">Facilitators</a> |  
<a href="https://2011.igem.org/Team:Calgary/Team">The University</a> |  
<a href="https://2011.igem.org/Team:Calgary/Team">The University</a> |  
<a href="https://igem.org/Team.cgi?id=640">Official Profile</a> |  
<a href="https://igem.org/Team.cgi?id=640">Official Profile</a> |  
</span>
</span>
</li>
</li>
-
<li class="project">
+
<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>
<span>
Line 319: Line 320:
</span>
</span>
</li>
</li>
-
<li class="parts">
+
<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>
<span>
Line 326: Line 327:
</span>
</span>
</li>
</li>
-
<li class="notebook">
+
<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>
<span>
<a href="https://2011.igem.org/Team:Calgary/Notebook">Calendar</a> |  
<a href="https://2011.igem.org/Team:Calgary/Notebook">Calendar</a> |  
<a href="https://2011.igem.org/Team:Calgary/Notebook">Protocols</a> |  
<a href="https://2011.igem.org/Team:Calgary/Notebook">Protocols</a> |  
-
<a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a> |  
+
<a href="https://2011.igem.org/Team:Calgary/Notebook">Safety</a> |  
</span>
</span>
</li>
</li>
-
<li class="outreach">
+
<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>
<span>
Line 343: Line 344:
</span>
</span>
</li>
</li>
-
<li class="sponsors">
+
<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>
<span>

Revision as of 20:42, 14 July 2011

Retrieved from "http://2011.igem.org/Template:Team:Calgary/Main_Header"