Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> - Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License: <style> body { margin: 0; p...")
 
(467 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
-
/*
+
<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." />
-
Design by Free CSS Templates
+
<meta name="keywords" content="Chimeriq,Queens,iGEM,Flagella,bioremediation" />
-
http://www.freecsstemplates.org
+
<link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
-
Released for free under a Creative Commons Attribution 2.5 License
+
<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>
-
<style>
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Smoothscroll?action=raw&ctype=text/js"> </script>
-
body {
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/easing?action=raw&ctype=text/js"> </script>
-
margin: 0;
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Init?action=raw&ctype=text/js">
-
padding: 0;
+
 
-
background: #FFFFFF url(images/img01.jpg) repeat-x left top;
+
 
-
font-family: Arial, Helvetica, sans-serif;
+
</script>
-
font-size: 14px;
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquerykwicks?action=raw&ctype=text/js"></script>
-
color: #3C3D3F;
+
 
 +
<script type="text/javascript">
 +
$().ready(function() {
 +
$('.kwicks').kwicks({
 +
max : 650,
 +
duration: 1000, 
 +
easing: 'easeOutQuint'
 +
});
 +
});
 +
 +
</script>
 +
 
 +
<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 {
+
}
 +
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;
margin: 0;
padding: 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;
font-weight: normal;
-
color: #FF3000;
+
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%;
-
h1 {
 
-
font-size: 2em;
 
}
}
 +
#kwick_1 {
 +
left: 0px;
 +
border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
 +
        width: 498px;
 +
        background-color: crimson;
-
h2 {
+
-webkit-border-radius: 10px;
-
font-size: 2.8em;
+
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
 +
#kwick_2 {
-
h3 {
+
background-color: coral;
-
font-size: 1.6em;
+
width: 498px;
 +
border-right-width:2.5px;
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
-
p, ul, ol {
+
#kwick_1 li a {
-
margin-top: 0;
+
background-position:0px 0px;
-
line-height: 180%;
+
        border-width: 0px 0px 0px 0px;
 +
        border-right-color:
}
}
-
ul, ol {
+
#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;
}
}
-
a {
+
.kwicks a:hover, .kwicks #active {
-
text-decoration: underline;
+
color: #ffffff;
-
color: #1CB543;
+
}
 +
.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
 +
{
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
margin-bottom: 10px;
 +
        background-color: white;
 +
        margin-top: 350px;
 +
        width: 1000px;
 +
        height: auto;
 +
        margin-left: auto;
 +
        margin-right: auto;
}
}
-
a:hover {
+
#labcontent h1, h2, h3, h4, h5
-
text-decoration: none;
+
{
 +
padding-top: 0px;
 +
padding-bottom:0px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
margin-top:0px;
 +
margin-bottom: 0px;
 +
font-family: 'Signika', sans-serif;
 +
line-height: normal;
 +
}
 +
#notebookcontent
 +
{
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
}
 +
#labcontent h1
 +
{
 +
font-size: 2em;
 +
color:grey;
 +
padding-top: 5px;
 +
}
 +
#labcontent h2
 +
{
 +
font-size: 1.1em;
 +
color:black;
 +
margin-top: 0px;
 +
padding-top: 0px;
 +
font-family: 'Signika', sans-serif;
 +
padding-left: 30px;
 +
}
 +
#protocolcontent
 +
{
 +
display:none;
 +
}
 +
#NotebookTitle
 +
{
 +
background-color: MediumTurquoise;
 +
-webkit-border-radius: 10px 10px 0px 0px ;
 +
-khtml-border-radius: 10px 10px 0px 0px ;
 +
-moz-border-radius: 10px 10px 0px 0px ;
 +
border-radius: 10px 10px 0px 0px ;
 +
padding-left:  10px;
 +
margin-bottom: 0px;
 +
border-bottom: 0px;
 +
margin-top: -212px;
}
}
-
#wrapper {
+
#NotebookTitle p
-
margin: 0 auto;
+
{
-
padding: 0;
+
color:white;
 +
font-size: 2em;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
text-decoration: bold;
}
}
-
/* Header */
+
hr{
-
 
+
margin:50px 0;
-
#header-wrapper {
+
color:#eee;
-
height: 150px;
+
}
}
-
#header {
+
ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
-
overflow: hidden;
+
_visibility: hidden; /*IE6 rule*/
-
width: 900px;
+
-
margin: 0 auto;
+
-
padding: 30px 0px 0px 0px;
+
}
}
-
/* Logo */
+
/* ######### Gel Menu CSS ######### */
-
#logo {
+
ul.gelbuttonmenu{
-
float: left;
+
position:relative;
-
width: 350px;
+
padding: 0;
-
margin: 0;
+
margin: 0;
-
padding: 0;
+
margin-bottom:1em;
-
color: #000000;
+
text-align: center; //set value to "left", "center", or "right"*/
 +
z-index: 99;
}
}
-
#logo h1, #logo p {
+
ul.gelbuttonmenu li{
 +
display: inline;
 +
z-index: 99;
}
}
-
#logo h1 {
+
ul.gelbuttonmenu li a{
-
margin-left: 30px;
+
color: black;
-
padding: 20px 0px 0px 0px;
+
font-weight:bold;
-
letter-spacing: -1px;
+
padding: 10px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
-
text-transform: lowercase;
+
margin-right: 20px; /*spacing between each menu link*/
-
font-size: 3.8em;
+
text-decoration: none;
-
color: #ff3000;
+
z-index: 99;
}
}
-
#logo p {
+
ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
-
margin: -5px 0px 0px 0px;
+
position:absolute;
-
padding: 0px 0 0 32px;
+
width:0;
-
text-transform: lowercase;
+
background:lightblue;
-
font: normal 14px Georgia, "Times New Roman", Times, serif;
+
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;
-
font-style: italic;
+
z-index: 99;
-
color: #45302C;
+
-
}
+
-
 
