Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
 
(101 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'>
-
Dear viewers,
+
-
 
+
-
If you are not from the Queens_Canada Team,
+
-
 
+
-
PLEASE DO NOT EDIT THIS PAGE.
+
-
 
+
-
That includes you, Andrea Hakaj from Ivytech_Southbend
+
-
-->
+
-
 
+
<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="https://2012.igem.org/Team:Queens_Canada/Javascript/Smoothscroll?action=raw&ctype=text/js"> </script>
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Smoothscroll?action=raw&ctype=text/js"> </script>
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/easing?action=raw&ctype=text/js"> </script>
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/easing?action=raw&ctype=text/js"> </script>
-
<script type="text/javascript">
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Init?action=raw&ctype=text/js">
-
  $.noConflict();
+
 
-
  // Code that uses other library's $ can follow here.
+
-
$.getScript("https://2012.igem.org/Team:Queens_Canada/Javascript/Init?action=raw&ctype=text/js");
+
</script>
</script>
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquerykwicks?action=raw&ctype=text/js"></script>
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquerykwicks?action=raw&ctype=text/js"></script>
 +
 +
<script type="text/javascript">
 +
$().ready(function() {
 +
$('.kwicks').kwicks({
 +
max : 650,
 +
duration: 1000, 
 +
easing: 'easeOutQuint'
 +
});
 +
});
 +
 +
</script>
<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
 +
{
 +
width: 1000px;
 +
margin-left: 2.5px;
 +
margin-right: 2.5px;
 +
}
 +
.kwicks {
 +
list-style: none;
 +
position: relative;
 +
margin: 0;
 +
padding: 0;
 +
width:100%;
 +
height:50px;
 +
z-index:2;
 +
        border-width: 10;
 +
        -khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
.kwicks li {
 +
display: block;
 +
float: left;
 +
overflow: hidden;
 +
padding: 0;
 +
cursor: pointer;
 +
width: 500px;
 +
height: 35px;
 +
z-index:2;
 +
cursor:pointer;
 +
border-left-width: 2.5px;
 +
border-left-style: solid;
 +
border-left-color: transparent;
 +
        border-right-color: transparent;
 +
        border-right-width: 2.5px;
 +
 +
}
 +
.kwicks li a {
 +
background-image:url(images/sprites_menu.png);
 +
background-repeat:no-repeat;
 +
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
 +
font-size: 1.5em;
 +
letter-spacing: -0.07em;
 +
color: #ffffff;
 +
height: 40px;
 +
outline:none;
 +
display:block;
 +
z-index:100;
 +
cursor:pointer;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
line-height: 37px;
 +
margin-left: 5px;
 +
text-decoration: none;
 +
        vertical-align: middle;
 +
}
 +
.kwicks li h3 {
 +
position: absolute;
 +
width: 120px;
 +
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
 +
font-size: 10px;
 +
color: #FF6600;
 +
letter-spacing: -0.02em;
 +
outline:none;
 +
z-index:0;
 +
cursor:pointer;
 +
text-transform: uppercase;
 +
font-weight: normal;
 +
margin-left: 5px;
 +
text-decoration: none;
 +
left: 0px;
 +
top: 5px;
 +
right: 0px;
 +
bottom: 0px;
 +
}
 +
#kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
 +
 +
overflow: hidden;
 +
position: relative;
 +
display: inline;
 +
width: 50%;
 +
 +
}
 +
#kwick_1 {
 +
left: 0px;
 +
border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
 +
        width: 498px;
 +
        background-color: crimson;
 +
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
#kwick_2 {
 +
 +
background-color: coral;
 +
width: 498px;
 +
border-right-width:2.5px;
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
 +
#kwick_1 li a {
 +
background-position:0px 0px;
 +
        border-width: 0px 0px 0px 0px;
 +
        border-right-color:
 +
}
 +
 +
#kwick_1 li a:hover {
 +
background-position:0px 0px;
 +
        border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
 +
}
 +
#kwick_2 li a, a:hover, a:active
 +
{
 +
border-left-color: black;
 +
}
 +
 +
.kwicks a:hover, .kwicks #active {
 +
color: #ffffff;
 +
}
 +
.kwicks li a:hover h3, .kwicks li #active h3 {
 +
color: #999999;
 +
}
 +
#kwick_2 a {
 +
background-position:0px -50px;
 +
}
 +
#kwick_3 a {
 +
background-position:0px -192px;
 +
}
 +
#kwick_4 a {
 +
background-position:0px -100px;
 +
}
 +
#kwick_5 a {
 +
background-position:0px -150px;
 +
}
 +
#kwick_6 a {
 +
background-position:0px -250px;
 +
}
 +
#kwick_7 a {
 +
