Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
m
 
(80 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="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: "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 222: 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 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: 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 753: 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 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: 50px;
+
margin-top: 100px;
opacity: 1.0;
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
#pagecontentcontainer
{
{
-
background-image: url('http://dl.dropbox.com/u/46807995/cardboard_flat.png');
+
 
-
border-radius: 5px;
+
opacity: 0.8;
opacity: 0.8;
}
}
Line 940: 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,153: 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,165: 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,194: 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,223: Line 1,316:
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="">ChimeriQ</a>
+
             <a href="http://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,241: Line 1,334:
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="http://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a>
+
             <a href="http://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,250: Line 1,349:
<li class="menuitem">
<li class="menuitem">
             <a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
             <a href="http://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="http://2012.igem.org/Team:Queens_Canada/Partners">Partners</a>
             <a href="http://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,266: Line 1,371:
             <a href="http://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
             <a href="http://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="http://2012.igem.org/Team:Queens_Canada/Safety">Safety</a>
+
Safety
 +
</li>
 +
<li id="Flight">
 +
Flight of the Flagellin
</li>
</li>
</ul>  
</ul>  
Line 1,274: Line 1,382:
       </div>
       </div>
<div id="igemlogocontainer">
<div id="igemlogocontainer">
-
<a class="menulink" href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/e/e2/Igemlogo.png" width=75> </a>
+
<a class="menulink" href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/5/52/Igemlogo2.png" width=75> </a>
</div>
</div>
Line 1,319: Line 1,427:
     });
     });
</script>
</script>
 +
<script>
 +
$('#desc').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/ChimeriQ';
 +
});
 +
$('#results').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/ChimeriQ/Results';
 +
});
 +
$('#parts').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/ChimeriQ/Parts';
 +
});
 +
$('#nblink').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Notebook/Week1';
 +
});
 +
$('#sponsors').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Partners';
 +
});
 +
$('#collaborators').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Attributions';
 +
});
 +
 +
$('#media').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Media';
 +
});
 +
$('#safety').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Safety';
 +
});
 +
$('#Guide_DNA').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Guide/DNA';
 +
});
 +
$('#Guide_mRNA').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Guide/mRNA';
 +
});
 +
$('#Guide_Protein').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/Guide/Protein_Structure';
 +
});
 +
$('#Flight').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/flight';
 +
});
 +
$('#whowhy').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/SynthetiQ/whowhy';
 +
});
 +
$('#how').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/SynthetiQ/how';
 +
});
 +
$('#dyphd').click(function(){
 +
  window.location = 'http://2012.igem.org/Team:Queens_Canada/SynthetiQ/dyphd';
 +
});
 +
</script>
</html>
</html>

Latest revision as of 04:01, 27 October 2012

Control