+
-
#logo a {
+
-
border: none;
+
-
background: none;
+
-
text-decoration: none;
+
-
color: #222222;
+
}
}
-
/* Search */
 
-
#search {
 
-
float: right;
 
-
width: 280px;
 
-
height: 40px;
 
-
padding: 0px 0px 0px 0px;
 
-
}
 
-
#search form {
+
 
-
margin: 0;
+
/* ######### Solid Block Menu CSS ######### */
-
padding: 10px 0 0 10px;
+
 
 +
 
 +
ul.solidblockmenu{
 +
margin: 0;
 +
margin-bottom:1em;
 +
padding: 0;
 +
list-style: none;
 +
position:relative;
 +
text-align: center; //set value to "left", "center", or "right"*/
}
}
-
#search fieldset {
+
ul.solidblockmenu li{
-
margin: 0;
+
display: inline;
-
padding: 0;
+
-
border: none;
+
}
}
-
#search-text {
+
ul.solidblockmenu li a{
-
width: 220px;
+
font: bold 14px Arial, Verdana, sans-serif;
-
height: 20px;
+
color: black;
-
margin-right: 10px;
+
padding: 8px;
-
padding: 6px 5px 6px 5px;
+
margin-right: 20px; /*spacing between each menu link*/
-
border: none;
+
text-decoration: none;
-
background: #FFFFFF;
+
-
text-transform: lowercase;
+
-
font: normal 12px Arial, Helvetica, sans-serif;
+
-
color: #B9ADAA;
+
}
}
-
#search-submit {
+
ul.solidblockmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
-
width: 45px;
+
position:absolute;
-
height: 26px;
+
width:0;
-
border: none;
+
border:1px solid black;
-
background: none;
+
-moz-border-radius: 4px;
-
text-indent: -9999px;
+
-webkit-border-radius: 4px;
-
color: #FFFFFF;
+
border-radius:4px;
 +
-moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
 +
-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
 +
