Team:Beijing HDFLS High/header

From 2014hs.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
#large_text{
+
[[File:header wiki.png|center|970px]]
-
        font-size: 1.5em;
+
<html>
-
        line-height: 1.0em;
+
<head>
-
}
+
<title>Beijing HDFLS iGEM 2013</title>
 +
<script type="text/javascript">
-
#para_result_half{
+
var tabdropdown={
-
        float: left;
+
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
-
        width: 700px;
+
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
-
        margin: 0px 0px 0px 10px;
+
enableiframeshim: 1, //1 or 0, for true or false
-
}
+
-
#table_position_result{
+
//No need to edit beyond here////////////////////////
-
        float: left;
+
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,
-
        margin: -115px 0px 0px 20px;
+
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
-
}
+
-
#pull_left{
+
getposOffset:function(what, offsettype){
-
        float: left;
+
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
-
        margin: 0px 0px 0px 7px;
+
var parentEl=what.offsetParent;
-
        width: 1195px;
+
while (parentEl!=null){
 +
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
 +
parentEl=parentEl.offsetParent;
}
}
 +
return totaloffset;
 +
},
-
.left_padding{
+
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
-
        margin: 0px 0px 0px 5px;
+
if (this.ie || this.firefox)
 +
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
 +
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
 +
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
 +
obj2.parentNode.className="selected"
 +
obj.visibility="visible"
}
}
 +
else if (e.type=="click")
 +
obj.visibility="hidden"
 +
},
-
.pull_up
+
iecompattest:function(){
-
margin: -10px 0px 0px 0px;
+
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 +
},
-
.force_no_border {border: none !important;}
+
clearbrowseredge:function(obj, whichedge){
-
 
+
var edgeoffset=0
-
.awesome_cool_amazing_horizontal_line {
+
if (whichedge=="rightedge"){
-
border: 2px solid #c4c4c4;
+
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
-
width: 1196px;
+
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
-
margin: 10px 0px 0px -3px;
+
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?
 +
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
}
}
-
 
+
else{
-
#results table {
+
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset
-
float:left;
+
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
 +
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
 +
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
 +
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
 +
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
 +
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
}
}
-
 
+
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
-
.extra_margin{
+
-
margin: 0px 0px 20px 0px;
+
}
}
 +
return edgeoffset
 +
},
-
.r_bg_tr {background-color:#aa4941 !important;}
+
dropit:function(obj, e, dropmenuID){
-
 
+
if (this.dropmenuobj!=null){ //hide previous menu
-
.o_bg_tr {background:#ef8300;}
+
this.dropmenuobj.style.visibility="hidden" //hide menu
-
 
+
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){
-
#results img.scalable_img {
+
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
-
width: 400px;
+
this.previousmenuitem.parentNode.className=""
-
height: 242px;
+
-
padding: 0px 0px 0px 21px;
+
}
}
-
 
-
.force_padding_top_h {margin: 20px 0px 0px 0px;}
 
-
 
-
#sb_image_container {
 
-
display: block;
 
-
margin: 0px 0px;
 
-
padding: 10px 0px 0px 0px;
 
}
}
-
 
+
this.clearhidemenu()
-
.sb_image_container table {
+
if (this.ie||this.firefox){
-
width: 300px;
+
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
-
height: 120px;
+
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
 +
this.dropmenuobj=document.getElementById(dropmenuID)
 +
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
 +
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
 +
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
 +
this.showhide(this.dropmenuobj.style, e, obj)
 +
this.dropmenuobj.x=this.getposOffset(obj, "left")
 +
this.dropmenuobj.y=this.getposOffset(obj, "top")
 +
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
 +
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
 +
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
 +
this.positionshim() //call iframe shim function
}
}
 +
},
-
#width_image{
+
contains_firefox:function(a, b) {
-
        width: 1195px;
+
while (b.parentNode)
-
        margin-left: -15px;
+
if ((b = b.parentNode) == a)
-
}
+
return true;
 +
return false;
 +
},
-
#width_image img{
+
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
-
float: left;
+
var evtobj=window.event? window.event : e
-
        width: 900px !important;
+
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
-
height: 120px;
+
this.delayhidemenu(obj2)
-
padding: 0px 0px 20px 15px;
+
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
-
}
+
this.delayhidemenu(obj2)
 +
},
-
#results #wrapper #mainContent{
+
delayhidemenu:function(obj2){
-
        width: 1195px;
+
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
-
}
+
},
-
#left_result{
+
clearhidemenu:function(){
-
        float: left;
+
if (this.delayhide!="undefined")
-
        width: 590px;
+
clearTimeout(this.delayhide)
-
        margin: 0px 0px 20px 10px;
+
},
-
}
+
-
#right_result{
+
positionshim:function(){ //display iframe shim function
-
        float: left;
+
if (this.enableiframeshim && typeof this.shimobject!="undefined"){
-
        width: 590px;
+
if (this.dropmenuobj.style.visibility=="visible"){
-
        margin: 0px 0px 20px 10px;
+
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
 +
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
 +
this.shimobject.style.left=this.dropmenuobj.style.left
 +
this.shimobject.style.top=this.dropmenuobj.style.top
}
}
-
 
+
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
-
#sequencing_results{
+
-
        margin: 0px 0px 0px -800px;
+
}
}
 +
},
-
------------------------
+
hideshim:function(){
 +
if (this.enableiframeshim && typeof this.shimobject!="undefined")
 +
this.shimobject.style.display='none'
 +
},
-
.force_size {
+
isSelected:function(menuurl){
-
font-size: 1.4em !important;
+
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
-
line-height: 1.4em !important;
+
return (tabdropdown.currentpageurl==menuurl)
-
}
+
},
-
.force_size_small {
+
init:function(menuid, dselected){
-
font-size: 1.2em !important;
+
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
-
line-height: 1.4em !important;
+
var menuitems=document.getElementById(menuid).getElementsByTagName("a")
 +
for (var i=0; i<menuitems.length; i++){
 +
if (menuitems[i].getAttribute("rel")){
 +
var relvalue=menuitems[i].getAttribute("rel")
 +
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
 +
menuitems[i].onmouseover=function(e){
 +
var event=typeof e!="undefined"? e : window.event
 +
tabdropdown.dropit(this, event, this.getAttribute("rel"))
}
}
-
 
-
.force_size_smaller {
 
-
font-size: 1.0em !important;
 
-
line-height: 1.2em !important;
 
}
}
-
 
+
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){
-
span.sortarrow img {display: none;}
+
menuitems[i].parentNode.className+=" selected default"
-
 
+
var setalready=true
-
*{
+
-
margin: 0;
+
-
padding: 0;
+
}
}
-
 
+
else if (parseInt(dselected)==i)
-
html{
+
menuitems[i].parentNode.className+=" selected default"
-
margin: 0 auto;
+
-
font-size: 100%;
+
-
background-color: #ffffff;
+
-
width: 1200px;
+
-
padding-bottom: 10px;
+
}
}
-
 
