|
|
| Line 1: |
Line 1: |
| - | <!-- <html><body bgcolor="black"><style type="text/css">
| |
| | | | |
| - | body {
| |
| - | background-image: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png");
| |
| - | }
| |
| - | </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>
| |
"