box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
 +
background:#d7ed93;
 +
background: -moz-linear-gradient(top, #d7ed93, #fff);
 +
background: -webkit-gradient(linear, center top, center bottom, from(#d7ed93), to(#fff));
 +
background: linear-gradient(top, #d7ed93, #fff);
}
}
-
/* Menu */
 
-
#menu {
+
 
-
float: right;
+
 
 +
/* ######### Thick Underline Menu CSS ######### */
 +
 
 +
 
 +
ul.underlinemenu{
 +
margin: 0;
 +
margin-bottom:1em;
 +
padding: 0;
 +
list-style: none;
 +
position:relative;
 +
text-align: center; //set value to "left", "center", or "right"*/
}
}
-
#menu ul {
+
ul.underlinemenu li{
-
margin: 0px;
+
display: inline;
-
padding: 50px 0px 0px 0px;
+
-
list-style: none;
+
-
line-height: normal;
+
}
}
-
#menu li {
+
ul.underlinemenu li a{
-
float: left;
+
font: bold 14px Arial, Verdana, sans-serif;
 +
color: black;
 +
padding: 8px;
 +
margin-right: 20px; /*spacing between each menu link*/
 +
text-decoration: none;
}
}
-
#menu a {
+
 
-
display: block;
+
ul.underlinemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
-
float: left;
+
position:absolute;
-
height: 38px;
+
width:0;
-
margin: 0px;
+
border-bottom:5px solid navy;
-
padding: 0px 0px 0px 0px;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
color: #202020;
+
}
}
-
#menu a:hover {
+
 
-
text-decoration: none;
+
 
 +
 
 +
/* ######### Frame Menu CSS ######### */
 +
 
 +
 
 +
ul.framemenu{
 +
margin: 0;
 +
margin-bottom:1em;
 +
padding: 0;
 +
list-style: none;
 +
position:relative;
 +
text-align: center; //set value to "left", "center", or "right"*/
}
}
-
#menu span {
+
ul.framemenu li{
-
display: inline-block;
+
display: inline;
-
height: 28px;
+
-
padding: 10px 30px 0px 30px;
+
}
}
-
#menu li.active {
+
ul.framemenu li a{
-
background: #1CB543;
+
font: bold 14px Arial, Verdana, sans-serif;
 +
color: black;
 +
padding: 12px 10px 5px 18px;
 +
margin-right: 10px; /*spacing between each menu link*/
 +
text-decoration: none;
}
}
-
#menu li.active a {
+
 
-
background: url(images/img02.jpg) no-repeat left top;
+
ul.framemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
 +
position:absolute;
 +
width:0;
 +
border:4px solid orange;
 +
-moz-box-shadow: 0 0 4px rgba(120,120,120,0.7);
 +
-webkit-box-shadow: 0 0 4px rgba(120,120,120,0.7);
 +
box-shadow: 0 0 4px rgba(120,120,120,0.7);
}
}
 +
#notebookmenu
 +
{
 +
height: 100px;
 +
z-index: 99;
 +
background-color:white;
 +
}
 +
#footer
 +
{
 +
width:1000px;
 +
background-color: transparent;
 +
}
 +
body
 +
{
 +
background-image: url('http://dl.dropbox.com/u/46807995/website%20background.png');
 +
z-index:-99;
 +
font-family: 'Signika', sans-serif;
 +
}
 +
 +
#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 ul { margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; left: 0; z-index: 1; }
 +
#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: 35px; }
 +
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; }
 +
 +
#globalWrapper
 +
{
 +
width: 99.3%;
 +
-
#menu li.active span {
 
-
background: url(images/img03.jpg) no-repeat right top;
 
-
color: #FFFFFF;
 
}
}
 +
#top-section { height: 20px; margin-bottom: 5; !important;
 +
border: none; font-size: 12px; background-color:#C5E2ED;
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 0px 10px 10px 0px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
margin-bottom: 2px;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
position:fixed;
 +