-
body{
 
-
font: 62.5%/100% "Lucida Sans", "Lucida Grande", Lucida, sans-serif;
 
-
width: 1230px;
 
-
background-color: #c3c3c3;
 
-
border-left: 1px solid #c3c3c3;
 
-
border-right: 1px solid #c3c3c3;
 
-
border-bottom: 1px solid #c3c3c3;
 
-
padding-bottom: 10px;
 
-
float: left;
 
}
}
-
#wrapper{
 
-
background-color: #f4f4ff;
 
-
border: 1px solid #c4c4c4;
 
-
padding: 0px 10px;
 
-
font-size: 12 em;
 
-
line-height: 1.5 em;
 
-
width: 1200px;
 
-
float: left;
 
-
        margin: 0px;
 
-
        padding-bottom: 10px;
 
-
        margin-left: -5px;
 
-
        margin-top: 0px;
 
}
}
-
 
+
</script>
-
/***
+
<style>
-
-------------------------------------------------------------------------------------------------------------------------------------------
+
.ddcolortabs{
-
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
+
padding: 0;
-
 
+
width: 100%;
-
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
+
background: transparent;
-
Check out their wikis at:
+
voice-family: "\"}\"";
-
https://2011.igem.org/Team:Brown-Stanford
+
voice-family: inherit;
-
https://2012.igem.org/Team:Lethbridge
+
-
***/
+
-
 
+
-
#content h1.firstHeading {
+
-
visibility: hidden;
+
-
}ewe
+
-
#p-logo {
+
-
display: none;
+
-
}
+
-
#searchform {
+
-
    display: none;
+
}
}
-
.left-menu {
+
.ddcolortabs ul{
-
background: none
+
font: normal 11px Arial, Verdana, sans-serif;
-
}
+
margin:0;
-
.left-menu a {
+
padding:0;
-
    color: #000;
+
list-style:none;
}
}
-
div#top-section { /*the div containing the entire top bar*/
+
.ddcolortabs li{
-
height: 20px;
+
display:inline;
-
margin-bottom: -63px !important;
+
margin:0 2px 0 0;
-
margin: 0px 0px 0px -10px;
+
padding:0;
-
width: 1222px;
+
text-transform:uppercase;
-
border: none;
+
}
}
-
 
+
.ddcolortabs a{
-
#content{
+
float:left;
-
margin: 0px 0px 0px -11px;
+
color: white;
-
width: 1200px;
+
background: black url(media/color_tabs_left.gif) no-repeat left top;
-
border: none;
+
margin:0 2px 0 0;
 +
padding:0 0 1px 3px;
 +
text-decoration:none;
 +
letter-spacing: 1px;
}
}
-
#search-controls {
+
.ddcolortabs a span{
-
overflow:hidden;
+
float:left;
-
display:none;
+
display:block;
-
background: none;
+
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
-
position: absolute;
+
padding: 4px 8px 2px 7px;
-
top: 170px;
+
-
right: 40px;
+
-
}
+
-
 
+
-
 
+
-
div#header {
+
-
width: 1200px;
+
-
text-align: left;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-bottom: 0px !important;
+
-
+
-
 
+
-
#menubar {
+
-
position: absolute;
+
-
color: black;
+
-
        background-color: #ffffff;
+
}
}
-
.left-menu, .right-menu{
+
.ddcolortabs a span{
-
position: absolute;
+
float:none;
-
background: none;
+
-
color: black;
+
}
}
-
.left-menu li a, .right-menu li a {
+
.ddcolortabs a:hover{
-
color: #000 !important;
+
background-color: #591f20;
}
}
-
 
+
.ddcolortabs a:hover span{
-
.left-menu ul li, .right-menu ul li a{
+
background-color: #591f20;
-
background: none;
+
-
color: #000 !important;
+
}
}
-
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
+
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
-
    color: #000 !important;
+
background-color: #591f20;
}
}
-
#catlinks{
+
.ddcolortabsline{
-
display:none;
+
clear: both;
 +
padding: 0;
 +
width: 100%;
 +
height: 8px;
 +
line-height: 8px;
 +
background: black;
 +
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
}
-
/*important for background colours*/
+
/* ######### Style for Drop Down Menu ######### */
-
.mediawiki{
+
-
background: #ffffff;
+
-
}
+
-
.mediawiki {
+
.dropmenudiv_a{
-
border: none;
+
position:absolute;
-
width: 1200px;
+
top: 0;
-
background: transparent;
+
border: 1px solid black; /*THEME CHANGE HERE*/
 +
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
 +
border-bottom-width: 0;
 +
font:normal 12px Arial;
 +
line-height:18px;
 +
z-index:100;
 +
background-color: white;
 +
width: 200px;
 +
visibility: hidden;
}
}
-
 
+
.dropmenudiv_a a{
-
#globalWrapper {
+
width: auto;
-
width: 1200px;
+
display: block;
-
background: transparent;
+
text-indent: 5px;
 +
border-top: 0 solid #678b3f;
 +
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
 +
padding: 2px 0;
 +
text-decoration: none;
 +
color: black;
}
}
-
#footer-box {
+
* html .dropmenudiv_a a{ /*IE only hack*/
-
width: 1210px;
+
width: 100%;
-
margin: 0px 0px 0px -11px;
+
-
border: 1px solid #c4c4c4;
+
-
background-color: #f4f4ff
+
}
}
-
/***End minimal header***/
+
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
-
 
+
background-color: #8a3c3d;
-
.content {
+
color: white;
-
text-align: left;
+
-
text-decoration: none;
+
}
}
 +
</style>
 +
</head>
 +
<!-- CSS for Drop Down Tabs Menu #1 -->
 +
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
 +
<div id="colortab" class="ddcolortabs">
 +
<ul>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li>
 +
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Fun" title="Fun" rel="dropmenu1_a"><span>Fun</span></a></li>
 +
</ul>
 +
</div>
 +
<div class="ddcolortabsline">&nbsp;</div>
 +
<div id="dropmenu1_a" class="dropmenudiv_a">
 +
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a>
 +
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a>
 +
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a>
 +
</div>
 +
<script type="text/javascript">
 +
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
 +
tabdropdown.init("colortab", 3)
 +
</script>
 +
</html>
-
p{
+
<br>
-
margin-bottom: 1.5em;
+
<br>
-
}
+
-
 
