Template:Team:Sheffield/NavigationBar
From 2014.igem.org
(Difference between revisions)
(48 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
$("#shefUniLogo li a img").removeClass("scrolling"); | $("#shefUniLogo li a img").removeClass("scrolling"); | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
}); | }); | ||
}); | }); | ||
Line 73: | Line 59: | ||
/*overflow-y: scroll;*/ | /*overflow-y: scroll;*/ | ||
height: 100%; | height: 100%; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | text-align: center; | ||
+ | font-family: 'Oswald', sans-serif; | ||
+ | font-size: 40px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: 'Oswald', sans-serif; | ||
+ | font-size: 30px; | ||
+ | border: none; | ||
+ | line-height: 35px; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-family: 'Oswald', sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | p, #bodyContent ul:not(#navigationBar), ol { | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | font-size: 16px; | ||
} | } | ||
Line 84: | Line 95: | ||
top: 0px; | top: 0px; | ||
display: table-row; | display: table-row; | ||
- | |||
- | |||
height: 60px; | height: 60px; | ||
+ | width: 100%; | ||
+ | min-width: 1400px; | ||
list-style: none; | list-style: none; | ||
font-family: 'Oswald', sans-serif; | font-family: 'Oswald', sans-serif; | ||
Line 122: | Line 133: | ||
visibility: hidden; | visibility: hidden; | ||
position: absolute; | position: absolute; | ||
- | width: | + | width: 220px; |
margin-top: 8px; | margin-top: 8px; | ||
opacity: 0; | opacity: 0; | ||
Line 138: | Line 149: | ||
color: black; | color: black; | ||
opacity: 0.9; | opacity: 0.9; | ||
+ | -webkit-touch-callout: none; | ||
+ | -webkit-user-select: none; | ||
+ | -khtml-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
} | } | ||
Line 232: | Line 249: | ||
.socialMediaIcon div:hover > .colouredIcon { | .socialMediaIcon div:hover > .colouredIcon { | ||
visibility: visible; | visibility: visible; | ||
+ | } | ||
+ | |||
+ | .subPageTitle { | ||
+ | text-align: center; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | font-size: 60px; | ||
+ | letter-spacing: -2px; | ||
+ | color: white; | ||
+ | font-weight: 300; | ||
+ | margin-top: 100px; | ||
+ | margin-bottom: 70px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .gap5px { | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | .headerImage { | ||
+ | position: absolute; | ||
+ | top: -450px; | ||
+ | width: 100%; | ||
+ | height: 525px; | ||
+ | overflow: hidden; | ||
+ | z-index: -1; | ||
} | } | ||
</style> | </style> | ||
Line 238: | Line 279: | ||
<div id="topMenu"> | <div id="topMenu"> | ||
<ul id="navigationBar"> | <ul id="navigationBar"> | ||
- | <li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li> | + | <li><a href="https://igem.org/Main_Page"><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li> |
<li> | <li> | ||
<span> | <span> | ||
Line 259: | Line 300: | ||
</span> | </span> | ||
</li> | </li> | ||
- | <li class="menuText"><a | + | <li class="menuText"><a style="cursor:default;">Attributions ▾</a> |
<ul> | <ul> | ||
- | <li><a href="https://2014.igem.org/Team:Sheffield/ | + | <li><a href="https://2014.igem.org/Team:Sheffield/Acknowledgements">Acknowledgements</a></li> |
- | <li><a href="https://2014.igem.org/Team:Sheffield/ | + | <li><a href="https://2014.igem.org/Team:Sheffield/Sponsors">Sponsors</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="menuText"><a | + | <li class="menuText"><a style="cursor:default;">Notebook ▾</a> |
<ul> | <ul> | ||
- | <li><a href="https://2014.igem.org/Team:Sheffield/LabProtocols">Protocols</a></li> | + | <li><a href="https://2014.igem.org/Team:Sheffield/LabProtocols">Lab Protocols</a></li> |
<li><a href="https://2014.igem.org/Team:Sheffield/WetLabJournal">Wet Lab Journal</a></li> | <li><a href="https://2014.igem.org/Team:Sheffield/WetLabJournal">Wet Lab Journal</a></li> | ||
- | <li><a href="">Dry Lab Journal | + | <li><a href="https://2014.igem.org/Team:Sheffield/DryLabJournal">Dry Lab Journal</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="menuText"><a | + | <li class="menuText"><a style="cursor:default;">Policy and Practices ▾</a> |
<ul> | <ul> | ||
- | <li><a href="">SocioBricks</a></li> | + | <li><a href="https://2014.igem.org/Team:Sheffield/SocioBrick">SocioBricks</a></li> |
- | <li><a href=""> | + | <li><a href="https://2014.igem.org/Team:Sheffield/sociobricks/main">SocioBrick Registry</a></li> |
- | <li><a href="">Industry Collaboration</a></li> | + | <li><a href="https://2014.igem.org/Team:Sheffield/Notions">Notions of Responsibility</a></li> |
- | <li><a href=""> | + | <li><a href="https://2014.igem.org/Team:Sheffield/IndustryCollaboration">Industry Collaboration</a></li> |
+ | <li><a href="https://2014.igem.org/Team:Sheffield/SynBio">Synthetic Biology @ Sheffield</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Sheffield/LabNotation">Lab Notation</a></li> | ||
<li><a href="https://2014.igem.org/Team:Sheffield/outreach">Outreach</a></li> | <li><a href="https://2014.igem.org/Team:Sheffield/outreach">Outreach</a></li> | ||
<li><a href="https://2014.igem.org/Team:Sheffield/collaboration">Collaboration</a></li> | <li><a href="https://2014.igem.org/Team:Sheffield/collaboration">Collaboration</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="menuText"><a | + | <li class="menuText"><a style="cursor:default;">Results ▾</a> |
<ul> | <ul> | ||
- | <li><a href="">FadR Characterisation</a></li> | + | <li><a href="https://2014.igem.org/Team:Sheffield/FadR">FadR Characterisation</a></li> |
- | <li><a href="">Lipase Assay</a></li> | + | <li><a href="https://2014.igem.org/Team:Sheffield/Lipase">Lipase Assay</a></li> |
- | <li><a href="">Keratinase Assay</a></li> | + | <li><a href="https://2014.igem.org/Team:Sheffield/Keratinase">Keratinase Assay</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="menuText"><a | + | <li class="menuText"><a style="cursor:default;">Modelling ▾</a> |
<ul> | <ul> | ||
<li><a href="https://2014.igem.org/Team:Sheffield/modelling">Product Design</a></li> | <li><a href="https://2014.igem.org/Team:Sheffield/modelling">Product Design</a></li> | ||
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Sheffield/manufacture"> ↳ Budget</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Sheffield/manufacture2"> ↳ Premium</a></li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li><a href=" | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
- | <li class="menuText"><a href="">Team ▾</a> | + | <li class="menuText"><a href="https://2014.igem.org/Team:Sheffield/Project">Project</a></li> |
+ | <li class="menuText"><a style="cursor:default;">Team ▾</a> | ||
<ul> | <ul> | ||
<li><a href="https://2014.igem.org/Team:Sheffield/team1">Meet the Team</a></li> | <li><a href="https://2014.igem.org/Team:Sheffield/team1">Meet the Team</a></li> | ||
- | <li><a href="">Official Team Profile</a></li> | + | <li><a href="https://igem.org/Team.cgi?id=1498">Official Team Profile</a></li> |
<li><a href="https://2014.igem.org/Team:Sheffield/gallery">Gallery</a></li> | <li><a href="https://2014.igem.org/Team:Sheffield/gallery">Gallery</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="menuText"><a href="https://2014.igem.org/Team:Sheffield | + | <li class="menuText"><a href="https://2014.igem.org/Team:Sheffield">Home</a></li> |
- | <span id="teamLogo"><li><a href="https://2014.igem.org/Team:Sheffield | + | <span id="teamLogo"><li><a href="https://2014.igem.org/Team:Sheffield"><img src="https://static.igem.org/mediawiki/2014/d/da/TeamLogo.png"></a></li></span> |
- | <span id="shefUniLogo"><li><a href=" | + | <span id="shefUniLogo"><li><a href="http://www.sheffield.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/b/bd/UoSLogo.gif"></a></li></span> |
</ul> | </ul> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:48, 18 October 2014