top: 33%;
 +
left: 0px;
 +
z-index:99;
 +
opacity: 0.8;}
 +
#p-logo { height:0px; overflow:hidden; display: none;}
-
/* Page */
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
-
#page {
+
#content
-
width: 900px;
+
{
-
margin: 0 auto;
+
border-left: none;
-
padding: 0px 0px 0px 0px;
+
    border-right: none;
 +
background-color: transparent;
 +
width:100%
}
}
-
#page-bgtop {
+
#bodyContent { border: none; padding:0; margin:0; width: 100%; height:100%;
 +
}
 +
.firstHeading { display: none;}
 +
 
 +
#content2
 +
{
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
margin-bottom: 10px;
 +
        background-color: white;
}
}
-
/* Content */
 
-
#content {
+
 
-
float: center;
+
 
-
width: 90%;
+
#searchform { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
-
padding: 40px 40px 40px 40px;
+
body {background-color: white; width: 100%;}
-
background: #FFFFFF;
+
h3#siteSub { display: none;}
 +
#contentSub {display: none;}
 +
 
 +
#top-section
 +
{
 +
width:auto;
 +
height: auto;
 +
}
 +
#menubar
 +
{
 +
width: 75px;
 +
position:relative;
}
}
-
.post {
+
.left-menu, .left-menu a {
-
margin-bottom: 30px;
+
    left: 0px;
-
padding: 0px 30px;
+
    text-align: left;
 +
    color: black;
 +
    text-transform: lowercase;
 +
    clear: both;
 +
    display: block;
}
}
-
.post .title {
+
.left-menu:hover {
-
height: 41px;
+
    color: black;
-
padding: 0px 0px 0px 0px;
+
    background-color: transparent;
}
}
-
.post .title a {
+
.right-menu
-
letter-spacing: -2px;
+
{
-
text-decoration: none;
+
position:relative;
-
text-transform: lowercase;
+
display:block;
-
color: #202020;
+
-
border: none;
+
}
}
-
.post .entry {
+
#menubar ul
-
padding: 10px 0px 20px 0px;
+
{
-
padding-bottom: 20px;
+
background-color: #9999ff
-
border-bottom: 1px solid #D1D9F0;
+
opacity: 0;
-
text-align: justify;
+
 
}
}
-
.post .meta {
+
.left-menu.noprint
-
overflow: hidden;
+
{
-
padding-top: 10px;
+
display: inline;
 +
background-color: #9999ff
 +
opacity: 0;
 +
padding-top: 5px;
 +
 
}
}
 +
.selected
 +
{
 +
 +
display: inline;
-
.post .links {
 
}
}
-
.links a {
+
a {
-
padding: 4px 10px;
+
    text-decoration: none;
-
background: #87A0E5;
+
}
-
text-decoration: none;
+
.right-menu.noprint
-
text-transform: uppercase;
+
{
-
font-size: 11px;
+
width: 75px;
-
color: #FFFFFF;
+
}
 +
.right-menu li a
 +
{
 +
padding: 0 0 0 0;
}
}
-
.author {
+
.right-menu li a.new {
-
padding: 4px 10px;
+
    color: black;
-
background: #DF8088;
+
    padding-top: 0px;
-
text-transform: uppercase;
+
-
font-size: 11px;
+
-
color: #FFFFFF;
+
}
}
-
.author a {
+
#menubar li {
-
text-decoration: none;
+
    display: inline;
-
color: #FFFFFF;
+
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
    color: black;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    font-size: 14px;
 +
    padding-top: 5px;
 +
 
 +
}
 +
.left-menu li
 +
{
 +
    color: black;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
color: black;
 +
padding-top: 5px;
}
}
 +
#.left-menu .selected:hover {
 +
color: black;
 +