+
-
ul{
+
-
list-style: none;
+
-
}
+
-
 
+
-
/*--------------------Add Code Below--------------------*/
+
-
 
+
-
#logo_all img{
+
-
width: auto;
+
-
height: 44px;
+
-
        padding: 6px 0px 0px 0px;
+
-
margin: 0px;
+
-
}
+
-
 
+
-
#header{
+
-
float: left;
+
-
margin: 0px auto 0px auto;
+
-
width: 1200px;
+
-
height: 100px;
+
-
font-size: 3.0em;
+
-
background: #000000;
+
-
border-bottom: 3px solid #666666;
+
-
}
+
-
 
+
-
#header a{
+
-
font: 1.5em/100%;
+
-
color: #ffffff;
+
-
text-decoration: none;
+
-
padding: 10px;
+
-
}
+
-
 
+
-
#header a img{
+
-
float: left;
+
-
height: 94px;
+
-
width: auto;
+
-
margin: -24px 10px 0px 0px;
+
-
}
+
-
 
+
-
#title_first{
+
-
float: left;
+
-
line-height: 28px;
+
-
font-size: 28px;
+
-
padding-left: -20px;
+
-
margin-top: -10px;
+
-
}
+
-
 
+
-
#title_second{
+
-
float: left;
+
-
padding-top: 30px;
+
-
margin-left: -157px;
+
-
line-height: 28px;
+
-
font-size: 28px;
+
-
}
+
-
 
+
-
 
+
-
#navigation{
+
-
text-align: center;
+
-
width: 1210px;
+
-
font-size: 1.0em;
+
-
line-height: 1.2em;
+
-
height: 25px;
+
-
margin-left: 5px;
+
-
}
+
-
 
+
-
.strict{
+
-
padding-top: 3px;
+
-
}
+
-
 
+
-
#navigation ul{
+
-
margin: 0px 21px 0px 5px;
+
-
float: left;
+
-
font-size: 1.0em;
+
-
color: #0c0c0c;
+
-
text-decoration: none;
+
-
font-weight: normal;
+
-
width: 1215px;
+
-
}
+
-
 
+
-
#navigation li{
+
-
height: 25px;
+
-
float: left;
+
-
width: 170px;
+
-
border-left: 1px solid #ffffff;
+
-
border-right: 0.5px solid #ffffff;
+
-
position: relative;
+
-
list-style: none;
+
-
font-size: 20px;
+
-
 
+
-
}
+
-
 
+
-
#navigation li ul li:hover{
+
-
border-left: 5px solid #ffffff;
+
-
}
+
-
 
+
-
#navigation ul li ul{
+
-
position: relative;
+
-
color: #ffffff;
+
-
background: #000000;
+
-
text-decoration: none;
+
-
font-weight: normal;
+
-
font-size: 1.0em;
+
-
background-color: inherit;
+
-
margin: inherit;
+
-
padding: inherit;
+
-
}
+
-
 
+
-
#navigation li ul{
+
-
position: absolute;
+
-
left: -10000px;
+
-
width: 170px;
+
-
height: auto;
+
-
margin-left: -1px;
+
-
margin-top: 10px;
+
-
}
+
-
 
+
-
#navigation li li{
+
-
margin-top: -2px;
+
-
}
+
-
 
+
-
#navigation li:hover ul{
+
-
left: 0px;
+
-
display: block;
+
-
width: 170px;
+
-
z-index: 2;
+
-
}
+
-
 
+
-
#navigation a{
+
-
color: #ffffff;
+
-
text-decoration: none;
+
-
font-weight: normal;
+
-
display: block;
+
-
}
+
-
 
+
-
.navigation_project{
+
-
border-left: none;
+
-
}
+
-
 
+
-
.navigation_safety{
+
-
padding-right: 4px;
+
-
}
+
-
 
+
-
.navigation_sponsors{
+
-
border-right: none;
+
-
margin-right: 0px;
+
-
}
+
-
 
+
-
.navigation_project, .navigation_parts, .navigation_notebook{
+
-
background: #3399ff;
+
-
}
+
-
 
+
-
.navigation_safety, .navigation_outreach{
+
-
background: #ffcc00;
+
-
}
+
-
 
+
-
.navigation_team, .navigation_attributions, .navigation_sponsors{
+
-
background: #9900ff;
+
-
}
+
-
 
+
-
/** Drop Down Colors **/
+
-
 
+
-
.navigation_project li, .navigation_notebook li {
+
-
background-color: #3399ff;
+
-
}
+
-
 
+
-
.navigation_outreach li {
+
-
background-color: #ffcc00;
+
-
}
+
-
 
+
-
.navigation_team li {
+
-
background-color: #9900ff;
+
-
}
+
-
 
+
-
/** End Drop Down Colors **/
+
-
 
+
-
.clearFix:after {
+
-
content: ".";
+
-
display: block;
+
-
height: 0;
+
-
clear: both;
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
img{
+
-
border: none;
+
-
}
+
-
 
+
-
#cont{
+
-
margin: 0px 0px 0px -6px;
+
-
width: 1200px;
+
-
}
+
-
 
+
-
#mainContent{
+
-
padding: 0px 10px 0px 10px;
+
-
float:left;
+
-
width: 1200px;
+
-
}
+
-
 
+
-
#safety #wrapper #mainContent{
+
-
padding: 10px 10px 0px 10px;
+
-
font-size: 1.2em;
+
-
line-height: 1.0em;
+
-
float:left;
+
-
width: 1200px;
+
-
}
+
-
 
+
-
#safety .padding_top_p {
+
-
padding: 20px 0px 0px 0px;
+
-
}
+
-
 
+
-
#safety_float_left {
+
-
float: left;
+
-
width: 900px;
+
-
}
+
-
 
+
-
#safety_float_right {
+
-
float: left;
+
-
width: 290px;
+
-
        margin-left: 5px;
+
-
}
+
-
 
+
-
#safety_float_right img {
+
-
width: 290px;
+
-
}
+
-
 
+
-
.shift_up_safety {padding: 15px 0px 0px 0px;}
+
-
 
+
-
.heading_first{
+
-
padding-top: 5px;
+
-
}
+
-
 
+
-
#mainContent h1{
+
-
padding-top: 10px;
+
-
}
+
-
 
+
-
#mainContent h2{
+
-
border-bottom: 1px solid #c3c3c3;
+
-
padding-bottom: 10px;
+
-
}
+
-
 
+
-
#mainContent p{
+
-
margin: 10px 10px 0px 0px;
+
-
}
+
-
 
+
-
table{
+
-
border-collapse: collapse;
+
-
background: #ffffff;
+
-
}
+
-
 
