Template:SeuOHeader
From 2012.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<head> | <head> | ||
- | <title></title> | + | <title> Team: British Columbia - 2011.igem.org </title> |
<style type="text/css"> | <style type="text/css"> | ||
Line 19: | Line 19: | ||
font-size: 10pt; | font-size: 10pt; | ||
} | } | ||
- | |||
#p-logo { | #p-logo { | ||
Line 85: | Line 84: | ||
} | } | ||
- | + | body { | |
- | + | background-color: #A60901; | |
- | + | text-align: justify; | |
} | } | ||
- | + | /* END Wiki Hacks */ | |
- | + | ||
- | + | /* Menu BEGIN */ | |
- | + | ||
- | + | ||
+ | #menu{ | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 10px 0 0 0; | ||
+ | list-style: none; | ||
+ | background: #FFffff; | ||
} | } | ||
- | /* END | + | #menu li{ |
+ | float: left; | ||
+ | padding: 0 0 10px 0; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #menu a | ||
+ | { | ||
+ | float: left; | ||
+ | height: 25px; | ||
+ | padding: 0 16px; | ||
+ | color: #A60901; | ||
+ | font: bold 15px/25px Arial, Helvetica; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | *html #menu li a:hover /* IE6 */ | ||
+ | { | ||
+ | color: #A60901; | ||
+ | } | ||
+ | |||
+ | #menu li:hover > a | ||
+ | { | ||
+ | color: #A60901; | ||
+ | } | ||
+ | |||
+ | #menu li:hover > ul | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Sub-menu */ | ||
+ | |||
+ | #menu ul | ||
+ | { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 35px; | ||
+ | left: 15px; | ||
+ | z-index: 99999; | ||
+ | background: #A60901; | ||
+ | } | ||
+ | |||
+ | #menu ul li | ||
+ | { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display: block; | ||
+ | -moz-box-shadow: 0 0px 0 #111111, 0 0px 0 #777777; | ||
+ | -webkit-box-shadow: 0 0px 0 #111111, 0 0px 0 #777777; | ||
+ | box-shadow: 0 0px 0 #111111, 0 0px 0 #777777; | ||
+ | } | ||
+ | |||
+ | #menu ul li:last-child | ||
+ | { | ||
+ | -moz-box-shadow: none; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | #menu ul a | ||
+ | { | ||
+ | padding: 10px; | ||
+ | height: auto; | ||
+ | line-height: 1; | ||
+ | display: block; | ||
+ | color: #ffffff; | ||
+ | white-space: nowrap; | ||
+ | float: none; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | *html #menu ul a /* IE6 */ | ||
+ | { | ||
+ | height: 10px; | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | *:first-child+html #menu ul a /* IE7 */ | ||
+ | { | ||
+ | height: 10px; | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | #menu ul a:hover | ||
+ | { | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | #menu ul li:first-child a | ||
+ | { | ||
+ | -moz-border-radius: 15px 15px 0 0; | ||
+ | border-radius: 15px 15px 0 0; | ||
+ | } | ||
+ | |||
+ | #menu ul li:first-child a:after | ||
+ | { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | left: 10px; | ||
+ | top: -8px; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-left: 15px solid transparent; | ||
+ | border-right: 15px solid transparent; | ||
+ | border-bottom: 8px solid #000; | ||
+ | } | ||
+ | |||
+ | #menu ul li:first-child a:hover:after | ||
+ | { | ||
+ | border-bottom-color: #060606; | ||
+ | } | ||
+ | |||
+ | #menu ul li:last-child a | ||
+ | { | ||
+ | -moz-border-radius: 0 0 15px 15px; | ||
+ | border-radius: 0 0 15px 15px; | ||
+ | } | ||
+ | |||
+ | /* Clear floated elements */ | ||
+ | #menu:after | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | display: block; | ||
+ | font-size: 0; | ||
+ | content: " "; | ||
+ | clear: both; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | * html #menu { zoom: 1; } /* IE6 */ | ||
+ | *:first-child+html #menu { zoom: 1; } /* IE7 */ | ||
+ | |||
+ | /* Menu END */ | ||
+ | |||
+ | h1 { | ||
+ | color: #A60901; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | color: #A60901; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | color: #A60901; | ||
+ | } | ||
</style> | </style> | ||
Line 104: | Line 256: | ||
<body> | <body> | ||
+ | |||
+ | <map name="headermap"> | ||
+ | <area shape="rect" coords="740,100,950,200" href="http://www.igem.org/Main_Page" /> | ||
+ | <area shape="rect" coords="750,10,800,70" href="http://ubc.ca/" /> | ||
+ | </map> | ||
+ | |||
+ | <div id="wrap"> | ||
+ | <div id="header"><img align="left" style="margin-bottom:0px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/9/98/Ubcigemheader4.jpg" usemap="#headermap" alt="UBC iGEM 2011 header"> </div> | ||
+ | <div id="left"> | ||
+ | |||
+ | <ul id="menu"> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia">Home</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Members">Team Members</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/University">Where We Live</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=517">Official Profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Abstract">Abstract</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Story">The Story</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Objectives">Objectives</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>Achievements</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Accomplishments">Achievements</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Parts">Parts</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Data">Data</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Americas">Americas Jamboree</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Protocol">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Safety">Safety</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Modeling">Modeling</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Model2">Beetle Epidemic</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Model1">Monoterpene Production</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Model3">Synthase Structure</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/HP">Human practices</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Mentorship">Mentorship</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Wild">Synthetic Biology Gone Wild</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Perceptions">Public Perceptions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:British_Columbia/Sponsors">Acknowledgements</a></li> | ||
+ | </ul> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 09:25, 18 September 2012