#}
-
.date {
+
.left-menu:hover a {
-
padding: 4px 10px;
+
    color: black;
-
background: #91D9AA;
+
}
-
text-transform: uppercase;
+
.left-menu ul
-
font-size: 11px;
+
{
-
color: #FFFFFF;
+
margin-left: 10px;
 +
padding-right: 10px;
 +
}
 +
.right-menu ul
 +
{
 +
margin-left: 10px;
 +
padding-right: 10px;
 +
}
 +
.right-menu li {
 +
#    background-color: #9999ff;
 +
padding: 0px 0px 0px 0px;
 +
display: block;
 +
text-align: left;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 0px 0px 0px;
 +
    color: black;
 +
    background-color: transparent;
 +
    clear:both;
 +
    display:block;
 +
    text-align: left;
 +
}
 +
.right-menu li a:hover {
 +
    color: black;
 +
    text-decoration: underline;
 +
padding: 0px 0px 0px 0px;
 +
}
 +
.right-menu li a.new {
 +
    color: black;
 +
padding-top: 0px;
 +
  }
 +
.right-menu li a.new:hover {
 +
    color: black;
 +
    text-decoration: underline;
 +
    padding-top: 0px;
}
}
-
/* Sidebar */
+
#header
 +
{
 +
height: 150px;
 +
width: 1000px;
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
margin-bottom: 10px;
 +
        line-spacing: 100%;
 +
        text-align: center;
 +
background-image:url('https://static.igem.org/mediawiki/2012/9/96/Headerv2.png');
 +
background-repeat:no-repeat;
 +
background-color:#ffffff;
 +
z-index: 2;
 +
position: relative;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
#headerfont1
 +
{
 +
font-size: 4em;
 +
}
 +
#headerfont1 a {
 +
color:black;
 +
text-decoration: none;
 +
}
 +
 
 +
#headerfont1 a:hover
 +
{
 +
color: black;
 +
text-decoration: none;
 +
 
-
#sidebar {
 
-
float: right;
 
-
width: 300px;
 
-
margin: 0px;
 
-
padding: 0px 0px 0px 0px;
 
-
background: #EBEBEB;
 
-
border-bottom: 4px solid #1CB543;
 
}
}
-
#sidebar ul {
+
#qboxlink {
-
margin: 0;
+
position: absolute;
-
padding: 0;
+
top:18px;
-
list-style: none;
+
left:669px;
 +
width:90px;
 +
height:65px;
 +
background-color: transparent;
 +
border: none;
 +
}
 +
#iboxlink {
 +
position: absolute;
 +
top:0px;
 +
right:0px;
 +
width:75px;
 +
height:61px;
 +
background-color: transparent;
 +
border: none;
 +
z-index: 99;
}
}
-
#sidebar li {
+
 
-
padding: 0;
+
h2{color:#96d446; }
 +
h2,h4, h5, h2.noline, h2.topheader{font-family:"Segoe WP", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:0px; margin-top:10px; padding-top:30px; font-weight:light;}
 +
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
 +
h2.topheader{border-top:0; padding-top:0; margin-top:5px; font-weight:normal}
 +
 
 +
h1
 +
{
 +
font-family: "Trebuchet MS", Helvetica ,sans-serif;
 +
border:none
}
}
-
#sidebar li ul {
+
h3
-
margin: 0px;
+
{
-
padding-bottom: 30px;
+
font-family: "Trebuchet MS", Helvetica ,sans-serif;
}
}
-
#sidebar li li {
+
#catlinks
-
margin: 0px 30px 0px 30px;
+
{
-
line-height: 35px;
+
display:none;
-
border-bottom: 1px solid #CFCFCF;
+
}
-
border-left: none;
+
f1
-
text-align: left;
+
{
 +
font-size: 70px;
 +
font-family: "Trebuchet MS";
}
}
-
#sidebar li li span {
+
f1 a:link
-
display: block;
+
{
-
margin-top: -20px;
+
color: black
-
padding: 0;
+
-
font-size: 11px;
+
-
font-style: italic;
+
}
}
-
#sidebar li li a {
+
f1 a:hover
-
padding: 0px 0px 0px 20px;
+
{
-
background: url(images/img05.jpg) no-repeat left 5px;
+
color: black;
 +
text-decoration: none;
 +
}
 +