+
-
thead{
+
-
background: #edecec;
+
-
border-bottom: 3px solid #c9c9c9;
+
-
}
+
-
 
+
-
th{
+
-
border: 1px solid #c9c9c9;
+
-
}
+
-
 
+
-
tbody tr.alt td {
+
-
background: #e7edf6;
+
-
}
+
-
+
-
tbody tr:hover td, tbody tr.over td {
+
-
background: #3399ff;
+
-
color: #ffffff;
+
-
}
+
-
 
+
-
li{
+
-
padding-top: 3px;
+
-
padding-bottom: 3px;
+
-
}
+
-
 
+
-
/**Home**/
+
-
 
+
-
#home #mainContent{
+
-
padding: 0;
+
-
}
+
-
 
+
-
#left_float_home{
+
-
float: left;
+
-
width: 600px;
+
-
margin: 5px 0px 0px 0px;
+
-
padding: 0px 5px 0px 5px;
+
-
}
+
-
 
+
-
#left_float_home img{
+
-
margin: 2px 0;
+
-
width: 590px;
+
-
}
+
-
 
+
-
.decrease_opacity img:hover{
+
-
opacity: 0.5;
+
-
        background-color: #ffffff;
+
-
}
+
-
 
+
-
#right_float_home{
+
-
float: left;
+
-
width: 600px;
+
-
margin: -660px 0px 0px 615px;
+
-
}
+
-
 
+
-
#right_float_home img{
+
-
margin: 2px 0;
+
-
width: 590px;
+
-
}
+
-
 
+
-
#right_float_home .small_images{
+
-
height: 217px;
+
-
width: 195px;
+
-
}
+
-
 
+
-
#bottom_float_home{
+
-
float: left;
+
-
width: 1210px;
+
-
}
+
-
 
+
-
#bottom_float_home img{
+
-
float: left;
+
-
margin: 0px 0px 0px 5px;
+
-
width: 590px;
+
-
}
+
-
 
+
-
#bottom_right_img img{
+
-
        margin: 0px 0px 0px 20px;
+
-
}
+
-
 
+
-
/**Project**/
+
-
 
+
-
#project #mainContent{
+
-
        width: 1196px;
+
-
}
+
-
 
+
-
#project #mainContent p {
+
-
font-size: 1.4em;
+
-
line-height: 1.4em;
+
-
}
+
-
 
+
-
#description_contents {
+
-
        margin: 0px 0px 10px -5px;
+
-
padding: 10px 0px 10px 0px;
+
-
border: solid 2px #000000;
+
-
float: left;
+
-
width: 1196px;
+
-
}
+
-
 
+
-
#description_contents h1{
+
-
        float: left;
+
-
margin: -5px 0px 5px 0px;
+
-
font-size: 23px;
+
-
        border-bottom: 2px solid #c4c4c4;
+
-
        padding-bottom: 5px;
+
-
        padding-left: 10px;
+
-
        width: 1185px;
+
-
}
+
-
 
+
-
/**Entry**/
+
-
 
+
-
.firstentry {
+
-
width: 1200px;
+
-
padding-top: 10px;
+
-
}
+
-
 
+
-
.entry_text_first {
+
-
width: 1200px;
+
-
padding-top: 15px;
+
-
}
+
-
 
+
-
.entry {
+
-
width: 1200px;
+
-
border-top: solid 2px #424242;
+
-
}
+
-
 
+
-
.entry_text {
+
-
width: 1175px;
+
-
text-align: justify;
+
-
padding: 10px 20px 0px 20px;
+
-
margin: 10px;
+
-
}
+
-
 
+
-
.entry_image {
+
-
float: left;
+
-
width: 300px;
+
-
margin: 15px 10px 0px 10px;
+
-
}
+
-
 
+
-
.entry_heading {
+
-
margin: 10px 10px 0px 10px;
+
-
}
+
-
 
+
-
.pull_banner_left{
+
-
margin: 0px 0px 0px -4px;
+
-
}
+
-
 
+
-
/**Protocols**/
+
-
 
+
-
#protocol_header{
+
-
border-bottom: 2px solid #000000;
+
-
margin: 530px 0px 0px -3px;
+
-
        width: 1197px;
+
-
}
+
-
 
+
-
#protocols h2{
+
-
padding: 20px 0px 0px 0px;
+
-
}
+
-
 
+
-
#protocols h3{
+
-
font-size: 15px;
+
-
}
+
-
 
+
-
.protocol_entry{
+
-
position: relative;
+
-
font-size: 1.0em;
+
-
line-height: 1.2em;
+
-
float: left;
+
-
margin: 10px 10px 10px -5px;
+
-
width: 1196px;
+
-
padding: 10px -20px 10px 10px;
+
-
border: solid 2px #000000;
+
-
}
+
-
 
+
-
.protocol_entry h1{
+
-
font-size: 2.0em;
+
-
}
+
-
 
+
-
.protocol_entry h2{
+
-
padding-top: 4px;
+
-
}
+
-
 
+
-
.protocol_entry li{
+
-
margin-left: 30px;
+
-
}
+
-
 
+
-
.protocols_table{
+
-
border: 1px solid #c9c9c9;
+
-
margin: 5px 0px 0px 5px;
+
-
}
+
-
 
+
-
.protocols_table td{
+
-
width: auto;
+
-
border: 1px solid #c9c9c9;
+
-
position: relative;
+
-
}
+
-
 
+
-
/**Notebook**/
+
-
 
+
-
#notebook_links_header{
+
-
float: left;
+
-
margin: -15px 0px 5px 0px;
+
-
font-size: 23px;
+
-
        border-bottom: 2px solid #c4c4c4;
+
-
        padding-bottom: 10px;
+
-
        padding-left: 10px;
+
-
        width: 1185px;
+
-
}
+
-
 
+
-
#notebook_header{
+
-
margin: 0px 10px 10px -4px;
+
-
padding: 10px -20px 10px 10px;
+
-
border: solid 2px #000000;
+
-
float: left;
+
-
width: 1196px;
+
-
}
+
-
 
+
-
#notebook_links{
+
-
margin-top: 20px;
+
-
font-size: 0.8em;
+
-
line-height: 1.0em;
+
-
list-style-type: none;
+
-
}
+
-
 
+
-
#notebook_march_links{
+
-
float: left;
+
-
padding-left: 10px;
+
-
        margin-top: 0px;
+
-
        margin-left: 0px;
+
-
}
+
-
 
+
-
#notebook_march_links li{
+
-
padding-bottom: 2px;
+
-
}
+
-
 
+
-
#notebook_april_links{
+
-
float: left;
+
-
        margin-top: 0px;
+
-
padding-left: 10px;
+
-
}
+
-
 
