Team:UCLA/Template

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><body bgcolor="black"><style type="text/css">
+
<!-- <html><body bgcolor="black"><style type="text/css">
body {
body {
Line 5: Line 5:
}
}
</style>
</style>
 +
</html> -->
 +
<html>
 +
<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." />
 +
<meta name="keywords" content="Chimeriq,Queens,iGEM,Flagella,bioremediation" />
 +
 +
<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
 +
{
 +
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: 1000px;}
 +
#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%;
 +
 +
 +
}
 +
#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;}
 +
 +
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 +
 +
#content
 +
{
 +
border-left: none;
 +
    border-right: none;
 +
background-color: transparent;
 +
width:100%
 +
}
 +
 +
#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;
 +
}
 +
 +
 +
 +
#searchform { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 +
body {background-color: white; width: 100%;}
 +
h3#siteSub { display: none;}
 +
#contentSub {display: none;}
 +
 +
#top-section
 +
{
 +
width:auto;
 +
height: auto;
 +
}
 +
#menubar
 +
{
 +
width: 75px;
 +
position:relative;
 +
}
 +
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color: black;
 +
    text-transform: lowercase;
 +
    clear: both;
 +
    display: block;
 +
}
 +
 +
.left-menu:hover {
 +
    color: black;
 +
    background-color: transparent;
 +
}
 +
 +
.right-menu
 +
{
 +
position:relative;
 +
display:block;
 +
}
 +
 +
#menubar ul
 +
{
 +
background-color: #9999ff
 +
opacity: 0;
 +
 +
}
 +
 +
.left-menu.noprint
 +
{
 +
display: inline;
 +
background-color: #9999ff
 +
opacity: 0;
 +
padding-top: 5px;
 +
 +
}
 +
.selected
 +
{
 +
 +
display: inline;
 +
 +
}
 +
 +
a {
 +
    text-decoration: none;
 +
}
 +
.right-menu.noprint
 +
{
 +
width: 75px;
 +
}
 +
.right-menu li a
 +
{
 +
padding: 0 0 0 0;
 +
}
 +
 +
.right-menu li a.new {
 +
    color: black;
 +
    padding-top: 0px;
 +
}
 +
 +
#menubar li {
 +
    display: inline;
 +
    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;
 +
#}
 +
 +
.left-menu:hover a {
 +
    color: black;
 +
}
 +
.left-menu ul
 +
{
 +
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;
 +
}
 +
 +
#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;
 +
 +
 +
}
 +
 +
#qboxlink {
 +
position: absolute;
 +
top:18px;
 +
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;
 +
}
 +
 +
 +
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
 +
}
 +
 +
h3
 +
{
 +
font-family: "Trebuchet MS", Helvetica ,sans-serif;
 +
}
 +
 +
#catlinks
 +
{
 +
display:none;
 +
}
 +
f1
 +
{
 +
font-size: 70px;
 +
font-family: "Trebuchet MS";
 +
}
 +
 +
f1 a:link
 +
{
 +
color: black
 +
}
 +
 +
f1 a:hover
 +
{
 +
color: black;
 +
text-decoration: none;
 +
}
 +
f1 a:active
 +
{
 +
color: black;
 +
}
 +
 +
f1 a:visited
 +
{
 +
color: black;
 +
}
 +
 +
#footer-box
 +
{
 +
-webkit-border-radius: 10px;
 +
-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:"Trebuchet MS", Helvetica, sans-serif;
 +
font-size:12px;
 +
text-align: center;
 +
background:none;
 +
border-spacing:20pt;
 +
border:0pt;
 +
}
 +
#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;
 +
}
 +
#twitter_wrapper
 +
{
 +
width: 200px;
 +
background-color: white;
 +
right: 0px;
 +
display:inline;
 +
float:right;
 +
margin-top: 25px;
 +
 +
}
 +
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;
 +
 +
}
 +
#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;
 +
 +
z-index: 0;
 +
 +
}
 +
ul#submenu li a:hover{
 +
 +
}
 +
 +
ul#submenu
 +
{
 +
}
 +
#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;
 +
 +
}
 +
#headercontainer
 +
{
 +
width:100%
 +
}
 +
#pagecontent
 +
{
 +
width: 1000px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top: 150px;
 +
background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png');
 +
border-radius: 15px;
 +
}
 +
#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;
 +
 +
}
 +
 +
#igemlogocontainer
 +
{
 +
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{
 +
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;
 +
 +
}
 +
.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>
 +
 +
</head>
 +
<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>
</html>

Revision as of 10:08, 12 September 2013
Control

Retrieved from "http://2013.igem.org/Team:UCLA/Template"