Template:Team:Waltham BioHawks/WalthamHeader
From 2014hs.igem.org
(Difference between revisions)
(73 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | __NOTOC__<html lang="en"> |
<head> | <head> | ||
- | < | + | <script> |
- | + | $(document).ready(function(){ | |
+ | $('p:empty').css('display','none'); | ||
+ | }); | ||
- | + | function nav_notebook( dest ){ | |
- | . | + | if (window.location.pathname == "/Team:Waltham/Notebook"){ |
- | + | window.location.hash=dest; | |
- | + | window.location.reload(); | |
- | + | } | |
- | + | else{ | |
- | + | window.location.href="https://2014hs.igem.org/Team:WalthamHS_BioHawks#" + dest; | |
+ | } | ||
} | } | ||
- | + | </script> | |
- | font: normal | + | </head> |
+ | <!-- wiki hacks --><style type="text/css"><!-- | ||
+ | /*------------------------------------*\ | ||
+ | RESET | ||
+ | \*------------------------------------*/ | ||
+ | |||
+ | /* Thanks to 2013 MIT iGEM team for the format of this header*/ | ||
+ | |||
+ | table{ | ||
+ | border-collapse:collapse; | ||
+ | border-spacing:0; | ||
+ | } | ||
+ | fieldset,img{ | ||
+ | border:0; | ||
+ | } | ||
+ | address,caption,cite,code,dfn,th,var{ | ||
+ | font-style:normal; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | caption,th{ | ||
+ | text-align:left; | ||
+ | } | ||
+ | q:before,q:after{ | ||
+ | content:''; | ||
+ | } | ||
+ | abbr,acronym{ | ||
+ | border:0; | ||
+ | } | ||
+ | /*End reset*/ | ||
+ | |||
+ | OL { | ||
+ | padding-left:2em; | ||
+ | } | ||
+ | |||
+ | #top-section | ||
+ | { | ||
+ | height: 1em; | ||
+ | } | ||
+ | #search-controls | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalwrapper { | ||
+ | width:975px; | ||
+ | padding:20px 0px; | ||
+ | margin: 0 auto; | ||
+ | /*background-color:#ffffff;*/ | ||
+ | height:100%; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | height:0px; | ||
+ | display:none; | ||
+ | } | ||
+ | body { | ||
+ | background: #E8E8E8; | ||
+ | background-image: url(''); | ||
+ | background-position: center; | ||
+ | background-repeat: repeat-y; | ||
+ | } | ||
+ | #p-logo { | ||
+ | height:1px; overflow:hidden; display: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | border-left-width:0px; | ||
+ | border-right-width:0px; | ||
+ | padding:5px; | ||
+ | padding-top: 0; | ||
+ | width:965px; | ||
+ | border-top: none; | ||
+ | } | ||
+ | #menubar { | ||
+ | background-color: white; | ||
+ | } | ||
+ | #menubar ul li a { | ||
+ | color: #999999; } | ||
+ | .right-menu li a { | ||
+ | color: black; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .nav{ | ||
+ | float:left; | ||
+ | width:100%; | ||
margin:0; | margin:0; | ||
- | |||
list-style:none; | list-style:none; | ||
+ | position:relative; | ||
+ | z-index:5; | ||
+ | /*CHANGE THIS TO CENTER*/ | ||
+ | padding:0 12px; /*12px;*/ | ||
} | } | ||
- | . | + | .nav li{ |
+ | float:left; | ||
+ | position:relative; | ||
display:inline; | display:inline; | ||
- | + | line-height: 2em; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .nav a{ |
- | float: | + | float:left; |
- | color: white; | + | align:center; |
- | background: # | + | position:relative; |
- | + | height:2em; | |
- | + | width: 7.2em; | |
- | + | padding: 0 1.3em; | |
- | + | color:white; | |
+ | background-color:#666666; | ||
+ | /*Padding: bottom, right, top, left */ | ||
+ | /*padding:0.2em 1.3em 0.2em 1.3em;*/ | ||
+ | border-right:1px solid white; | ||
+ | white-space:nowrap; | ||
} | } | ||
- | . | + | .nav a:hover{ |
- | + | background-color:#993333 !important; | |
- | + | ||
- | background | + | |
- | + | ||
} | } | ||
- | . | + | /*--- DROPDOWN ---*/ |
- | + | .nav ul{ | |
+ | background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ | ||
+ | background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ | ||
+ | list-style:none; | ||
+ | position:absolute; | ||
+ | left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ | ||
+ | margin-top: 25px; | ||
+ | margin-left:0; | ||
+ | margin-right:0; | ||
+ | |||
} | } | ||
- | . | + | |
- | + | .nav ul li{ | |
+ | padding-top:1px; | ||
+ | |||
} | } | ||
- | . | + | .nav ul a{ |
- | + | padding-top: 3px; | |
+ | padding-bottom:3px; /*Introducing a padding between the li and the a give the illusion spaced items */ | ||
+ | white-space:normal; | ||
+ | text-decoration:none; | ||
+ | height:auto; | ||
+ | width: 13em; | ||
+ | line-height: 1.5em; | ||
} | } | ||
- | . | + | .nav li:hover ul{ /* Display the dropdown on hover */ |
- | + | left:0; /* Bring back on-screen when needed */ | |
+ | text-decoration:none; | ||
} | } | ||
- | . | + | .nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ |
- | + | background:#666666; | |
- | + | text-decoration:none; | |
- | + | ||
- | + | ||
- | + | ||
- | background: # | + | |
- | + | ||
} | } | ||
- | + | .nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | |
- | </ | + | text-decoration:none; |
+ | } | ||
+ | |||
+ | .nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ | ||
+ | background:#993333; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #long { | ||
+ | width:10em; | ||
+ | } | ||
+ | #project_title a:hover { text-decoration: none; } | ||
+ | #project_title { margin: 0; padding: 0; } | ||
+ | --></style> | ||
- | |||
- | <div id=" | + | <body> |
- | < | + | <div id="project_header" style="margin-top: -0.5em;margin-left: 10.0em; position:absolute;"> |
+ | <a href="https://2014hs.igem.org/Team:WalthamHS_BioHawks"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </ | + | <img src='https://static.igem.org/mediawiki/2014hs/5/5e/WalthamMill609.jpg' height="135" width="700" /> |
+ | </a> | ||
</div> | </div> | ||
- | |||
+ | |||
+ | |||
+ | <div style="float:left; clear:left; margin-top: 3em; z-index:1; position:absolute;"> | ||
+ | <a href="https://2014hs.igem.org"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/79/IGEM-100px.png"> | ||
+ | </a> | ||
</div> | </div> | ||
- | < | + | |
- | </ | + | |
+ | <div id="project_title" style="text-align:center; margin-top: 9em; float:left; z-index:1; position:relative; width:100%; | ||
+ | margin-left:3em;"> | ||
+ | <a href="https://2014hs.igem.org/Team:WalthamHS_BioHawks"> | ||
+ | <h1 style="border: none; line-height: 1.2em; margin: 0; padding: 0; padding-top: 0.7em;"> | ||
+ | |||
+ | |||
+ | |||
+ | Stain Removers: Creating an Environmentally Friendly Alternative | ||
+ | </h1> | ||
+ | </a> | ||
+ | </div></div> | ||
+ | |||
+ | <ul class="nav"> | ||
+ | <li id="nav_motivation"><a href="https://2014hs.igem.org/Team:WalthamHS_BioHawks">Home</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li id="nav_methods"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/History>Our City</a> | ||
+ | <ul> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/History/outreach>Outreach</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li id="nav_results"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project>Project</a> | ||
+ | <ul> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Design>Design</a></li> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Procedure>Procedure</a></li> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results1 Results1>Results of Gel 1</a></li> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results2 Results2>Results of Gel 2</a></li> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results3 Results3>Results of Initial Subtilisin Test</a></li> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results4 Results4>Results of Complete Subtilisin Test</a></li> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/HumanPractices HumanPractices>Human Practices</a></li> | ||
+ | <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Safety Safety>Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li id="nav_notebook"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/E-Notebook -E-Notebook'''E-Notebook'''>E-Notebook</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li id="nav_methods"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Team '''Team'''>Team</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li id="nav_methods"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/OurPoster'''Our Poster'''>Our Poster</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li id="nav_notebook"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Sponsors '''Sponsors'''>Sponsors</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 13:22, 2 July 2014