background-position:0px -300px;
 +
}
 +
      p fade1 { position:inline;  }
 +
      ul fade2 { position:inline; 
 +
        font-size:36px; text-align:center;
 +
        color:yellow; background:red;
 +
        padding-top:25px;
 +
        top:0; left:0; display:none; }
 +
        span { display:none; }
 +
#labcontent
 +
{
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
margin-bottom: 10px;
 +
        background-color: white;
 +
        margin-top: 350px;
 +
        width: 1000px;
 +
        height: auto;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
}
 +
 +
#labcontent h1, h2, h3, h4, h5
 +
{
 +
padding-top: 0px;
 +
padding-bottom:0px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
margin-top:0px;
 +
margin-bottom: 0px;
 +
font-family: 'Signika', sans-serif;
 +
line-height: normal;
 +
}
 +
#notebookcontent
 +
{
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
}
 +
#labcontent h1
 +
{
 +
font-size: 2em;
 +
color:grey;
 +
padding-top: 5px;
 +
}
 +
#labcontent h2
 +
{
 +
font-size: 1.1em;
 +
color:black;
 +
margin-top: 0px;
 +
padding-top: 0px;
 +
font-family: 'Signika', sans-serif;
 +
padding-left: 30px;
 +
}
 +
#protocolcontent
 +
{
 +
display:none;
 +
}
 +
#NotebookTitle
 +
{
 +
background-color: MediumTurquoise;
 +
-webkit-border-radius: 10px 10px 0px 0px ;
 +
-khtml-border-radius: 10px 10px 0px 0px ;
 +
-moz-border-radius: 10px 10px 0px 0px ;
 +
border-radius: 10px 10px 0px 0px ;
 +
padding-left:  10px;
 +
margin-bottom: 0px;
 +
border-bottom: 0px;
 +
margin-top: -212px;
 +
}
 +
 +
#NotebookTitle p
 +
{
 +
color:white;
 +
font-size: 2em;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
text-decoration: bold;
 +
}
 +
hr{
hr{
margin:50px 0;
margin:50px 0;
Line 43: Line 314:
margin-bottom:1em;
margin-bottom:1em;
text-align: center; //set value to "left", "center", or "right"*/
text-align: center; //set value to "left", "center", or "right"*/
 +
z-index: 99;
}
}
ul.gelbuttonmenu li{
ul.gelbuttonmenu li{
display: inline;
display: inline;
 +
z-index: 99;
}
}
Line 55: Line 328:
margin-right: 20px; /*spacing between each menu link*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
text-decoration: none;
 +
z-index: 99;
}
}
Line 62: Line 336:
background:lightblue;
background:lightblue;
background:url('http://dl.dropbox.com/u/46807995/gelbuttonleft.gif') top left no-repeat, url('http://dl.dropbox.com/u/46807995/gelbuttonright.gif') top right no-repeat, url('http://dl.dropbox.com/u/46807995/gelbuttoncenter.gif') top center repeat-x;
background:url('http://dl.dropbox.com/u/46807995/gelbuttonleft.gif') top left no-repeat, url('http://dl.dropbox.com/u/46807995/gelbuttonright.gif') top right no-repeat, url('http://dl.dropbox.com/u/46807995/gelbuttoncenter.gif') top center repeat-x;
 +
z-index: 99;
}
}
Line 180: Line 455:
{
{
height: 100px;
height: 100px;
 +
z-index: 99;
 +
background-color:white;
}
}
#footer
#footer
Line 190: 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: 1000px;}
+
#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 521: Line 799:
#teamtable
#teamtable
{
{
-
font-family:"Trebuchet MS", Helvetica, sans-serif;
+
font-family: 'Signika', sans-serif;
font-size:12px;
font-size:12px;
text-align: center;
text-align: center;
Line 527: 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 586: 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 671: Line 970:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
margin-top: 50px;
+
margin-top: 100px;
 +
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 702: 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 915: Line 1,232:
}
}
.subs {
.subs {
-
     background-color: #222;
+
     background-color: #C5E2ED;
     border:1px solid #222;
     border:1px solid #222;
     border-radius: 0 5px 5px 5px;
     border-radius: 0 5px 5px 5px;
Line 927: 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 956: 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 985: 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,003: Line 1,334:
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="https://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a>
+
             <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,012: 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 342px;">
+
<ul class="subs" style="margin: 40px 0px 0px 340px;">
-
<li>
+
<li id="whowhy">Who and Why?</li>
-
</li>
+
<li id="how">How?</li>
-
</ul>  
+
<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 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,028: 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">
-
<a href="https://2012.igem.org/Team:Queens_Canada/Safety">Safety</a>
+
Safety
 +
</li>
 +
<li id="Flight">
 +
Flight of the Flagellin
</li>
</li>
</ul>  
</ul>  
Line 1,036: 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/e/e2/Igemlogo.png" width=75> </a>
+
<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,081: 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