f1 a:active
 +
{
 +
color: black;  
}
}
-
#sidebar h2 {
+
f1 a:visited
-
height: 30px;
+
{
-
margin: 0px 0px 20px 0px;
+
color: black;
-
padding: 2px 0px 0px 30px;
+
-
background: url(images/img04.jpg) no-repeat left top;
+
-
text-align: left;
+
-
text-transform: uppercase;
+
-
letter-spacing: -.5px;
+
-
font-size: 1em;
+
-
font-weight: bold;
+
-
color: #202020;
+
}
}
-
#sidebar p {
+
#footer-box
-
margin: 0 0px;
+
{
-
padding: 0px 20px 20px 20px;
+
-webkit-border-radius: 10px;
-
text-align: justify;
+
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
margin-bottom: 5 px;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
        background-color: white;
 +
        border-color: transparent;
 +
        width:1000px;
 +
        opacity: 0.8;
 +
        background-color: transparent;
 +
 
 +
 
}
}
 +
#teamtable
 +
{
 +
font-family: 'Signika', sans-serif;
 +
font-size:12px;
 +
text-align: center;
 +
background:none;
 +
border-spacing:20pt;
 +
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
 +
{
 +
border:30px;
 +
width:170px;
 +
vertical-align:top;
 +
}
 +
#teamth
 +
{
 +
text-align:left;
 +
font-size:20px;
 +
color:gray;
 +
}
 +
#caption {
 +
background: #333;
 +
border-right: 1px solid #666;
 +
border-bottom: 1px solid #666;
 +
border-left: 1px solid #666;
 +
border-top: 1px solid #666;
 +
font-family: Verdana;
 +
font-size: 11px;
 +
padding: 4px;
 +
-moz-border-radius-bottomright: 6px;
 +
-moz-border-radius-bottomleft: 6px;
 +
-webkit-border-bottom-right-radius: 6px;
 +
-webkit-border-bottom-left-radius: 6px;
 +
color: #eee;
 +
}
 +
#upbutton
 +
{
 +
background-color:DarkGreen;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
        right: 5px;
 +
        bottom: 5px;
 +
        position: fixed;
 +
        color: white;
 +
        font-weight: bold;
 +
        font-size: 3em;
 +
  z-index: 999;
 +
  opacity: .8;
 +
  height: 40px;
 +
  width: 40px;
 +
  background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Upbutton1.png');
 +
  display:none;
 +
}
 +
#contentmain
 +
{
 +
margin-bottom: 10px;
 +
width:745px;
 +
background-color: transparent;
 +
padding: 10px 10px 10px 10px
 +
display:inline;
 +
float:left;
 +
margin-top: 50px;
 +
background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png');
 +
border-radius: 5px;
 +
padding: 5px;
 +
}
 +
#twitter_wrapper
 +
{
 +
width: 200px;
 +
background-color: white;
 +
right: 0px;
 +
display:inline;
 +
float:right;
 +
margin-top: 25px;
-
#sidebar a {
 
-
border: none;
 
-
text-decoration: none;
 
}
}
 +
ul#submenu {
 +
    margin: 0px;
 +
    padding: 0px;
 +
    top: 0px;
 +
    right: 200px;
 +
    list-style: none;
 +
    z-index:999999;
 +
z-index: 0;
 +
}
 +
ul#submenu li {
 +
    display:inline;
 +
    float:left;
 +
    width:100px;
 +
    margin-left:1px;
 +
z-index: 0;
-
#sidebar a:hover {
 
-
text-decoration: underline;
 
}
}
 +
#submenu_container
 +
{
 +
position: absolute;
 +
height: 75px;
 +
display:block;
 +
left: 200px;
 +
display:none;
 +
}
 +
