Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
 
(95 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" src="http://www.dynamicdrive.com/dynamicindex1/gooeymenu.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
#labcontent
{
{
Line 39: 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 54: 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 63: 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 110: 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 122: 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 129: 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 247: Line 455:
{
{
height: 100px;
height: 100px;
 +
z-index: 99;
 +
background-color:white;
}
}
#footer
#footer
Line 257: 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 588: 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 594: 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 653: 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 738: 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 769: 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 982: 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 994: 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,023: 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,052: 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,070: 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,079: 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,095: 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,103: 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,148: 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