+
-
#notebook_april_links li{
+
-
padding-bottom: 2px;
+
-
}
+
-
 
+
-
#notebook_may_links{
+
-
float: left;
+
-
padding-left: 10px;
+
-
}
+
-
 
+
-
#notebook_may_links li{
+
-
padding-bottom: 2px;
+
-
}
+
-
 
+
-
.notebook_link_title{
+
-
font-size: 1.5em;
+
-
margin-bottom: 5px;
+
-
}
+
-
 
+
-
.notebook_entry{
+
-
position: relative;
+
-
font-size: 1.2em;
+
-
line-height: 1.2em;
+
-
float: left;
+
-
margin: 10px 10px 10px -5px;
+
-
width: 1196px;
+
-
padding: 10px -20px 10px 10px;
+
-
border: solid 2px #000000;
+
-
}
+
-
 
+
-
.notebook_entry ul{
+
-
margin-top: -10px;
+
-
}
+
-
 
+
-
.notebook_entry_header{
+
-
padding: 10px;
+
-
        padding-bottom: 0px;
+
-
        margin-bottom: -10px;
+
-
border-bottom: solid 1px #000000;
+
-
}
+
-
 
+
-
.notebook_entry_list{
+
-
float: left;
+
-
padding: 5px 10px 20px 10px;
+
-
}
+
-
 
+
-
.top_notebook{
+
-
position: absolute;
+
-
bottom: 0px;
+
-
left: 10px;
+
-
font-size: 0.75em;
+
-
color: #000000;
+
-
}
+
-
 
+
-
.notebook_nested_list{
+
-
margin: 0px 0px 0px 40px;
+
-
list-style-type: square;
+
-
}
+
-
 
+
-
.notebook_nested_start{
+
-
padding: 3px 0px 0px 0px;
+
-
}
+
-
 
+
-
.notebook_second_nested{
+
-
list-style-type: circle;
+
-
margin-left: 30px;
+
-
}
+
-
 
+
-
.june_et_img {
+
-
float: left;
+
-
width: 320px;
+
-
padding: 0px 10px 0px 0px;
+
-
}
+
-
 
+
-
table{
+
-
border: 1px solid #ccc;
+
-
border-bottom: none
+
-
}
+
-
 
+
-
th{
+
-
background: #444;
+
-
color: #fff;
+
-
text-align: left;
+
-
color: #ccc
+
-
}
+
-
 
+
-
tr{
+
-
background: #fff;
+
-
border-bottom: 1px solid #ccc;
+
-
border: 1px solid #c9c9c9;
+
-
}
+
-
 
+
-
td{
+
-
border: 1px solid #c9c9c9;
+
-
}
+
-
 
+
-
.table_two{
+
-
float: right;
+
-
margin: -60px 0px 0px 850px;
+
-
}
+
-
 
+
-
.table_two td{
+
-
width: 150px;
+
-
position: relative;
+
-
}
+
-
 
+
-
 
+
-
.table_two_left td{
+
-
width: 150px;
+
-
position: relative;
+
-
}
+
-
 
+
-
.table_three{
+
-
float: right;
+
-
margin: -35px 0px 0px 700px;
+
-
}
+
-
 
+
-
.table_three td{
+
-
width: 150px;
+
-
}
+
-
 
+
-
.table_four{
+
-
float: right;
+
-
margin: -35px 0px 0px 550px;
+
-
}
+
-
 
+
-
.table_four td{
+
-
width: 110px;
+
-
+
-
}
+
-
 
+
-
.table_six{
+
-
float: right;
+
-
margin: -35px 0px 0px 550px;
+
-
}
+
-
 
+
-
.table_six td{
+
-
width: 60px;
+
-
}
+
-
 
+
-
.restrict_width ul{
+
-
width: 650px;
+
-
}
+
-
 
+
-
.restrict_width_small ul{
+
-
width: 200px;
+
-
}
+
-
 
+
-
.table_position{
+
-
margin: 10px 10px 10px 1px;
+
-
}
+
-
 
+
-
.sub{
+
-
font-size: 0.4em;
+
-
bottom: -5px;
+
-
}
+
-
 
+
-
.table_position_after_one{
+
-
margin: 0px 10px 10px 250px;
+
-
}
+
-
 
+
-
.table_position_after_two{
+
-
margin: 0px 10px 10px 250px;
+
-
}
+
-
 
+
-
.table_position_after_three{
+
-
margin: 0px 10px 10px 250px;
+
-
}
+
-
 
+
-
/**Team**/
+
-
 
+
-
#team #wrapper #mainContent{
+
-
padding: 10px 10px 0px 20px;
+
-
font-size: 1.2em;
+
-
line-height: 1.0em;
+
-
float:left;
+
-
width: 1196px;
+
-
        margin-bottom: 10px;
+
-
}
+
-
 
+
-
#team_title{
+
-
margin: 10px 0px 10px 0px;
+
-
padding: 0px 0px 5px 0px;
+
-
float: left;
+
-
border-bottom: 2px solid #000000;
+
-
width: 905px;
+
-
}
+
-
 
+
-
#left_float_team{
+
-
float: left;
+
-
width: 250px;
+
-
border: 2px solid #c9c9c9;
+
-
overflow: hidden;
+
-
        margin-left: -14px;
+
-
}
+
-
 
+
-
#left_float_team img{
+
-
width: 70px;
+
-
margin: 5px;
+
-
}
+
-
 
+
-
#bios{
+
-
float: left;
+
-
width: 905px;
+
-
margin: -1195px 0px 0px 280px;
+
-
}
+
-
 
+
-
.team_one{
+
-
margin: 30px 0px 0px -1px;
+
-
}
+
-
 
+
-
.team_two{
+
-
margin: 30px 0px 0px -1px;
+
-
}
+
-
 
+
-
.bio_name{
+
-
margin: 40px 0px 0px 0px;
+
-
}
+
-
 
+
-
.bio img{
+
-
margin: 10px 0px -10px 0px;
+
-
width: 200px;
+
-
}
+
-
 
+
-
.bio_write_up{
+
-
float: left;
+
-
}
+
-
 
+
-
.top_team{
+
-
font-size: 0.7em;
+
-
}
+
-
 
+
-
#ada .bio_write_up{
+
-
margin: -280px 0px 0px 210px;
+
-
}
+
-
 
+
-
#amr .bio_write_up{
+
-
margin: -280px 0px 0px 210px;
+
-
}
+
-
 
+
-
#aus .bio_write_up{
+
-
margin: -265px 0px 0px 210px;
+
-
}
+
-
 
+
-
#bri .bio_write_up{
+
-
margin: -230px 0px 0px 210px;
+
-
}
+
-
 