ul#submenu li a {
 +
    display: block;
 +
    font-weight:bold;
 +
    text-shadow:1px 1px 1px #fff;
 +
    float:left;
 +
    height: 35px;
 +
    width: 100%;
 +
    color:#603d05;
 +
    background-color: grey;
 +
    text-decoration:none;
 +
    text-align:center;
 +
    cursor:pointer;
 +
    postion: relative;
 +
    left: 65px;
-
/* Calendar */
+
z-index: 0;
-
#calendar {
 
}
}
 +
ul#submenu li a:hover{
-
#calendar_wrap {
 
-
padding: 20px;
 
}
}
-
#calendar table {
+
ul#submenu
-
width: 100%;
+
{
}
}
 +
#controlbar
 +
{
 +
left:0px;
 +
width:50px;
 +
height: 20px;
 +
font-size: 1em;
 +
position:fixed;
 +
bottom:0px;
 +
background-color: dodgerblue;
 +
color:white;
 +
text-align: center;
 +
cursor:default;
 +
display:none;
-
#calendar tbody td {
 
-
text-align: center;
 
}
}
 +
#headercontainer
 +
{
 +
width:100%
 +
}
 +
#pagecontent
 +
{
 +
width: 1000px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
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;
-
#calendar #next {
 
-
text-align: right;
 
}
}
 +
#pagecontentcontainer
 +
{
-
/* Footer */
+
opacity: 0.8;
 +
}
 +
#topbarcontainer
 +
{
 +
background-color: #C5E2ED;
 +
background-repeat: repeat-x;
 +
width: 100%;
 +
min-width: 1000px;
 +
height: 60px;
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
margin-bottom: 25px;
 +
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
 +
}
 +
#topbar
 +
{
 +
margin-left: auto;
 +
margin-right: auto;
 +
height: 60px;
 +
position:relative;
 +
width: 1000px;
 +
background-color: transparent;
 +
bottom: 0px;
-
#footer {
 
-
width: 900px;
 
-
height: 50px;
 
-
margin: 0 auto;
 
-
padding: 0px 0 15px 0;
 
-
font-family: Arial, Helvetica, sans-serif;
 
}
}
-
#footer p {
+
#igemlogocontainer
-
margin: 0;
+
{
-
padding: 20px 0px 0px 30px;
+
position:absolute; width:75px; right:0px; top:0px;
-
line-height: normal;
+
}
-
font-size: 10px;
+
#seqbox
-
text-transform: uppercase;
+
{
-
text-align: left;
+
padding: 5px;
-
color: #45302C;
+
font-family: "monospace";
 +
text-align: left;
 +
}
 +
.ca-container{
 +
position:relative;
 +
margin:25px auto 20px auto;
 +
width:990px;
 +
height:450px;
 +
}
 +
.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(../images/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:233px;
 +
height:189px;
 +
position:relative;
 +
margin:0 auto;
 +
background:transparent url(../images/animal1.png) no-repeat center center;
 +
}
 +
.ca-item-2 .ca-icon{
 +
background-image:url(../images/animal2.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: "Georgia","Times New Roman",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;
 +
}
 +
.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;
 +
}
 +
.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(../images/arrows.png) 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;
}
}
 +
.subs
 +
{
 +
background-color: #C5E2ED;
 +
margin: 40px 0px 0px 0px;
-
#footer a {
 
}
}
 +
.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;
-
#about {
+
    -moz-transition: -moz-transform 0.1s linear;
-
width: 540px;
+
    -ms-transition: -ms-transform 0.1s linear;
-
padding: 30px;
+
    -o-transition: -o-transform 0.1s linear;
-
background: #EBEBEB;
+
    -webkit-transition: -webkit-transform 0.1s linear;
-
border-bottom: 4px solid #1CB543;
+
    transition: transform 0.1s linear;
-
color: #3C3D3F;
+
}
}
 +
