Difference between revisions of "Template:NYU Shanghai"
(102 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | @font-face { | ||
+ | font-family: "HelveticaNT"; | ||
+ | src: url("https://static.igem.org/mediawiki/2015/1/12/NYU_Shanghai_HelveticaNT.otf") format("opentype"); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: "bebasbook"; | ||
+ | src: url("https://static.igem.org/mediawiki/2015/1/17/NYU_Shanghai_bebasbook.otf") format("opentype"); | ||
+ | } | ||
@font-face { | @font-face { | ||
font-family: "neon"; | font-family: "neon"; | ||
Line 13: | Line 21: | ||
src: url("https://static.igem.org/mediawiki/2015/a/a1/NYU_Shanghai_Bebas.ttf") format("truetype"); | src: url("https://static.igem.org/mediawiki/2015/a/a1/NYU_Shanghai_Bebas.ttf") format("truetype"); | ||
} | } | ||
− | @font-face { | + | @font-face { |
font-family: "bebasneue"; | font-family: "bebasneue"; | ||
src: url("https://static.igem.org/mediawiki/2015/5/59/NYU_Shanghai_Bebasneue.otf") format("opentype"); | src: url("https://static.igem.org/mediawiki/2015/5/59/NYU_Shanghai_Bebasneue.otf") format("opentype"); | ||
} | } | ||
− | + | @font-face { | |
+ | font-family: "helveticaNL"; | ||
+ | src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype"); | ||
+ | } | ||
body { | body { | ||
background-color: black; | background-color: black; | ||
Line 27: | Line 38: | ||
margin: -6px auto; | margin: -6px auto; | ||
padding: 0; | padding: 0; | ||
− | text-align: | + | text-align: left; |
− | + | font-size: 15px; | |
− | font-size: | + | |
width: 982px; | width: 982px; | ||
} | } | ||
h1 { | h1 { | ||
− | font-family: " | + | font-family: "bebas"; |
− | font-size: | + | font-size: 23px; |
text-transform: uppercase; | text-transform: uppercase; | ||
border: 0; | border: 0; | ||
+ | overflow: visible; | ||
+ | letter-spacing: 0.5px; | ||
+ | } | ||
+ | p, h3, h5 { | ||
+ | font-family: "helveticaNL", Helvetica, Arial, sans-serif; | ||
+ | overflow: visible; | ||
} | } | ||
.firstHeading { | .firstHeading { | ||
Line 51: | Line 67: | ||
.noselect:hover { | .noselect:hover { | ||
cursor: default; | cursor: default; | ||
+ | } | ||
+ | .scrollable { | ||
} | } | ||
#nav { | #nav { | ||
width: 982px; | width: 982px; | ||
− | height: | + | height: 110px; |
background-color: black; | background-color: black; | ||
z-index: +100; | z-index: +100; | ||
position: fixed; | position: fixed; | ||
− | margin: - | + | margin: -6px 0; |
font-family: "bebas"; | font-family: "bebas"; | ||
font-size: 20px; | font-size: 20px; | ||
text-align: center; | text-align: center; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
− | overflow-y: | + | overflow-y: hidden; |
+ | letter-spacing: 0.5px; | ||
+ | |||
} | } | ||
#nav ul { | #nav ul { | ||
Line 73: | Line 93: | ||
display: inline-block; | display: inline-block; | ||
text-decoration: none; | text-decoration: none; | ||
− | margin: 0px | + | margin: 0px 30px; |
padding: 0px 5px; | padding: 0px 5px; | ||
z-index: 2; | z-index: 2; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #nav h1 { | ||
+ | margin: 0px; | ||
+ | margin-top: 0.25em; | ||
+ | margin-bottom: 0.25em; | ||
} | } | ||
#nav p { | #nav p { | ||
Line 105: | Line 131: | ||
} | } | ||
#nav ul li span { | #nav ul li span { | ||
− | + | height: 50px; | |
− | height: | + | |
width: 100%; | width: 100%; | ||
position: absolute; | position: absolute; | ||
Line 177: | Line 202: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | + | document.onscroll=function(){ | |
− | + | for (var i = document.getElementsByClassName("scrollable").length - 1; i >= 0; i--) { | |
− | + | document.getElementsByClassName("scrollable")[i].style.marginLeft = "-" + String(document.body.scrollLeft) + "px"; | |
− | + | }; | |
− | + | }; | |
− | + | ||
function reset() { | function reset() { | ||
document.getElementById("project").style.borderWidth = "0px 1px"; | document.getElementById("project").style.borderWidth = "0px 1px"; | ||
Line 209: | Line 233: | ||
} else{ | } else{ | ||
document.getElementById("project-submenu").style.visibility = "visible"; | document.getElementById("project-submenu").style.visibility = "visible"; | ||
− | document.getElementById("project").style.borderWidth = "0px 1px | + | document.getElementById("project").style.borderWidth = "0px 1px 2px"; |
document.getElementById("project").style.borderColor = "black goldenrod"; | document.getElementById("project").style.borderColor = "black goldenrod"; | ||
document.getElementById("project-span").style.display = "block"; | document.getElementById("project-span").style.display = "block"; | ||
Line 223: | Line 247: | ||
} else{ | } else{ | ||
document.getElementById("team-submenu").style.visibility = "visible"; | document.getElementById("team-submenu").style.visibility = "visible"; | ||
− | document.getElementById("team").style.borderWidth = "0px 1px | + | document.getElementById("team").style.borderWidth = "0px 1px 2px"; |
document.getElementById("team").style.borderColor = "black #80f"; | document.getElementById("team").style.borderColor = "black #80f"; | ||
document.getElementById("team-span").style.display = "block"; | document.getElementById("team-span").style.display = "block"; | ||
Line 238: | Line 262: | ||
} else{ | } else{ | ||
document.getElementById("outreach-submenu").style.visibility = "visible"; | document.getElementById("outreach-submenu").style.visibility = "visible"; | ||
− | document.getElementById("outreach").style.borderWidth = "0px 1px | + | document.getElementById("outreach").style.borderWidth = "0px 1px 2px"; |
document.getElementById("outreach").style.borderColor = "black #3cb"; | document.getElementById("outreach").style.borderColor = "black #3cb"; | ||
document.getElementById("outreach-span").style.display = "block"; | document.getElementById("outreach-span").style.display = "block"; | ||
Line 252: | Line 276: | ||
} else{ | } else{ | ||
document.getElementById("notebook-submenu").style.visibility = "visible"; | document.getElementById("notebook-submenu").style.visibility = "visible"; | ||
− | document.getElementById("notebook").style.borderWidth = "0px 1px | + | document.getElementById("notebook").style.borderWidth = "0px 1px 2px"; |
document.getElementById("notebook").style.borderColor = "black #d66"; | document.getElementById("notebook").style.borderColor = "black #d66"; | ||
document.getElementById("notebook-span").style.display = "block"; | document.getElementById("notebook-span").style.display = "block"; | ||
Line 319: | Line 343: | ||
</script> | </script> | ||
− | <div id="nav"> | + | <div id="nav" class="scrollable"> |
<ul class="noselect"> | <ul class="noselect"> | ||
+ | <li> | ||
+ | <a href="/Team:NYU_Shanghai"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/57/NYU_Shanghai_flowerlogo.png" width="30" height="30" style="padding-top: 17px;"> | ||
+ | </a> | ||
+ | </li> | ||
<li id="project"> | <li id="project"> | ||
− | < | + | <h1 id="project-title" class="noselect" onmouseenter="selectProject()" onmouseleave="deselectProject()" onclick="reset();revealProject()"><font color="white">Project</font></h1> |
<ul class="noselect" id="project-submenu"> | <ul class="noselect" id="project-submenu"> | ||
<li><a href="/Team:NYU_Shanghai/Design">Design</a></li> | <li><a href="/Team:NYU_Shanghai/Design">Design</a></li> | ||
<li><a href="/Team:NYU_Shanghai/Parts">Parts</a></li> | <li><a href="/Team:NYU_Shanghai/Parts">Parts</a></li> | ||
<li><a href="/Team:NYU_Shanghai/Code">Code</a></li> | <li><a href="/Team:NYU_Shanghai/Code">Code</a></li> | ||
− | <li><a href=" | + | <li><a href="https://igem.org/2015_Judging_Form?id=1756">Judging</a></li> |
</ul> | </ul> | ||
<span id="project-span"></span> | <span id="project-span"></span> | ||
− | </li><li id="team"> | + | </li> |
− | < | + | <li id="team"> |
+ | <h1 id="team-title" class="noselect" onmouseenter="selectTeam()" onmouseleave="deselectTeam()" onclick="reset();revealTeam()"><font color="white">Team</font></h1> | ||
<ul id="team-submenu" class="noselect"> | <ul id="team-submenu" class="noselect"> | ||
<li><a href="/Team:NYU_Shanghai/Members">Members</a></li> | <li><a href="/Team:NYU_Shanghai/Members">Members</a></li> | ||
Line 338: | Line 368: | ||
</ul> | </ul> | ||
<span id="team-span"></span> | <span id="team-span"></span> | ||
− | </li><li id="outreach"> | + | </li> |
− | < | + | <li id="outreach"> |
+ | <h1 id="outreach-title" class="noselect" onmouseenter="selectOutreach()" onmouseleave="deselectOutreach()" onclick="reset();revealOutreach()"><font color="white">Outreach</font></h1> | ||
<ul id="outreach-submenu" class="noselect"> | <ul id="outreach-submenu" class="noselect"> | ||
<li><a href="/Team:NYU_Shanghai/Collaborations">Collaborations</a></li> | <li><a href="/Team:NYU_Shanghai/Collaborations">Collaborations</a></li> | ||
Line 346: | Line 377: | ||
</ul> | </ul> | ||
<span id="outreach-span"></span> | <span id="outreach-span"></span> | ||
− | </li><li id="notebook"> | + | </li> |
− | < | + | <li id="notebook"> |
+ | <h1 id="notebook-title" class="noselect" onmouseenter="selectNotebook()" onmouseleave="deselectNotebook()" onclick="reset();revealNotebook()"><font color="white">Notebook</font></h1> | ||
<ul id="notebook-submenu" class="noselect"> | <ul id="notebook-submenu" class="noselect"> | ||
<li><a href="/Team:NYU_Shanghai/DailyNotes">Daily Notes</a></li> | <li><a href="/Team:NYU_Shanghai/DailyNotes">Daily Notes</a></li> | ||
<li><a href="/Team:NYU_Shanghai/Protocols">Protocols</a></li> | <li><a href="/Team:NYU_Shanghai/Protocols">Protocols</a></li> | ||
<li><a href="/Team:NYU_Shanghai/Bibliography">Bibliography</a></li> | <li><a href="/Team:NYU_Shanghai/Bibliography">Bibliography</a></li> | ||
− | |||
</ul> | </ul> | ||
<span id="notebook-span"></span> | <span id="notebook-span"></span> | ||
Line 358: | Line 389: | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | <div style="width: 982px; height: | + | <div style="width: 982px; height: 108px;"></div> |
− | + | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:22, 18 September 2015