Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
 
(93 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>
Line 23: Line 14:
</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" src="http://www.dynamicdrive.com/dynamicindex1/gooeymenu.js"> </script>
+
 
<script type="text/javascript">
<script type="text/javascript">
$().ready(function() {
$().ready(function() {
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
 +
{
 +
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
#labcontent
{
{
Line 46: Line 234:
  margin-bottom: 10px;
  margin-bottom: 10px;
         background-color: white;
         background-color: white;
-
         margin-top: 125px;
+
         margin-top: 350px;
         width: 1000px;
         width: 1000px;
         height: auto;
         height: auto;
Line 61: Line 249:
margin-top:0px;
margin-top:0px;
margin-bottom: 0px;
margin-bottom: 0px;
-
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
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 70: Line 263:
padding-top: 5px;
padding-top: 5px;
}
}
-
#notebookcontent h2
+
#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 117: 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 129: 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 136: 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 254: Line 455:
{
{
height: 100px;
height: 100px;
 +
z-index: 99;
 +
background-color:white;
}
}
#footer
#footer
Line 264: 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 595: 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 601: 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 660: 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 745: 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 776: 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 989: 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 1,001: 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,030: 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,059: 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,077: 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,086: 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,102: 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,110: 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,155: 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