|
|
| Line 1: |
Line 1: |
| - | #large_text{
| + | <html> |
| - | font-size: 1.5em;
| + | <head> |
| - | line-height: 1.0em;
| + | <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"> </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;
| + | |
| - | }
| + | |
"