+
-
#bro .bio_write_up{
+
-
margin: -280px 0px 0px 210px;
+
-
}
+
-
 
+
-
#car .bio_write_up{
+
-
margin: -225px 0px 0px 210px;
+
-
}
+
-
 
+
-
#cas .bio_write_up{
+
-
margin: -270px 0px 0px 210px;
+
-
}
+
-
 
+
-
#chr .bio_write_up{
+
-
margin: -265px 0px 0px 210px;
+
-
}
+
-
 
+
-
#dyl .bio_write_up{
+
-
margin: -300px 0px 0px 210px;
+
-
}
+
-
 
+
-
#ela .bio_write_up{
+
-
margin: -330px 0px 0px 210px;
+
-
}
+
-
 
+
-
#fio .bio_write_up{
+
-
margin: -300px 0px 0px 210px;
+
-
}
+
-
 
+
-
#jos .bio_write_up{
+
-
margin: -330px 0px 0px 210px;
+
-
}
+
-
 
+
-
#kat .bio_write_up{
+
-
margin: -290px 0px 0px 210px;
+
-
}
+
-
 
+
-
#kie .bio_write_up{
+
-
margin: -285px 0px 0px 210px;
+
-
}
+
-
 
+
-
#kri .bio_write_up{
+
-
margin: -165px 0px 0px 210px;
+
-
}
+
-
 
+
-
#mar .bio_write_up{
+
-
margin: -150px 0px 0px 210px;
+
-
}
+
-
 
+
-
#mark .bio_write_up{
+
-
margin: -300px 0px 0px 210px;
+
-
}
+
-
 
+
-
#pat .bio_write_up{
+
-
margin: -280px 0px 0px 210px;
+
-
}
+
-
 
+
-
#tes .bio_write_up{
+
-
margin: -300px 0px 0px 210px;
+
-
}
+
-
 
+
-
#tho .bio_write_up{
+
-
margin: -145px 0px 0px 210px;
+
-
}
+
-
 
+
-
#wes .bio_write_up{
+
-
margin: -310px 0px 0px 210px;
+
-
}
+
-
 
+
-
#yoy .bio_write_up{
+
-
margin: -380px 0px 0px 210px;
+
-
}
+
-
 
+
-
#eri .bio_write_up{
+
-
margin: -215px 0px 0px 210px;
+
-
}
+
-
 
+
-
#hj .bio_write_up{
+
-
margin: -280px 0px 0px 210px;
+
-
}
+
-
 
+
-
 
+
-
#isa .bio_write_up{
+
-
margin: -135px 0px 0px 210px;
+
-
}
+
-
 
+
-
#mac .bio_write_up{
+
-
margin: -270px 0px 0px 210px;
+
-
}
+
-
 
+
-
/**Parts**/
+
-
 
+
-
#parts_section{
+
-
width: 1200px;
+
-
        margin-left: -5px;
+
-
}
+
-
 
+
-
#parts_section table, #parts_section table th, #parts_section table td{
+
-
width: auto;
+
-
}
+
-
 
+
-
#constructs_section{
+
-
width: 1200px;
+
-
        margin-left: -5px;
+
-
}
+
-
 
+
-
#constructs_section table, #constructs_section table th, #constructs_section table td{
+
-
width: auto;
+
-
}
+
-
 
+
-
/** MATH **/
+
-
 
+
-
#math #wrapper #mainContent{
+
-
padding: 10px 10px 0px 0px;
+
-
font-size: 1.2em;
+
-
line-height: 1.0em;
+
-
float:left;
+
-
width: 1197px;
+
-
        margin: 0px 0px 0px 10px;
+
-
}
+
-
 
+
-
#math_contents {
+
-
        margin: 0px 0px 10px -5px;
+
-
padding: 20px 0px 10px 0px;
+
-
border: solid 2px #000000;
+
-
float: left;
+
-
width: 1196px;
+
-
}
+
-
 
+
-
#math_contents li {
+
-
padding: 0px;
+
-
font-size: 0.8em;
+
-
line-height: 1.5em;
+
-
}
+
-
 
+
-
#math_contents h1{
+
-
        width: 1190px;
+
-
        padding-left: 10px;
+
-
        border-bottom: 2px solid #c4c4c4;
+
-
}
+
-
 
+
-
#math ul {
+
-
margin-left: 20px;
+
-
}
+
-
 
+
-
#math ul ul {
+
-
margin-left: 30px;
+
-
}
+
-
 
+
-
#math ul li ul li {
+
-
font-size: 1.0em;
+
-
line-height: 1.0em;
+
-
+
-
}
+
-
 
+
-
#math_contents h1{
+
-
        float: left;
+
-
margin: -5px 0px 5px 0px;
+
-
font-size: 23px;
+
-
        border-bottom: 2px solid #c4c4c4;
+
-
        padding-bottom: 5px;
+
-
        padding-left: 10px;
+
-
        width: 1185px;
+
-
}
+
-
 
+
-
#math h2 {
+
-
border-bottom: 2px solid #c3c3c3;
+
-
padding: 0x 0px 0px 20px;
+
-
margin: -10px 0 px -10px 10px;
+
-
}
+
-
 
+
-
.math_img {
+
-
display: block;
+
-
padding: 25px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
}
+
-
 
+
-
.image_container {
+
-
border: 1px solid #c3c3c3;
+
-
margin: 10px 0px 10px 0px;
+
-
width: 1196px;
+
-
}
+
-
 
+
-
.image_container ul {
+
-
padding-left: 10px;
+
-
padding-bottom: 10px;
+
-
}
+
-
#math table {
+
-
font-size: 1.4em;
+
-
line-height: 1.6em;
+
-
}
+
-
 
+
-
#img_growth {width: 200px;}
+
-
 
+
-
#img_transcription {width: 200px;}
+
-
 
+
-
#img_halflife {width: 100px;}
+
-
 
+
-
#img_halflife_logic {width: 500px;}
+
-
 
+
-
#img_combined_transcription {width: 300px;}
+
-
 
+
-
#img_total_transcription {width: 500px;}
+
-
 
+
-
#img_translation {width: 300px;}
+
-
 
+
-
#img_derive {width: 300px;}
+
-
 
+
-
#img_gene_protein {width: 200px;}
+
-
 
+
-
#img_translational_constant {width: 150px;}
+
-
 
+
-
#img_a {width: 700px;}
+
-
 
+
-
#img_complete {width: 900px;}
+
-
 
+
-
#img_graph {width: 400px;}
+
-
 
+
-
.math_back_to_top{
+
-
font-size: 0.7em;
+
-
        margin: -20px 0px 0px 0px;
+
-
        padding: 0px 0px 20px 0px;
+
-
}
+
-
 
