CU-Boulder:Header
From 2013.igem.org
(Difference between revisions)
(107 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <script> | |
- | + | /*This removes all the iGEM stylesheets before the site adds its own | |
- | + | There are just too many styles to overide to make it worth using them at all | |
+ | Doing a website on a WIKI is a pain in the neck. Stuff is at least 10x harder than | ||
+ | it should be.*/ | ||
+ | var styleSheets = document.styleSheets; | ||
+ | for (var i = 0; i < styleSheets.length; i++) { | ||
+ | console.log(styleSheets[i].href); | ||
+ | styleSheets[i].disabled = true; | ||
+ | } | ||
+ | </script> | ||
+ | <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> | ||
<link rel='stylesheet' type='text/css' | <link rel='stylesheet' type='text/css' | ||
href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&ctype=text/css" /> | href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&ctype=text/css" /> | ||
- | + | <link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/south-street/jquery-ui.min.css' /> | |
- | <link rel='stylesheet' type='text/css' | + | <div class="header"><a href="http://colorado.edu"><img src="https://static.igem.org/mediawiki/2013/a/af/CUblacklogo.JPG" width="746" height="160" /></a></div> |
- | href= | + | <div id="headerimage"> |
- | < | + | <div><img src="https://static.igem.org/mediawiki/2013/9/9f/Campus%28750x275%29.png" width="750" height="275" /></div> |
+ | <div class="hide"><img src="https://static.igem.org/mediawiki/2013/4/4d/JSCBB%28750x275%29.png" width="750" height="275" /></div> | ||
+ | <div class="hide"><img src="https://static.igem.org/mediawiki/2013/6/69/Flatirons%28750x275%29.png" width="750" height="275" /></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="btn-toolbar"> | ||
+ | <div class="btn-group"> | ||
+ | <a class="btn " href="https://2013.igem.org/Team:CU-Boulder">Home</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="btn-group"> | ||
+ | <a class="btn drop" href="https://2013.igem.org/Team:CU-Boulder/Team">Team</a> | ||
+ | <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> | ||
+ | <a class="drop" href="https://2013.igem.org/Team:CU-Boulder/Team">Team</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/Members">Members</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/Collaboration">Collaboration</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="dropheader" href="https://igem.org/Team.cgi?id=1188" target="_blank">Official Profile</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="dropheader" href="http://www.colorado.edu/" target="_blank">The University of Colorado - Boulder</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="btn-group"> | ||
+ | <a class="btn drop" href="https://2013.igem.org/Team:CU-Boulder/Project">Project</a> | ||
+ | <a class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> | ||
+ | <a class="drop" href="https://2013.igem.org/Team:CU-Boulder/Project">Project Description</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/Project/Kit/RestrictionEnzymes">Restriction Enzymes</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/Project/Kit/Purification">Protein Purification</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/Project/Kit/DNAPurification">DNA Purification</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/Safety">Safety</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:CU-Boulder/FourthofJuly">Happy 4th!</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:CU-Boulder/Project/Attribution">Attribution</a></li> | ||
- | + | </ul> | |
+ | </div> | ||
+ | |||
+ | <div class="btn-group"> | ||
+ | <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Parts">Parts</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="btn-group"> | ||
+ | <a class="btn drop" href="https://2013.igem.org/Team:CU-Boulder/Notebook">Notebook</a> | ||
+ | <a class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li class="dropdown-submenu"> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:CU-Boulder/Notebook/Protocols">Protocols</a></li> | ||
- | + | <li><a href="https://2013.igem.org/Team:CU-Boulder/Notebook/Experiments">Experiments</a></li> | |
- | + | ||
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="btn-group"> | |
- | + | <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Outreach">Outreach</a> | |
- | + | </div> | |
- | + | ||
- | + | <div class="btn-group"> | |
- | </ | + | <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Sponsors">Sponsors</a> |
+ | </div> | ||
- | < | + | <div class="btn-group"> |
+ | <a class="btn " href="https://2013.igem.org" target="_blank">iGEM</a> | ||
+ | </div> | ||
+ | |||
+ | \ | ||
- | < | + | </div> |
- | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> | |
- | + | <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> | |
- | + | <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> | |
- | + | <script src="http://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.1.1.min.js"></script> | |
- | + | <script src="http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.all.min.js"></script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <script> | ||
+ | $('.btn').hover(function() { | ||
+ | $(this).animate({"color":"#006dcc"}, 500); | ||
+ | }, function() { | ||
+ | $(this).animate({"color":"#333333"}, 500); | ||
+ | }); | ||
+ | $(function() { | ||
+ | $( ".tabs" ).tabs({ | ||
+ | event: "mouseover", heightStyle: "auto" | ||
+ | }); | ||
+ | $("#footer a").addClass("btn btn-mini"); | ||
+ | $("#footer-box").addClass("shadow-bottom"); | ||
+ | }); | ||
+ | $('#headerimage').cycle(); | ||
+ | </script> | ||
</html> | </html> |
Latest revision as of 16:33, 27 October 2013