Template:Queens Canada/Headernojs

From 2012.igem.org

(Difference between revisions)
 
(43 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
 +
{
 +
font-family: 'Merienda One', cursive;
 +
line-height: 1.5em;
 +
}
 +
#ca-container h6
 +
{
 +
font-family: 'Merienda One', cursive;
 +
}
#footer
#footer
{
{
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 346: Line 348:
         width:1000px;
         width:1000px;
         opacity: 0.8;
         opacity: 0.8;
 +
        background-color: transparent;
Line 502: 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 538: Line 542:
width:990px;
width:990px;
height:450px;
height:450px;
 +
        background-color: transparent;
}
}
.ca-wrapper{
.ca-wrapper{
Line 568: Line 573:
top:10px;
top:10px;
right:10px;
right:10px;
-
background:#fff url(http://dl.dropbox.com/u/46807995/cross.png) no-repeat center center;
+
background:#fff url('https://photos-2.dropbox.com/btj/fb944905/MtnDr20-rnUT6e81x8dYhcU0Gmu0f1ylMwkTjp1s2UQ/cross.png') no-repeat center center;
width:27px;
width:27px;
height:27px;
height:27px;
Line 595: 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 633: 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 676: 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 693: Line 699:
margin:20px 35px;
margin:20px 35px;
height:30px;
height:30px;
 +
        list-style:none;
}
}
.ca-content ul li{
.ca-content ul li{
Line 714: Line 721:
width:25px;
width:25px;
height:38px;
height:38px;
-
background:transparent url(http://dl.dropbox.com/u/46807995/arrows.png) no-repeat top left;
+
background:transparent url('https://photos-1.dropbox.com/btj/4159138c/aALpyYLbAaADO2-Ebio68A3s-L7ioYLKSv_9ocokcRY/arrows.png?size=1024x768') no-repeat top left;
position:absolute;
position:absolute;
top:50%;
top:50%;
Line 927: Line 934:
left:auto;
left:auto;
right:-40px;
right:-40px;
-
        background-color:black
 
}
}
.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 947: Line 1,022:
         <ul class="menulist">
         <ul class="menulist">
          
          
-
<li class="menuitem">
+
<li class="menuitem1">
             <a href="https://2012.igem.org/Team:Queens_Canada">Home </a>
             <a href="https://2012.igem.org/Team:Queens_Canada">Home </a>
-
<div class="subs">
 
-
 
-
</div>
 
</li>
</li>
</li>
</li>
-
<li class="menuitem">
+
<li class="menuitem2">
             <a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a>
             <a href="https://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="https://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="https://2012.igem.org/Team:Queens_Canada/Notebook">Notebook</a>
+
             <a href="https://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 980: Line 1,068:
<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">
+
<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="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">
+
  <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="https://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,005: Line 1,101:
       </div>
       </div>
<div id="igemlogocontainer">
<div id="igemlogocontainer">
-
<a 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,022: 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,063: Line 1,145:
         }, 100);
         }, 100);
     });
     });
 +
</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>
</script>
</html>
</html>

Latest revision as of 04:00, 27 October 2012

Control