+
-
/** End Math **/
+
-
 
+
-
/**Firefox Only Rules**/
+
-
 
+
-
@-moz-document url-prefix() {
+
-
#navigation li { width: 169px; }
+
-
        .navigation_project { padding-left: 1px; }
+
-
}
+
-
 
+
-
/**********SlidesJS...Slideshow styling********/
+
-
#slides {
+
-
margin-left: -130px;
+
-
display: none;
+
-
background: #000000;
+
-
height: 450px;
+
-
width: 1200px;
+
-
padding-bottom: 25px;
+
-
}
+
-
 
+
-
#slides .slidesjs-navigation {
+
-
margin-top:5px;
+
-
margin-top:5px;
+
-
}
+
-
 
+
-
a.slidesjs-next,
+
-
a.slidesjs-previous,
+
-
a.slidesjs-play,
+
-
a.slidesjs-stop {
+
-
background-image: url(https://static.igem.org/mediawiki/2013hs/3/3c/Btns-next-prev.png);
+
-
background-repeat: no-repeat;
+
-
display:block;
+
-
width:12px;
+
-
height:18px;
+
-
overflow: hidden;
+
-
text-indent: -9999px;
+
-
float: left;
+
-
margin-right:5px;
+
-
}
+
-
 
+
-
a.slidesjs-next {
+
-
margin-right:10px;
+
-
background-position: -12px 0;
+
-
}
+
-
 
+
-
a:hover.slidesjs-next {
+
-
background-position: -12px -18px;
+
-
}
+
-
 
+
-
a.slidesjs-previous {
+
-
background-position: 0 0;
+
-
}
+
-
 
+
-
a:hover.slidesjs-previous {
+
-
background-position: 0 -18px;
+
-
}
+
-
 
+
-
a.slidesjs-play {
+
-
width:15px;
+
-
background-position: -25px 0;
+
-
    }
+
-
 
+
-
a:hover.slidesjs-play {
+
-
background-position: -25px -18px;
+
-
}
+
-
 
+
-
a.slidesjs-stop {
+
-
width:18px;
+
-
background-position: -41px 0;
+
-
    }
+
-
 
+
-
a:hover.slidesjs-stop {
+
-
background-position: -41px -18px;
+
-
}
+
-
 
+
-
.slidesjs-pagination {
+
-
margin: 7px 0 0;
+
-
float: right;
+
-
list-style: none;
+
-
}
+
-
 
+
-
.slidesjs-pagination li {
+
-
float: left;
+
-
margin: 0 1px;
+
-
}
+
-
 
+
-
.slidesjs-pagination li a {
+
-
display: block;
+
-
width: 13px;
+
-
height: 0;
+
-
padding-top: 13px;
+
-
background-image: url(https://static.igem.org/mediawiki/2013hs/a/af/Pagination.png);
+
-
background-position: 0 0;
+
-
float: left;
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
.slidesjs-pagination li a.active,
+
-
.slidesjs-pagination li a:hover.active {
+
-
background-position: 0 -13px;
+
-
}
+
-
 
+
-
.slidesjs-pagination li a:hover {
+
-
background-position: 0 -26px;
+
-
}
+
-
 
+
-
#slides a:link,
+
-
#slides a:visited {
+
-
color: #333
+
-
}
+
-
 
+
-
#slides a:hover,
+
-
#slides a:active {
+
-
color: #9e2020;
+
-
}
+
-
 
+
-
.navbar {
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
 
+
-
#slides {
+
-
display: none;
+
-
}
+
-
 
+
-
.container {
+
-
margin: 0 auto;
+
-
}
+
-
 
+
-
/** Parent Surveys **/
+
-
 
+
-
.parent_survey_section_questions {
+
-
float:left;
+
-
width: 588px;
+
-
margin: 5px 10px 5px 0px;
+
-
border: 1px solid #c3c3c3;
+
-
height: 430px;
+
-
}
+
-
 
+
-
.parent_survey_section_questions_transparent {
+
-
float:left;
+
-
width: 583px;
+
-
margin: 5px 5px 5px 5px;
+
-
border: 1px solid transparent;
+
-
height: 430px;
+
-
}
+
-
 
+
-
.parent_survey_section_comments {
+
-
border-bottom: 3px solid #c3c3c3;
+
-
}
+
-
 
+
-
 
+
-
.additional_comments {
+
-
padding: 0px 0px 0px 20px;
+
-
font-size: 1.5em;
+
-
line-height: 1.7em;
+
-
}
+
-
 
+
-
#parent_survey_comments {
+
-
float: left;
+
-
padding: 10px 0px 0px 0px;
+
-
        width: 1195px;
+
-
 
+
-
}
+
-
 
+
-
#parent_survey_comments h3 {
+
-
padding: 10px 0px 0px 0px;
+
-
font-size: 1.5em;
+
-
line-height: 1.7em;
+
-
}
+
-
 
+
-
#parent_survey_comments h4 {
+
-
font-size: 1.5em;
+
-
line-height: 1.5em;
+
-
margin: 0px 0px -5px 0px;
+
-
}
+
-
 
+
-
.parent_survey_section_questions p, .parent_survey_section_questions li, .parent_survey_section_comments p, .parent_survey_section_comments li, .parent_survey_section_comments_no_border p, .parent_survey_section_comments_no_border li, .survey_intro{
+
-
font-size: 1.4em;
+
-
line-height: 1.4em;
+
-
padding-left: 10px;
+
-
color: #333333;
+
-
}
+
-
 
+
-
.parent_survey_section_comments ol {
+
-
padding: 0px 0px 0px 50px;
+
-
}
+
-
 
+
-
.parent_survey_section_questions img {
+
-
width: 500px;
+
-
display: block;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
padding: 10px 0px;
+
-
}
+
-
 
+
-
/** Videos **/
+
-
 
+
-
iframe {
+
-
display: block;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
padding: 10px 0px;
+
-
}
+
-
 
+
-
/** Sponsors **/
+
-
 
+
-
#sponsor_img_left {
+
-
float: left;
+
-
width: 590px;
+
-
}
+
-
 
+
-
#sponsor_img_right {
+
-
float: right;
+
-
width: 590px;
+
-
}
+
-
 
+
-
#sponsor_img_left img {
+
-
width: 550px;
+
-
padding: 20px 20px;
+
-
}
+
-
 
+
-
#sponsor_img_right img{
+
-
width: 550px;
+
-
padding: 20px 20px;
+
-
}
+
-
 
