Template:Team:Duke/CSS
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
<head> | <head> | ||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="http://linacabal.com/juan/ddaccordion.js"> | ||
+ | |||
+ | /*********************************************** | ||
+ | * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) | ||
+ | * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts | ||
+ | * This notice must stay intact for legal use | ||
+ | ***********************************************/ | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | //Initialize Arrow Side Menu: | ||
+ | ddaccordion.init({ | ||
+ | headerclass: "menuheaders", //Shared CSS class namfe of headers group | ||
+ | contentclass: "menucontents", //Shared CSS class name of contents group | ||
+ | revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover" | ||
+ | mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover | ||
+ | collapseprev: true, //Collapse previous content (so only one open at any time)? true/false | ||
+ | defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content. | ||
+ | onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) | ||
+ | animatedefault: false, //Should contents open by default be animated into view? | ||
+ | persiststate: true, //persist state of opened contents within browser session? | ||
+ | toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] | ||
+ | togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) | ||
+ | animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow" | ||
+ | oninit:function(expandedindices){ //custom code to run when headers have initalized | ||
+ | //do nothing | ||
+ | }, | ||
+ | onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed | ||
+ | //do nothing | ||
+ | } | ||
+ | }) | ||
+ | |||
+ | </script> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | + | #content { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #toc, .toc { | |
+ | display:none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | h1, h2, h3, h4, h5, h6 { | |
- | + | border: 0px; | |
- | + | color: #163F7F; | |
- | + | family-font: "Noto Sans"; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .arrowsidemenu{ | |
- | color: # | + | width: 180px; /*width of menu*/ |
- | + | border-style: solid solid none solid; | |
- | + | border-color: #003EFF; /*#94AA74;*/ | |
+ | border-size: 1px; | ||
+ | border-width: 1px; | ||
+ | |||
+ | |||
+ | |||
+ | |||
} | } | ||
- | + | .arrowsidemenu ul{ | |
- | background-color: # | + | list-style-type: none; |
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div a{ /*header bar links*/ | ||
+ | font: bold 12px Helvetica, Arial, sans-serif; | ||
+ | display: block; | ||
+ | background: transparent url(https://static.igem.org/mediawiki/2013/2/2f/Arrowblue.gif) 100% 0; /* this is where the arrow goes | ||
+ | height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/ | ||
+ | padding: 4px 0 4px 10px; | ||
+ | line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div a:link, .arrowsidemenu div a:visited{ | ||
+ | color: #EDEDED; /*#26370A;*/ | ||
} | } | ||
- | + | .arrowsidemenu div a:hover{ | |
- | + | background-position: 100% -32px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .arrowsidemenu div.unselected a{ /*header that's currently not selected*/ | |
- | + | color: #EDEDED; /*#283b00;*/ | |
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | .arrowsidemenu div.selected a{ /*header that's currently selected*/ | |
- | + | color: #EDEDED; /*#616161;*/ | |
- | + | background-position: 100% -64px !important; | |
- | color: # | + | |
- | + | ||
- | + | ||
- | + | ||
- | background- | + | |
- | + | ||
} | } | ||
- | . | + | .arrowsidemenu ul{ |
- | list-style-type: none; | + | list-style-type: none; |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .arrowsidemenu ul li{ |
+ | border-bottom: 1px solid #6183A6 /*#a1c67b;*/ | ||
+ | list-style-type: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | |||
- | |||
- | + | .arrowsidemenu ul li a{ /*sub menu links*/ | |
- | { | + | display: block; |
- | + | background: #ffffff; | |
- | + | font: normal 12px Helvetica, Arial, sans-serif; | |
- | + | text-decoration: none; | |
- | + | color: black; | |
+ | padding: 5px 0; | ||
+ | padding-left: 10px; | ||
+ | border-left: 10px double #3B4990; /*#a1c67b; this is the two vertical bars on the sub menus*/ | ||
+ | list-style-type: none; | ||
} | } | ||
- | a | + | .arrowsidemenu ul li a:hover{ |
+ | background: #d5e5c1; | ||
+ | } | ||
- | + | </style> | |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | |
+ | <style type="text/css"> | ||
+ | /* These styles just pretty up the page a bit. */ | ||
+ | html | ||
+ | { | ||
+ | overflow: -moz-scrollbars-vertical !important; | ||
+ | resize: none; | ||
+ | background: url(https://static.igem.org/mediawiki/2012/d/da/Fondo1.png) repeat; | ||
+ | <!--background: url(https://static.igem.org/mediawiki/2013/0/0f/DukeBackground.png) repeat;--> | ||
+ | background-color: #fff; | ||
+ | } | ||
- | + | #top-section { | |
- | + | height: 0px; | |
- | + | border-top: 1 | |
- | + | border-left: none; | |
+ | border-right: none; | ||
+ | } | ||
- | # | + | #siteSub { |
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #search-controls { | |
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .firstHeading { |
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #search-controls { | |
- | + | margin-top:0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #footer-box { | |
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | body | |
- | + | { | |
- | + | background: url(https://static.igem.org/mediawiki/2012/d/da/Fondo1.png) repeat; | |
- | + | <!--background: url(https://static.igem.org/mediawiki/2013/0/0f/DukeBackground.png) repeat;--> | |
- | + | background-color: #fff; | |
} | } | ||
- | . | + | body { |
+ | font: 65%/1.2 Arial, Helvetica, sans-serif; | ||
+ | background-color: #E8F6FF; } | ||
+ | #wrap { | ||
+ | font-size: 1.1em; | ||
+ | width: 180px; | ||
+ | padding: 0px; | ||
+ | margin-left: 15px; | ||
+ | background-color: #fff; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | |||
+ | margin-right: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-top: 10px; | ||
+ | float: left; | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | .right_box{ |
- | + | width: 730px; | |
- | + | margin-left: 210px; | |
- | + | margin-top: 20px; | |
+ | |||
+ | |||
} | } | ||
- | . | + | /* These styles create the dropdown menus. */ |
- | + | #navbar { | |
- | + | margin: 1600; | |
- | + | padding: 0; | |
- | + | height: 1em; } | |
- | + | #navbar li { | |
+ | list-style: none; | ||
+ | float: left; } | ||
+ | #navbar li a { | ||
+ | padding-left: 6px; | ||
+ | padding-bottom: 4px; | ||
+ | padding-right: 6px; | ||
+ | padding-top: 4px; | ||
+ | display: block; | ||
+ | background-color: #C1CDCD/*#5d9548;*/ | ||
+ | color: #fff; | ||
+ | text-decoration: none; } | ||
+ | #navbar li ul { | ||
+ | display: none; | ||
+ | width: 10em; /* Width to help Opera out */ | ||
+ | background-color: #80ff00;} | ||
+ | #navbar li:hover ul, #navbar li.hover ul { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | background-color: #C1CDCD; /*#5d9549;*/ | ||
+ | margin: 0; | ||
+ | padding: 0; } | ||
+ | #navbar li:hover li, #navbar li.hover li { | ||
+ | float: none; } | ||
+ | #navbar li:hover li a, #navbar li.hover li a { | ||
+ | background-color: #66b83d; | ||
+ | border-bottom: 1px solid #fff; | ||
+ | color: white; } | ||
+ | #navbar li li a:hover { | ||
+ | background-color: #C1CDCD;} /*#8db3ff; }*/ | ||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | // Javascript originally by Patrick Griffiths and Dan Webb. | ||
+ | // http://htmldog.com/articles/suckerfish/dropdowns/ | ||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("navbar").getElementsByTagName("li"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" hover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" hover\\b"), ""); | ||
+ | } | ||
+ | } | ||
} | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | </script> | ||
- | |||
- | |||
+ | <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#slider').s3Slider({ | ||
+ | timeOut: 5000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css" media="screen"> | ||
+ | #slider { | ||
+ | width: 970px; /* important to be same as image width */ | ||
+ | height: 244px; /* important to be same as image height */ | ||
+ | position: relative; /* important */ | ||
+ | overflow: hidden; /* important */ | ||
+ | margin-left: -2px; | ||
+ | } | ||
+ | #sliderContent { | ||
+ | width: 970px; /* important to be same as image width or wider */ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .sliderImage { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | display: none; | ||
+ | } | ||
+ | .sliderImage span { | ||
+ | position: absolute; | ||
+ | font: 10px/15px Arial, Helvetica, sans-serif; | ||
+ | width: 384px; | ||
+ | |||
+ | display: none; | ||
+ | |||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | .sliderImage span strong { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .top { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .bottom { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | ul { list-style-type: none;} | ||
</style> | </style> | ||
+ | |||
</head> | </head> | ||
+ | <body> | ||
+ | |||
+ | <div id="slider"> | ||
+ | <ul id="sliderContent"> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/3/39/HeaderPhoto1.JPG" alt="1" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="1" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/e/ee/HeaderPhoto2.JPG" alt="2" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="2" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/0/01/HeaderPhoto3.JPG" alt="3" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="3" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/16/HeaderPhoto4.JPG" alt="4" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="4" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/3/3a/HeaderPhoto5.JPG" alt="5" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="5" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/5/50/HeaderPhoto6.jpg" alt="6" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="6" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/0/08/HeaderPhoto7.jpg" alt="7" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="7" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/2/2c/HeaderPhoto8.jpg" alt="8" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="8" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/6/61/HeaderPhoto9.png" alt="9" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="9" /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/1c/HeaderPhoto10.png" alt="10" /> | ||
+ | <span class="top"><img src="https://static.igem.org/mediawiki/2013/f/fe/Banner_transparent_small_2.png" alt="10" /></span> | ||
+ | </li> | ||
+ | <div class="clear sliderImage"></div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="wrap"> | ||
+ | |||
+ | <div class="arrowsidemenu"> | ||
+ | <div><a href="https://2013.igem.org/Team:Duke">Home</a></div> | ||
+ | |||
+ | <div class="menuheaders"><a href="https://2013.igem.org/Team:Duke/Team">Team Duke 2013</a></div> | ||
+ | <ul class="menucontents"> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Team#The_Team">The Team</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Team#Undergrads">Undergrads</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Team#Grad_Students">Grad Students</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Team#Instructors">Instructors</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <div class="menuheaders"><a>Genetic Toggle Switch</a></div> | ||
+ | <ul class="menucontents"> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Project/Problem">The Project</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Project/Basics">Background Information</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Project/Design">Experimental Design</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Project/Results/Part1">Results:<br>Library of DNA Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Project/Results/Part2">Results:<br>Parts Characterization</a></li> | ||
+ | <!-- <li><a href="https://2013.igem.org/Team:Duke/Project/CRISPR_Results">Results: CRISPR</a></li> --> | ||
+ | |||
+ | </ul> | ||
+ | <div><a href="https://2013.igem.org/Team:Duke/Parts">Biological Parts Submitted</a></div> | ||
+ | <!--ul> | ||
+ | <li><a href="#">Via Email</a></li> | ||
+ | <li><a href="#">Stalk Us Elsewhere</a></li> | ||
+ | </ul--> | ||
+ | <div class="menuheaders"><a>Mathematical Modeling</a></div> | ||
+ | <ul class="menucontents"> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Modeling/Cooperativity">Cooperativity and Hill Equation</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Modeling/Thermodynamic_Model_Intro">Thermodynamic Model : Introduction</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Modeling/Thermodynamic_Model_Application">Thermodynamic Model : Cooperative Repression</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Modeling/Kinetic_Model">Kinetic Model : <br>Bifurcation and Bistability</a></li> | ||
+ | </ul> | ||
+ | <!-- <div><a href="https://2013.igem.org/Team:Duke/Notebook">Results</a></div> --> | ||
+ | <div class="menuheaders"><a href="https://2013.igem.org/Team:Duke/Human/">Human Practices</a></div> | ||
+ | <ul class="menucontents"> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Human/FromBenchToBiotech">From Bench to Biotech</a></li> | ||
+ | <!--<li><a href="https://2013.igem.org/Team:Duke/Human/2">BBBB</a></li>--> | ||
+ | </ul> | ||
+ | |||
+ | <div class="menuheaders"><a>Lab Notebook</a></div> | ||
+ | <ul class="menucontents"> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Notebook/Lab_Notebook">Overview</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Notebook/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Notebook/Strain List">Strain List</a></li> | ||
+ | <!-- <li><a href="https://2013.igem.org/Team:Duke/Notebook/Prezi">Project Outline (Prezi) </a></li> --> | ||
+ | </ul> | ||
+ | <div class="menuheaders"><a href="https://2013.igem.org/Team:Duke/Safety">Safety</a></div> | ||
+ | <ul class="menucontents"> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Safety/Ecoli_and_Scerevisiae"><i>E.coli</i> and <i>S.cerevisiae</i></a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Duke/Safety/Xanthomonas"><i>Xanthomonas</i> Bacteria</a></li> | ||
+ | </ul> | ||
+ | <div><a href="https://2013.igem.org/Team:Duke/Attributions">Attributions</a></div> | ||
+ | <!--ul> | ||
+ | <li><a href="#">1</a></li> | ||
+ | <li><a href="#">2</a></li> | ||
+ | <li><a href="#">3</a></li> | ||
+ | </ul--> | ||
+ | <!-- <div><a href="https://2013.igem.org/Team:Duke/Gallery">Gallery</a></div> --> | ||
+ | |||
+ | <!-- <div class="menuheaders"><a>University & Jamboree</a></div> --> | ||
+ | <!--ul class="menucontents"> | ||
+ | <li><a href="http://www.uniandes.edu.co">DUKE? </a></li> | ||
+ | <li><a href="https://2012.igem.org/Regions/Latin_America/Jamboree">North American Jamboree 2013</a></li> | ||
+ | </ul--> | ||
+ | <!-- | ||
+ | <div><a href="https://2013.igem.org/Team:Duke/Sponsors">Our Sponsors</a></div> | ||
+ | <!--ul> | ||
+ | <li><a href="#">Bench Press</a></li> | ||
+ | <li><a href="#">Military Press</a></li> | ||
+ | <li><a href="#">Press n Seal</a></li> | ||
+ | </ul--> | ||
+ | |||
+ | <div><a href="https://2013.igem.org/">iGEM 2013</a></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | <!-- *** COLOMBIA 2012 HEADER USED/EDITED *** --> |
Revision as of 16:06, 7 July 2014