.menulist li:hover ul.subs {
 +
    left: 0;
 +
    top: 53px;
 +
    width: 180px;
-
#about h2 {
+
    -moz-transform: scaleY(1);
-
padding-bottom: 10px;
+
    -ms-transform: scaleY(1);
-
color: #202020;
+
    -o-transform: scaleY(1);
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
}
}
-
#about a {
+
.subs li
-
color: #1CB543;
+
{
 +
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>
 +
</head>
</head>
<body>
<body>
-
</body>
+
<div id="topbarcontainer">
 +
<div id="topbar">
 +
<a href="https://2012.igem.org/Team:Queens_Canada">
 +
<img src="https://static.igem.org/mediawiki/2012/9/96/Headerv2.png" style="float:left">
 +
</a>
 +
 
 +
<a id="qboxlink" href="http://www.queensu.ca/"></a>
 +
<a id="iboxlink" href="https://2012.igem.org/Main_Page"></a>
 +
      <div id="menu">
 +
        <ul class="menulist">
 +
       
 +
<li class="menuitem1">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada">Home </a>
 +
 
 +
</li>
 +
 
 +
</li>
 +
<li class="menuitem2">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a>
 +
<div class="subs" style="margin: 40px 0px 0px 0px;">
 +
 
 +
</div>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada/ChimeriQ">ChimeriQ</a>
 +
 
 +
<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>
 +
</ul>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada/Guide/DNA">Guide</a>
 +
<ul class="subs" style="margin: 40px 0px 0px 257px;">
 +
<li id="Guide_DNA">
 +
DNA
 +
</li>
 +
<li id="Guide_mRNA">
 +
mRNA
 +
</li>
 +
<li id="Guide_Protein">
 +
Protein Structure
 +
</li>
 +
</ul>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
 +
<ul class="subs" style="margin: 40px 0px 0px 340px;">
 +
<li id="whowhy">Who and Why?</li>
 +
<li id="how">How?</li>
 +
<li id="dyphd">Dance Your PhD
 +
          </li>
 +
</ul>
 +
<li class="menuitem">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada/Partners">Partners</a>
 +
<ul class="subs" style="margin: 40px 0px 0px 427px;">
 +
<li id="sponsors">
 +
Sponsors
 +
</li>
 +
<li id="collaborators">
 +
Attributions
 +
</li>
 +
<li>
 +
</li>
 +
</ul>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
 +
<ul class="subs" style="margin: 40px 0px 0px 417px;">
 +
<li id="safety">
 +
Safety
 +
</li>
 +
<li id="Flight">
 +
Flight of the Flagellin
 +
</li>
 +
</ul>
 +
          </li>
 +
        </ul>
 +
      </div>
 +
<div id="igemlogocontainer">
 +
<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>
 +
</div>
 +
<div id="menuselector">
 +
 
 +
</div>
 +
 
 +
<a href="#topbarcontainer">
 +
<div id="upbutton">
 +
</div>
 +
</a>
 +
<div id="controlbar">
 +
Control
 +
</div>
 +
 
 +
<script type="text/javascript">
 +
    var scrolltimer;
 +
    var displayed = false;
 +
    var $message = $("#upbutton");
 +
    var $window = $(window);
 +
    var topwindow = $("#topbarcontainer").position().top;
 +
    var $message2 = $("#top-section");
 +
 
 +
    $window.scroll(function () {
 +
        window.clearTimeout(scrolltimer);
 +
        scrolltimer = window.setTimeout(function () {
 +
            if($window.scrollTop() <= topwindow)
 +
            {
 +
                displayed = false;
 +
                $message.fadeOut(500);
 +
                $message2.fadeIn(500);
 +
            }
 +
            else if(displayed === false)
 +
            {
 +
                $message2.fadeOut(500);
 +
                $message.fadeIn(500);
 +
                displayed = true;
 +
                $message.click(function () { $message.fadeOut(500); });
 +
            }
 +
        }, 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>
 +
</html>

Latest revision as of 04:01, 27 October 2012

Control