+
-
#sponsors_writing {
+
-
border-bottom: 1px solid #c4c4c4;
+
-
font-size: 1.2em;
+
-
line-height: 1.4em;
+
-
width: 1195px;
+
-
}
+
-
 
+
-
/** Interviews **/
+
-
 
+
-
#drtrew_bio {
+
-
width: 1198px;
+
-
border: 1px solid #c3c3c3;
+
-
margin: 10px 0px 0px -3px;
+
-
height: auto;
+
-
font-size: 1.2em;
+
-
line-height: 1.4em;
+
-
}
+
-
 
+
-
#drtrew_bio ul {
+
-
float: none;
+
-
font-size: 1.2em;
+
-
line-height: 1.5em;
+
-
padding: 0px 10px 25px 10px;
+
-
}
+
-
 
+
-
#image_abs {
+
-
float: left;
+
-
padding: 10px;
+
-
}
+
-
 
+
-
img#interview_icon {
+
-
float: left;
+
-
width: 75px;
+
-
height: auto;
+
-
position: absolute;
+
-
margin: -367px 0px 0px 475px;
+
-
}
+
-
 
+
-
#drtrew_image {
+
-
width: 550px;
+
-
height: auto;
+
-
position: relative;
+
-
}
+
-
 
+
-
#drtrew_bio_top {
+
-
display: block;
+
-
}
+
-
 
+
-
#drtrew_bio p {
+
-
float: none !important;
+
-
display: block;
+
-
font-size: 1.4em;
+
-
line-height: 1.6em;
+
-
padding: 0px 0px 10px 10px;
+
-
}
+
-
 
+
-
drtrew_bio_top img {
+
-
float: left;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
.interview_entry {
+
-
border-top: 1px solid #c3c3c3;
+
-
margin: 10px 0px 0px 0px;
+
-
font-size: 1.2em;
+
-
line-height: 1.4em;
+
-
        width: 1190px;
+
-
}
+
-
 
+
-
.interview_entry .yoyo_question {
+
-
color: #510a69;
+
-
}
+
-
 
+
-
.interview_entry .drtrew_response {
+
-
+
-
}
+
-
 
+
-
/** Banner Formatting **/
+
-
 
+
-
.results_banner_image{
+
-
        margin: 5px 0px -25px -4px;
+
-
        width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
        max-height: 100px;
+
-
}
+
-
 
+
-
.advisors_banner_image {
+
-
margin: 30px 0px -25px -4px;
+
-
width: 910px;
+
-
max-width: 910px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.interviews_banner_image {
+
-
margin: -4px 0px -4px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.math_banner_image {
+
-
margin: -5px 0px 8px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.notebook_links_banner {
+
-
margin: -20px 0px 0px 0px;
+
-
}
+
-
 
+
-
.overview_banner_image {
+
-
margin: 5px 0px -2px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.parts_banner_image {
+
-
margin: 0px 0px 0px 1px;
+
-
        background: #3399ff;
+
-
}
+
-
 
+
-
.presentation_banner_image {
+
-
margin: -4px 0px -7px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.project_banner_image {
+
-
margin: 5px 0px -10px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.safety_banner_image {
+
-
margin: -4px 0px -8px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.sponsors_banner_image {
+
-
margin: 5px 0px -7px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.surveys_banner_image {
+
-
margin: 5px 0px -7px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.team_banner_image {
+
-
margin: 0px 0px -25px -4px;
+
-
width: 910px;
+
-
max-width: 910px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
.videos_banner_image {
+
-
margin: 5px 0px -7px -4px;
+
-
width: 1200px;
+
-
max-width: 1200px;
+
-
height: 100px;
+
-
}
+
-
 
+
-
/** Presentations **/
+
-
 
+
-
.presentation_img_right {
+
-
width: 1200px;
+
-
}
+
-
 
+
-
.presentation_p {
+
-
float: left;
+
-
width: 730px;
+
-
}
+
-
 
+
-
.presentation_img {
+
-
float: right;
+
-
width: 455px;
+
-
padding: 15px 4px 0px 0px;
+
-
}
+
-
 
+
-
/** Fun **/
+
-
 
+
-
#hidden_link {font-weight:normal; color:inherit; }
+
-
#hidden_link:hover {color:#9d211a;}
+
-
.page-Team_Lethbridge_Canada_oh_no_stop {
+
-
    -webkit-transform: rotate(180deg);
+
-
    -moz-transform: rotate(180deg);
+
-
    -o-transform: rotate(180deg);
+
-
    -ms-transform: rotate(180deg);
+
-
    transform: rotate(180deg);
+
-
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
+
-
    position: absolute;
+
-
}
+
-
 
+
-
.page-Team_Lethbridge_Canada_oh_no_stop {
+
-
-webkit-animation: cssAnimation 0.1000s infinite ease;
+
-
-moz-animation: cssAnimation 0.1000s infinite ease;
+
-
-o-animation: cssAnimation 0.1000s infinite ease;
+
-
}
+
-
@-webkit-keyframes cssAnimation {
+
-
from { -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); }
+
-
to { -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px); }
+
-
}
+
-
@-moz-keyframes cssAnimation {
+
-
from { -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); }
+
-
to { -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px); }
+
-
}
+
-
@-o-keyframes cssAnimation {
+
-
from { -o-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); }
+
-
to { -o-transform: rotate(1800deg) scale(1) skew(1deg) translate(0px); }
+
-
}
+
-
 
+
-
#image_flip_fun {
+
-
width: 600px;
+
-
display: block;
+
-
margin: 0 auto;
+
-
padding: 20px 0px 0px 0px;
+
-
}
+
-
 
+
-
/** Text Formatting **/
+
-
 
+
-
 
+
-
.in_actuality_is_the_interview_page_because_we_screwed_this_up_some_where_along_the_line p {
+
-
font-size: 1.0em !important;
+
-
line-height: 1.2em !important;
+
-
}
+
-
#safety p, #sponsors p, #math p {
+
-
font-size: 1.2em;
+
-
line-height: 1.4em;
+
-
}
+
-
 
+
-
#results p {
+
-
font-size: 1.4em;
+
-
line-height: 1.4em;
+
-
}
+
-
 
+
-
p#video_writing {
+
-
font-size: 1.5em;
+
-
line-height: 1.4em;
+
-
}
+
-
 
+
-
#oxytocin_smooth {
+
-
display: block;
+
-
padding: 10px 0px;
+
-
margin: 0 auto;
+
-
width: 750px;
+
-
}
+
-
 
+
-
.construct_project_img {
+
-
display: block;
+
-
margin: 0 auto;
+
-
padding: 10px 0px;
+
-
}
+

Latest revision as of 11:18, 16 June 2014

Header wiki.png

Beijing HDFLS iGEM 2013