Template:Queens Canada/Headernojs

From 2012.igem.org

(Difference between revisions)
 
(46 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 501: Line 504:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
margin-top: 50px;
+
margin-top: 150px;
-
 
+
background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png');
 +
border-radius: 15px;
}
}
#topbarcontainer
#topbarcontainer
Line 532: Line 536:
{
{
position:absolute; width:75px; right:0px; top:0px;
position:absolute; width:75px; right:0px; top:0px;
 +
}
 +
.ca-container{
 +
position:relative;
 +
margin:25px auto 20px auto;
 +
width:990px;
 +
height:450px;
 +
        background-color: transparent;
 +
}
 +
.ca-wrapper{
 +
width:100%;
 +
height:100%;
 +
position:relative;
 +
}
 +
.ca-item{
 +
position:relative;
 +
float:left;
 +
width:330px;
 +
height:100%;
 +
text-align:center;
 +
}
 +
.ca-more{
 +
position: absolute;
 +
bottom: 10px;
 +
right:0px;
 +
padding:4px 15px;
 +
font-weight:bold;
 +
background: #ccbda2;
 +
text-align:center;
 +
color: white;
 +
font-family: "Georgia","Times New Roman",serif;
 +
font-style:italic;
 +
text-shadow:1px 1px 1px #897c63;
 +
}
 +
.ca-close{
 +
position:absolute;
 +
top:10px;
 +
right:10px;
 +
background:#fff url('https://photos-2.dropbox.com/btj/fb944905/MtnDr20-rnUT6e81x8dYhcU0Gmu0f1ylMwkTjp1s2UQ/cross.png') no-repeat center center;
 +
width:27px;
 +
height:27px;
 +
text-indent:-9000px;
 +
outline:none;
 +
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 +
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 +
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 +
opacity:0.7;
 +
}
 +
.ca-close:hover{
 +
opacity:1.0;
 +
}
 +
.ca-item-main{
 +
padding:20px;
 +
position:absolute;
 +
top:5px;
 +
left:5px;
 +
right:5px;
 +
bottom:5px;
 +
background:#fff;
 +
overflow:hidden;
 +
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 +
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 +
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 +
}
 +
.ca-icon{
 +
width:189px;
 +
height:189px;
 +
position:relative;
 +
margin:0 auto;
 +
background:transparent url('http://dl.dropbox.com/u/46807995/QGEM%202012%20Logo3.png') no-repeat center center;
 +
}
 +
.ca-item-2 .ca-icon{
 +
background-image:url('http://dl.dropbox.com/u/46807995/QGEM%202012%20Logo3.png');
 +
}
 +
.ca-item-3 .ca-icon{
 +
background-image:url(../images/animal3.png);
 +
}
 +
.ca-item-4 .ca-icon{
 +
background-image:url(../images/animal4.png);
 +
}
 +
.ca-item-5 .ca-icon{
 +
background-image:url(../images/animal5.png);
 +
}
 +
.ca-item-6 .ca-icon{
 +
background-image:url(../images/animal6.png);
 +
}
 +
.ca-item-7 .ca-icon{
 +
background-image:url(../images/animal7.png);
 +
}
 +
.ca-item-8 .ca-icon{
 +
background-image:url(../images/animal8.png);
 +
}
 +
.ca-item h3{
 +
font-family: 'Coustard', sans-serif;
 +
text-transform:uppercase;
 +
font-size:30px;
 +
color:#000;
 +
margin-bottom:20px;
 +
height:85px;
 +
text-align:center;
 +
text-shadow: 0px 1px 1px #e4ebe9;
 +
}
 +
.ca-item h4{
 +
font-family: 'Philosopher', sans-serif;;
 +
font-style:italic;
 +
font-size:12px;
 +
text-align:left;
 +
border-left:10px solid #b0ccc6;
 +
padding-left:10px;
 +
line-height:24px;
 +
margin:10px;
 +
position:relative;
 +
}
 +
.ca-item h4 span{
 +
text-indent:40px;
 +
display:block;
 +
}
 +
.ca-item h4  span.ca-quote{
 +
color:#f4eee3;
 +
font-size:100px;
 +
position:absolute;
 +
top:20px;
 +
left:0px;
 +
text-indent:0px;
 +
}
 +
.ca-content-wrapper{
 +
background:#b0ccc6;
 +
position:absolute;
 +
width:0px; /* expands to width of the wrapper minus 1 element */
 +
height:440px;
 +
top:5px;
 +
text-align:left;
 +
z-index:10000;
 +
overflow:hidden;
 +
}
 +
.ca-content{
 +
width:660px;
 +
overflow:hidden;
 +
}
 +
.ca-content-text{
 +
font-size: 14px;
 +
font-style: italic;
 +
font-family: "Georgia","Times New Roman",serif;
 +
margin:10px 20px;
 +
padding:10px 20px;
 +
line-height:24px;
 +
        list-style-type: none;
 +
}
 +
.ca-content-text p{
 +
padding-bottom:5px;
 +
}
 +
.ca-content h6{
 +
margin:25px 20px 0px 35px;
 +
font-size:32px;
 +
padding-bottom:5px;
 +
color:#000;
 +
font-family: 'Coustard', sans-serif;
 +
color:#60817a;
 +
border-bottom:2px solid #99bcb4;
 +
text-shadow: 1px 1px 1px #99BCB4;
 +
}
 +
.ca-content ul{
 +
margin:20px 35px;
 +
height:30px;
 +
        list-style:none;
 +
}
 +
.ca-content ul li{
 +
float:left;
 +
margin:0px 2px;
 +
}
 +
.ca-content ul li a{
 +
color:#fff;
 +
background:#000;
 +
padding:3px 6px;
 +
font-size:14px;
 +
font-family: "Georgia","Times New Roman",serif;
 +
font-style:italic;
 +
}
 +
.ca-content ul li a:hover{
 +
background:#fff;
 +
color:#000;
 +
text-shadow:none;
 +
}
 +
.ca-nav span{
 +
width:25px;
 +
height:38px;
 +
background:transparent url('https://photos-1.dropbox.com/btj/4159138c/aALpyYLbAaADO2-Ebio68A3s-L7ioYLKSv_9ocokcRY/arrows.png?size=1024x768') no-repeat top left;
 +
position:absolute;
 +
top:50%;
 +
margin-top:-19px;
 +
left:-40px;
 +
text-indent:-9000px;
 +
opacity:0.7;
 +
cursor:pointer;
 +
z-index:100;
 +
}
 +
.ca-nav span.ca-nav-next{
 +
background-position:top right;
 +
left:auto;
 +
right:-40px;
 +
}
 +
.ca-nav span:hover{
 +
opacity:1.0;
}
}
.ca-container{
.ca-container{
Line 731: 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 747: 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 780: 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 805: 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 822: 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 863: 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

Retrieved from "http://2012.igem.org/Template:Queens_Canada/Headernojs"