Template:Queens Canada/Headernojs

From 2012.igem.org

(Difference between revisions)
 
(38 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" />
-
<!--
 
-
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
 
-
-->
 
-
 
-
 
-
 
<style type="text/css">
<style type="text/css">
#ca-container h3
#ca-container h3
 +
{
 +
font-family: 'Merienda One', cursive;
 +
line-height: 1.5em;
 +
}
 +
#ca-container h6
{
{
font-family: 'Merienda One', cursive;
font-family: 'Merienda One', cursive;
Line 25: Line 18:
{
{
width:1000px;
width:1000px;
 +
}
 +
body
 +
{
 +
background-image: url('http://dl.dropbox.com/u/46807995/website%20background.png');
 +
z-index:-99;
}
}
-
#menu { position: relative; top: 0; left: 0; overflow: hidden; height: 98px;}
+
#menu { position: relative; top: 0; left: 0; overflow: hidden; height: 1000px;}
-
#menu .colourful { display: block; position: absolute; background: #f0ad22; height: 68px; 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: relative; 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; }
-
#menu li { float: left; margin: 0 1px 0 0; }
+
#menu li { float: left; }
-
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 60px; }
+
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 35px; }
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; }
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; }
Line 350: Line 348:
         width:1000px;
         width:1000px;
         opacity: 0.8;
         opacity: 0.8;
 +
        background-color: transparent;
Line 506: Line 505:
margin-right:auto;
margin-right:auto;
margin-top: 150px;
margin-top: 150px;
-
 
+
background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png');
 +
