Template:Queens Canada/Headernojs
From 2012.igem.org
(Difference between revisions)
(28 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<meta name="description" content="As part of the International Genetically Engineered Machine (iGEM) competition, our team is investigating new methods of increasing the efficiency of bioremediation and biosynthesis using modified bacteria flagellin. By making chimeric insertions in the variable domain of the flagellin, we can incorporate metal binding proteins, enzymes, adhesive proteins as well as scaffolding proteins to further extend the possible applications." /> | <meta name="description" content="As part of the International Genetically Engineered Machine (iGEM) competition, our team is investigating new methods of increasing the efficiency of bioremediation and biosynthesis using modified bacteria flagellin. By making chimeric insertions in the variable domain of the flagellin, we can incorporate metal binding proteins, enzymes, adhesive proteins as well as scaffolding proteins to further extend the possible applications." /> | ||
<meta name="keywords" content="Chimeriq,Queens,iGEM,Flagella,bioremediation" /> | <meta name="keywords" content="Chimeriq,Queens,iGEM,Flagella,bioremediation" /> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 21: | Line 9: | ||
{ | { | ||
font-family: 'Merienda One', cursive; | font-family: 'Merienda One', cursive; | ||
+ | line-height: 1.5em; | ||
} | } | ||
#ca-container h6 | #ca-container h6 | ||
Line 29: | Line 18: | ||
{ | { | ||
width:1000px; | width:1000px; | ||
+ | } | ||
+ | body | ||
+ | { | ||
+ | background-image: url('http://dl.dropbox.com/u/46807995/website%20background.png'); | ||
+ | z-index:-99; | ||
} | } | ||
- | #menu { position: relative; top: 0; left: 0; overflow: hidden; height: | + | #menu { position: relative; top: 0; left: 0; overflow: hidden; height: 1000px;} |
- | #menu .colourful { display: block; position: absolute; background: #f0ad22; height: | + | #menu .colourful { display: block; position: absolute; background: #f0ad22; height: 35px; width: 85px; top: 4px; left: -100px; } |
- | #menu ul { margin: 0; padding: 0; list-style: none; float: left; position: | + | #menu ul { margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; left: 0; z-index: 1; } |
- | #menu li { float: left | + | #menu li { float: left; } |
- | #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: | + | #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 35px; } |
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; } | #menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; } | ||
Line 511: | Line 505: | ||
margin-right:auto; | margin-right:auto; | ||
margin-top: 150px; | margin-top: 150px; | ||
- | + | background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png'); | |
+ | border-radius: 15px; | ||
} | } | ||
#topbarcontainer | #topbarcontainer | ||
Line 547: | Line 542: | ||
width:990px; | width:990px; | ||
height:450px; | height:450px; | ||
- | background-color: | + | background-color: transparent; |
} | } | ||
.ca-wrapper{ | .ca-wrapper{ | ||
Line 942: | Line 937: | ||
.ca-nav span:hover{ | .ca-nav span:hover{ | ||
opacity:1.0; | opacity:1.0; | ||
+ | } | ||
+ | .subs | ||
+ | { | ||
+ | background-color: #C5E2ED; | ||
+ | margin: 40px 0px 0px 0px; | ||
+ | |||
+ | } | ||
+ | .subs li | ||
+ | { | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | margin: 5px 5px 5px 5px; | ||
+ | } | ||
+ | .subs { | ||
+ | background-color: #C5E2ED; | ||
+ | border:1px solid #222; | ||
+ | border-radius: 0 5px 5px 5px; | ||
+ | border-width: 0 1px 1px; | ||
+ | box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); | ||
+ | left: auto; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | top: -9999px; | ||
+ | z-index: 2; | ||
+ | margin-top: 40px; | ||
+ | list-style: none outside none; | ||
+ | cursor: pointer; | ||
+ | padding: 5px; | ||
+ | |||
+ | -moz-transform: scaleY(0); | ||
+ | -ms-transform: scaleY(0); | ||
+ | -o-transform: scaleY(0); | ||
+ | -webkit-transform: scaleY(0); | ||
+ | transform: scaleY(0); | ||
+ | |||
+ | -moz-transform-origin: 0 0; | ||
+ | -ms-transform-origin: 0 0; | ||
+ | -o-transform-origin: 0 0; | ||
+ | -webkit-transform-origin: 0 0; | ||
+ | transform-origin: 0 0; | ||
+ | |||
+ | -moz-transition: -moz-transform 0.1s linear; | ||
+ | -ms-transition: -ms-transform 0.1s linear; | ||
+ | -o-transition: -o-transform 0.1s linear; | ||
+ | -webkit-transition: -webkit-transform 0.1s linear; | ||
+ | transition: transform 0.1s linear; | ||
+ | } | ||
+ | .menulist li:hover ul.subs { | ||
+ | left: 0; | ||
+ | top: 53px; | ||
+ | width: 180px; | ||
+ | |||
+ | -moz-transform: scaleY(1); | ||
+ | -ms-transform: scaleY(1); | ||
+ | -o-transform: scaleY(1); | ||
+ | -webkit-transform: scaleY(1); | ||
+ | transform: scaleY(1); | ||
+ | } | ||
+ | |||
+ | .subs li | ||
+ | { | ||
+ | width: 170px; | ||
+ | border: 0px black solid; | ||
+ | border-bottom: 2px; | ||
+ | } | ||
+ | .subs li:hover | ||
+ | { | ||
+ | width: 170; | ||
+ | background-image: url('http://dl.dropbox.com/u/46807995/menu2.png'); | ||
} | } | ||
</style> | </style> | ||
Line 958: | Line 1,022: | ||
<ul class="menulist"> | <ul class="menulist"> | ||
- | <li class=" | + | <li class="menuitem1"> |
<a href="https://2012.igem.org/Team:Queens_Canada">Home </a> | <a href="https://2012.igem.org/Team:Queens_Canada">Home </a> | ||
- | |||
- | |||
- | |||
</li> | </li> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="menuitem2"> |
<a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a> | <a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a> | ||
- | <div class="subs"> | + | <div class="subs" style="margin: 40px 0px 0px 0px;"> |
</div> | </div> | ||
</li> | </li> | ||
<li class="menuitem"> | <li class="menuitem"> | ||
- | <a href=""> | + | <a href="https://2012.igem.org/Team:Queens_Canada/ChimeriQ">ChimeriQ</a> |
- | + | ||
- | + | ||
+ | <ul class="subs" style="margin: 40px 0px 0px 172px;"> | ||
+ | <li id="desc"> | ||
+ | Description | ||
+ | </li> | ||
+ | <li id="results"> | ||
+ | Results | ||
+ | </li> | ||
+ | <li id="parts"> | ||
+ | Parts | ||
+ | </li> | ||
+ | <li id="nblink"> | ||
+ | Notebook | ||
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="menuitem"> | <li class="menuitem"> | ||
- | <a href="https://2012.igem.org/Team:Queens_Canada/ | + | <a href="https://2012.igem.org/Team:Queens_Canada/Guide/DNA">Guide</a> |
- | <ul class="subs"> | + | <ul class="subs" style="margin: 40px 0px 0px 257px;"> |
- | <li> | + | <li id="Guide_DNA"> |
- | + | DNA | |
+ | </li> | ||
+ | <li id="Guide_mRNA"> | ||
+ | mRNA | ||
+ | </li> | ||
+ | <li id="Guide_Protein"> | ||
+ | Protein Structure | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 991: | Line 1,068: | ||
<li class="menuitem"> | <li class="menuitem"> | ||
<a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a> | <a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a> | ||
- | + | <ul class="subs" style="margin: 40px 0px 0px 340px;"> | |
- | <li> | + | <li id="whowhy">Who and Why?</li> |
- | + | <li id="how">How?</li> | |
- | </li> | + | <li id="dyphd">Dance Your PhD |
- | </ | + | |
</li> | </li> | ||
+ | </ul> | ||
<li class="menuitem"> | <li class="menuitem"> | ||
<a href="https://2012.igem.org/Team:Queens_Canada/Partners">Partners</a> | <a href="https://2012.igem.org/Team:Queens_Canada/Partners">Partners</a> | ||
- | <ul class="subs"> | + | <ul class="subs" style="margin: 40px 0px 0px 427px;"> |
+ | <li id="sponsors"> | ||
+ | Sponsors | ||
+ | </li> | ||
+ | <li id="collaborators"> | ||
+ | Attributions | ||
+ | </li> | ||
<li> | <li> | ||
- | |||
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="menuitem"> | <li class="menuitem"> | ||
- | <a href=" | + | <a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a> |
- | <ul class="subs"> | + | <ul class="subs" style="margin: 40px 0px 0px 417px;"> |
- | <li> | + | <li id="safety"> |
- | + | Safety | |
+ | </li> | ||
+ | <li id="Flight"> | ||
+ | Flight of the Flagellin | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 1,016: | Line 1,101: | ||
</div> | </div> | ||
<div id="igemlogocontainer"> | <div id="igemlogocontainer"> | ||
- | <a href="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/ | + | <a class="menulink" href="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/5/52/Igemlogo2.png" width=75> </a> |
</div> | </div> | ||
Line 1,033: | Line 1,118: | ||
Control | Control | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 1,074: | Line 1,145: | ||
}, 100); | }, 100); | ||
}); | }); | ||
+ | </script> | ||
+ | <script> | ||
+ | $('#desc').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/ChimeriQ'; | ||
+ | }); | ||
+ | $('#results').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/ChimeriQ/Results'; | ||
+ | }); | ||
+ | $('#parts').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/ChimeriQ/Parts'; | ||
+ | }); | ||
+ | $('#nblink').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Notebook/Week1'; | ||
+ | }); | ||
+ | $('#sponsors').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Partners'; | ||
+ | |||
+ | }); | ||
+ | $('#collaborators').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Attributions'; | ||
+ | }); | ||
+ | |||
+ | $('#media').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Media'; | ||
+ | }); | ||
+ | $('#safety').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Safety'; | ||
+ | }); | ||
+ | $('#Guide_DNA').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Guide/DNA'; | ||
+ | }); | ||
+ | $('#Guide_mRNA').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Guide/mRNA'; | ||
+ | }); | ||
+ | $('#Guide_Protein').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/Guide/Protein_Structure'; | ||
+ | }); | ||
+ | $('#Flight').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/flight'; | ||
+ | }); | ||
+ | $('#whowhy').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/SynthetiQ/whowhy'; | ||
+ | }); | ||
+ | $('#how').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/SynthetiQ/how'; | ||
+ | }); | ||
+ | $('#dyphd').click(function(){ | ||
+ | window.location = 'https://2012.igem.org/Team:Queens_Canada/SynthetiQ/dyphd'; | ||
+ | }); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 04:00, 27 October 2012
Control