Difference between revisions of "Template:GlasgowNavbar"
(112 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 { | .mainNav { | ||
background: url(https://static.igem.org/mediawiki/2015/2/29/Dna_banner.png); | background: url(https://static.igem.org/mediawiki/2015/2/29/Dna_banner.png); | ||
− | background-size: | + | background-size: 100% 100%; |
background-color:black; | background-color:black; | ||
− | height: | + | height:8.38%; |
padding: 0px; | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
Line 24: | Line 28: | ||
z-index:99; | z-index:99; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
nav ul li { | nav ul li { | ||
list-style: none; | list-style: none; | ||
− | width: | + | width:13.00%; |
− | max-height: | + | max-height: 8.47vh; |
float: left; | float: left; | ||
text-align: center; | text-align: center; | ||
Line 50: | Line 38: | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
− | + | ||
nav ul li a, nav ul li a:active, nav ul li a:visited { | nav ul li a, nav ul li a:active, nav ul li a:visited { | ||
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
− | |||
display:block; | display:block; | ||
+ | line-height:7.5vh; | ||
padding: 0px; | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
+ | font-size:1.1vw; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
ul li ul { | ul li ul { | ||
display:none; | display:none; | ||
− | |||
− | |||
} | } | ||
Line 166: | Line 57: | ||
list-style: none; | list-style: none; | ||
display:block; | display:block; | ||
− | width: | + | width:13.00vw; |
float:none; | float:none; | ||
background-color:black; | background-color:black; | ||
color:white; | color:white; | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
ul li:hover ul { | ul li:hover ul { | ||
− | display:block; | + | display: block; |
+ | padding:0; | ||
+ | margin:0; | ||
} | } | ||
− | . | + | .dim5 { |
opacity:0.3; | opacity:0.3; | ||
} | } | ||
− | . | + | .dim5:hover { |
opacity:1; | opacity:1; | ||
} | } | ||
− | + | ||
− | + | .first { | |
+ | margin-left:3.45vw; | ||
+ | } | ||
</style> | </style> | ||
+ | </head> | ||
<body> | <body> | ||
Line 199: | Line 91: | ||
<nav class="mainNav"> | <nav class="mainNav"> | ||
<ul> | <ul> | ||
− | <li>< | + | <li class="first"><a href='https://2015.igem.org/Team:Glasgow'>Project</a> |
− | + | <ul> | |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview">Overview</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA">UVA</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Repressors">Repressors</a></li> |
− | </ul | + | <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bistable">Bistable Switch</a></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> | ||
− | <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/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/Attributions">Attributions</a></li> | ||
<li><a href="https://2015.igem.org/Team:Glasgow/Sponsors">Sponsors</a></li> | <li><a href="https://2015.igem.org/Team:Glasgow/Sponsors">Sponsors</a></li> | ||
− | </ul | + | </ul> |
</li> | </li> | ||
− | <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> | ||
− | <li><a href='https://2015.igem.org/Team:Glasgow | + | <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><a href=' | + | |
− | + | ||
− | + | ||
− | </ul | + | |
</li> | </li> | ||
− | <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> |
− | <li>< | + | <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"); |
} | } | ||
}); | }); |
Latest revision as of 03:14, 21 November 2015