border-radius: 15px;
}
}
#topbarcontainer
#topbarcontainer
Line 542: Line 542:
width:990px;
width:990px;
height:450px;
height:450px;
 +
        background-color: transparent;
}
}
.ca-wrapper{
.ca-wrapper{
Line 599: Line 600:
}
}
.ca-icon{
.ca-icon{
-
width:233px;
+
width:189px;
height:189px;
height:189px;
position:relative;
position:relative;
margin:0 auto;
margin:0 auto;
-
background:transparent url(../images/animal1.png) no-repeat center center;
+
background:transparent url('http://dl.dropbox.com/u/46807995/QGEM%202012%20Logo3.png') no-repeat center center;
}
}
.ca-item-2 .ca-icon{
.ca-item-2 .ca-icon{
-
background-image:url(../images/animal2.png);
+
background-image:url('http://dl.dropbox.com/u/46807995/QGEM%202012%20Logo3.png');
}
}
.ca-item-3 .ca-icon{
.ca-item-3 .ca-icon{
Line 637: Line 638:
}
}
.ca-item h4{
.ca-item h4{
-
font-family: "Georgia","Times New Roman",serif;
+
font-family: 'Philosopher', sans-serif;;
font-style:italic;
font-style:italic;
font-size:12px;
font-size:12px;
Line 680: Line 681:
padding:10px 20px;
padding:10px 20px;
line-height:24px;
line-height:24px;
 +
        list-style-type: none;
}
}
.ca-content-text p{
.ca-content-text p{
Line 697: Line 699:
margin:20px 35px;
margin:20px 35px;
height:30px;
height:30px;
 +
        list-style:none;
}
}
.ca-content ul li{
.ca-content ul li{
Line 934: Line 937:
.ca-nav span:hover{
.ca-nav span:hover{
opacity:1.0;
opacity:1.0;
 +
}
 +
.subs
 +
{
 +
background-color: #C5E2ED;
 +
margin: 40px 0px 0px 0px;
 +
 +
}
 +
.subs li
 +
{
 +
display: block;
 +
clear: both;
 +
margin: 5px 5px 5px 5px;
 +
}
 +
.subs {
 +
    background-color: #C5E2ED;
 +
    border:1px solid #222;
 +
    border-radius: 0 5px 5px 5px;
 +
    border-width: 0 1px 1px;
 +
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
 +
    left: auto;
 +
    overflow: hidden;
 +
    position: relative;
 +
    top: -9999px;
 +
    z-index: 2;
 +
    margin-top: 40px;
 +
    list-style: none outside none;
 +
    cursor: pointer;
 +
    padding: 5px;
 +
 +
    -moz-transform: scaleY(0);
 +
    -ms-transform: scaleY(0);
 +
    -o-transform: scaleY(0);
 +
    -webkit-transform: scaleY(0);
 +
    transform: scaleY(0);
 +
 +
    -moz-transform-origin: 0 0;
 +
    -ms-transform-origin: 0 0;
 +
    -o-transform-origin: 0 0;
 +
    -webkit-transform-origin: 0 0;
 +
    transform-origin: 0 0;
 +
 +
    -moz-transition: -moz-transform 0.1s linear;
 +
    -ms-transition: -ms-transform 0.1s linear;
 +
    -o-transition: -o-transform 0.1s linear;
 +
    -webkit-transition: -webkit-transform 0.1s linear;
 +
    transition: transform 0.1s linear;
 +
}
 +
.menulist li:hover ul.subs {
 +
    left: 0;
 +
    top: 53px;
 +
    width: 180px;
 +
 +
    -moz-transform: scaleY(1);
 +
    -ms-transform: scaleY(1);
 +
    -o-transform: scaleY(1);
 +
    -webkit-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 950: Line 1,022:
         <ul class="menulist">
         <ul class="menulist">
          
          
-
<li class="menuitem">
+
<li class="menuitem1">
             <a href="http://2012.igem.org/Team:Queens_Canada">Home </a>
             <a href="http://2012.igem.org/Team:Queens_Canada">Home </a>
-
<div class="subs">
 
-
 
-
</div>
 
</li>
</li>
</li>
</li>
-
<li class="menuitem">
+
<li class="menuitem2">
             <a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a>
             <a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a>
-
  <div class="subs">
+
  <div class="subs" style="margin: 40px 0px 0px 0px;">
</div>  
</div>  
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="">Project</a>
+
             <a href="http://2012.igem.org/Team:Queens_Canada/ChimeriQ">ChimeriQ</a>
-
<ul class="subs">
+
-
<li>
+
 +
<ul class="subs" style="margin: 40px 0px 0px 172px;">
 +
<li id="desc">
 +
Description
 +
</li>
 +
<li id="results">
 +
Results
 +
</li>
 +
<li id="parts">
 +
Parts
 +
</li>
 +
<li id="nblink">
 +
Notebook
</li>
</li>
</ul>  
</ul>  
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="http://2012.igem.org/Team:Queens_Canada/Notebook">Notebook</a>
+
             <a href="http://2012.igem.org/Team:Queens_Canada/Guide/DNA">Guide</a>
-
  <ul class="subs">
+
  <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 983: Line 1,068:
<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">
+
<ul class="subs" style="margin: 40px 0px 0px 340px;">
-
<li>
+
<li id="whowhy">Who and Why?</li>
-
 
+
<li id="how">How?</li>
-
</li>
+
<li id="dyphd">Dance Your PhD
-
</ul>  
+
           </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">
+
  <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>  
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="#">Extras</a>
+
             <a href="http://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
-
  <ul class="subs">
+
  <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,008: Line 1,101:
       </div>
       </div>
<div id="igemlogocontainer">
<div id="igemlogocontainer">
-
<a 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,025: Line 1,118:
Control
Control
</div>
</div>
-
<script type="text/javascript">
 
-
 
-
$('.menuitem').hover(
 
-
function()
 
-
{
 
-
$(this).children().delay(300).fadeIn(500);
 
-
}
 
-
,
 
-
function()
 
-
{
 
-
$(".subs").delay(300).fadeOut(500);
 
-
}
 
-
);
 
-
</script>
 
<script type="text/javascript">  
<script type="text/javascript">  
Line 1,066: Line 1,145:
         }, 100);
         }, 100);
     });
     });
 +
</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>
</script>
</html>
</html>

Latest revision as of 04:00, 27 October 2012

Control