Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
(81 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" /> | ||
- | < | + | <link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> | ||
<script type="text/javascript" src="http://dl.dropbox.com/u/46807995/gooeymenu.js"> </script> | <script type="text/javascript" src="http://dl.dropbox.com/u/46807995/gooeymenu.js"> </script> | ||
Line 36: | Line 27: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | table.tableizer-table {border: 1px solid #CCC; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;} | ||
+ | .tableizer-table th {background-color: #104E8B; color: #FFF; font-weight: bold; margin-left:auto; margin-right: auto;} | ||
+ | .contentbox | ||
+ | { | ||
+ | padding-left: 30px; | ||
+ | padding-right:30px; | ||
+ | border-bottom: 1px dashed black; | ||
+ | } | ||
+ | #contentbox | ||
+ | { | ||
+ | padding-left: 30px; | ||
+ | padding-right:30px; | ||
+ | border-bottom: 1px dashed black; | ||
+ | } | ||
+ | .contenttitle | ||
+ | { | ||
+ | font-size: 2em; | ||
+ | padding-left: 20px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | |||
+ | } | ||
+ | h1, h2, h3, h4 | ||
+ | { | ||
+ | font-family: 'Signika', sans-serif; | ||
+ | } | ||
+ | #navtoggle | ||
+ | { | ||
+ | height:75px; | ||
+ | width:75px; | ||
+ | position:absolute; | ||
+ | left:-75 px; | ||
+ | margin-left: -75px; | ||
+ | margin-bottom: -75px; | ||
+ | margin-top: 35 px; | ||
+ | text-align: center; | ||
+ | background-color: maroon; | ||
+ | border-radius: 5px 0px 0px 5px; | ||
+ | } | ||
+ | #navtoggle a | ||
+ | { | ||
+ | color: white; | ||
+ | font-size: 1.1em; | ||
+ | vertical-align: middle; | ||
+ | } | ||
.kwicks_container | .kwicks_container | ||
{ | { | ||
Line 213: | Line 249: | ||
margin-top:0px; | margin-top:0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
- | font-family: | + | font-family: 'Signika', sans-serif; |
line-height: normal; | line-height: normal; | ||
} | } | ||
- | #notebookcontent h1 | + | #notebookcontent |
+ | { | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | #labcontent h1 | ||
{ | { | ||
font-size: 2em; | font-size: 2em; | ||
Line 222: | Line 263: | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
- | # | + | #labcontent h2 |
{ | { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
color:black; | color:black; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 0px; | ||
+ | font-family: 'Signika', sans-serif; | ||
+ | padding-left: 30px; | ||
} | } | ||
#protocolcontent | #protocolcontent | ||
Line 422: | Line 467: | ||
background-image: url('http://dl.dropbox.com/u/46807995/website%20background.png'); | background-image: url('http://dl.dropbox.com/u/46807995/website%20background.png'); | ||
z-index:-99; | z-index:-99; | ||
+ | font-family: 'Signika', sans-serif; | ||
} | } | ||
- | #menu { position: relative; top: 0; left: 0; overflow: hidden; height: | + | #menu { position: relative; top: 0; left: 0; overflow: hidden; height: 200px;} |
#menu .colourful { display: block; position: absolute; background: #f0ad22; height: 35px; width: 85px; top: 4px; left: -100px; } | #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: absolute; top: 0; left: 0; z-index: 1; } | #menu ul { margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; left: 0; z-index: 1; } | ||
Line 753: | Line 799: | ||
#teamtable | #teamtable | ||
{ | { | ||
- | font-family: | + | font-family: 'Signika', sans-serif; |
font-size:12px; | font-size:12px; | ||
text-align: center; | text-align: center; | ||
Line 759: | Line 805: | ||
border-spacing:20pt; | border-spacing:20pt; | ||
border:0pt; | border:0pt; | ||
+ | } | ||
+ | #syntable | ||
+ | { | ||
+ | font-family: 'Signika', sans-serif; | ||
+ | font-size:12px; | ||
+ | background:none; | ||
+ | border-spacing:0pt; | ||
+ | border:0pt; | ||
+ | } | ||
+ | #syntdl | ||
+ | { | ||
+ | text-align:left; | ||
+ | width:475px; | ||
+ | } | ||
+ | #syntdr | ||
+ | { | ||
+ | text-align:right; | ||
+ | width:475px; | ||
} | } | ||
#teamtd, #teamth | #teamtd, #teamth | ||
Line 818: | Line 882: | ||
float:left; | float:left; | ||
margin-top: 50px; | margin-top: 50px; | ||
+ | background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png'); | ||
+ | border-radius: 5px; | ||
+ | padding: 5px; | ||
} | } | ||
#twitter_wrapper | #twitter_wrapper | ||
Line 903: | Line 970: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | margin-top: | + | margin-top: 100px; |
- | background-image: url('http://dl.dropbox.com/u/46807995/ | + | opacity: 1.0; |
+ | background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png'); | ||
+ | border-radius: 15px; | ||
+ | padding: 10px; | ||
+ | -moz-box-shadow: 3px 3px 4px #000; | ||
+ | -webkit-box-shadow: 3px 3px 4px #000; | ||
+ | box-shadow: 3px 3px 4px #000; | ||
+ | |||
+ | } | ||
+ | #pagecontentcontainer | ||
+ | { | ||
+ | |||
+ | opacity: 0.8; | ||
} | } | ||
#topbarcontainer | #topbarcontainer | ||
Line 934: | Line 1,013: | ||
{ | { | ||
position:absolute; width:75px; right:0px; top:0px; | position:absolute; width:75px; right:0px; top:0px; | ||
+ | } | ||
+ | #seqbox | ||
+ | { | ||
+ | padding: 5px; | ||
+ | font-family: "monospace"; | ||
+ | text-align: left; | ||
} | } | ||
.ca-container{ | .ca-container{ | ||
Line 1,147: | Line 1,232: | ||
} | } | ||
.subs { | .subs { | ||
- | background-color: # | + | background-color: #C5E2ED; |
border:1px solid #222; | border:1px solid #222; | ||
border-radius: 0 5px 5px 5px; | border-radius: 0 5px 5px 5px; | ||
Line 1,159: | Line 1,244: | ||
margin-top: 40px; | margin-top: 40px; | ||
list-style: none outside none; | list-style: none outside none; | ||
+ | cursor: pointer; | ||
+ | padding: 5px; | ||
-moz-transform: scaleY(0); | -moz-transform: scaleY(0); | ||
Line 1,188: | Line 1,275: | ||
-webkit-transform: scaleY(1); | -webkit-transform: scaleY(1); | ||
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 1,217: | Line 1,316: | ||
</li> | </li> | ||
<li class="menuitem"> | <li class="menuitem"> | ||
- | <a href="">ChimeriQ</a> | + | <a href="https://2012.igem.org/Team:Queens_Canada/ChimeriQ">ChimeriQ</a> |
<ul class="subs" style="margin: 40px 0px 0px 172px;"> | <ul class="subs" style="margin: 40px 0px 0px 172px;"> | ||
- | <li> | + | <li id="desc"> |
Description | Description | ||
</li> | </li> | ||
- | <li> | + | <li id="results"> |
Results | Results | ||
</li> | </li> | ||
- | <li> | + | <li id="parts"> |
Parts | Parts | ||
</li> | </li> | ||
- | <li> | + | <li id="nblink"> |
Notebook | Notebook | ||
</li> | </li> | ||
Line 1,235: | Line 1,334: | ||
</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" style="margin: 40px 0px 0px 257px;"> | <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 1,244: | Line 1,349: | ||
<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> | + | <li id="how">How?</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" style="margin: 40px 0px 0px | + | <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> | ||
Line 1,260: | Line 1,371: | ||
<a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a> | <a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a> | ||
<ul class="subs" style="margin: 40px 0px 0px 417px;"> | <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,268: | Line 1,382: | ||
</div> | </div> | ||
<div id="igemlogocontainer"> | <div id="igemlogocontainer"> | ||
- | <a class="menulink" 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,313: | Line 1,427: | ||
}); | }); | ||
</script> | </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> | ||
</html> | </html> |
Latest revision as of 04:01, 27 October 2012
Control