Difference between revisions of "Template:GlasgowNavbar"
(123 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
<html> | <html> | ||
<head> | <head> | ||
+ | <!-------DONT DELETE!!!!-------> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:Glasgow/bootstrap?action=raw&ctype=text/css" type="text/css"> | ||
+ | <script src="https://2015.igem.org/Team:Stockholm/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript" ></script> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:Glasgow/bootstrapcss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet prefetch" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> | ||
<style> | <style> | ||
− | |||
/*===== Navigation Bar =====*/ | /*===== Navigation Bar =====*/ | ||
− | + | * { | |
− | + | margin:0; | |
− | + | padding:0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .mainNav { | |
− | + | background: url(https://static.igem.org/mediawiki/2015/2/29/Dna_banner.png); | |
− | + | background-size: 100% 100%; | |
− | + | background-color:black; | |
− | + | height:8.38%; | |
− | + | padding: 0px; | |
+ | margin: 0px; | ||
+ | position: fixed; | ||
+ | width:100%; | ||
+ | top:16px; | ||
+ | left:0; | ||
+ | z-index:99; | ||
+ | } | ||
+ | |||
+ | nav ul li { | ||
+ | list-style: none; | ||
+ | width:13.00%; | ||
+ | max-height: 8.47vh; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | nav ul li a, nav ul li a:active, nav ul li a:visited { | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | display:block; | ||
+ | line-height:7.5vh; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | font-family: sans-serif; | ||
+ | font-size:1.1vw; | ||
+ | } | ||
+ | |||
+ | ul li ul { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | ul li ul li { | ||
+ | list-style: none; | ||
+ | display:block; | ||
+ | width:13.00vw; | ||
+ | float:none; | ||
+ | background-color:black; | ||
+ | color:white; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul li:hover ul { | ||
+ | display: block; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .dim5 { | ||
+ | opacity:0.3; | ||
+ | } | ||
− | + | .dim5:hover { | |
− | + | opacity:1; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .first { | |
− | + | margin-left:3.45vw; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
+ | </head> | ||
<body> | <body> | ||
<!-- Navigation bar --> | <!-- Navigation bar --> | ||
− | + | ||
+ | <nav class="mainNav"> | ||
<ul> | <ul> | ||
− | <li>< | + | <li class="first"><a href='https://2015.igem.org/Team:Glasgow'>Project</a> |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview">Overview</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA">UVA</a></li> | |
− | <li>< | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Repressors">Repressors</a></li> |
− | <li>< | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bistable">Bistable Switch</a></li> |
− | <li>< | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bioluminesence">Bioluminescence</a></li> |
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Description">RBS Library</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Terminator">Terminator</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Team'>About Us</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Team">Team</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Notebook'>Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Basic_Part'>Parts</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Basic_Part">Basic Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Composite_Part">Composite</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Glasgow/Part_Collection">Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Design'>Application</a> | ||
+ | <ul> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Design'>Product Design</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Practices'><p style= "padding:0; margin:0; margin-top:0.8vh;">Policy & </p><p style="padding:0; margin:0;"> Practice</p></a> | ||
+ | <ul> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/AzureA'>Azure A Staining</a></li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Safety'>Lab Safety</a></li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Practices/Bedtimestories'>Bedtime Stories</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Interlab'>Measurement</a> | ||
+ | <ul> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Interlab'>Interlab Study</a></li> | ||
+ | <li><a href='https://2015.igem.org/Team:Glasgow/Collaborations'>Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
+ | |||
<!-- //Navigation bar --> | <!-- //Navigation bar --> | ||
− | |||
− | |||
<script> | <script> | ||
− | |||
− | |||
$(window).scroll(function() { | $(window).scroll(function() { | ||
if ($(this).scrollTop() > 50) { | if ($(this).scrollTop() > 50) { | ||
− | $('nav').addClass(" | + | $('nav').addClass("dim5"); |
} | } | ||
else { | else { | ||
− | $('nav').removeClass(" | + | $('nav').removeClass("dim5"); |
} | } | ||
}); | }); | ||
Line 118: | Line 163: | ||
</body> | </body> | ||
+ | </html> |
Latest revision as of 03:14, 21 November 2015