Template:Imperial/09/MenuD



/* Toolbar */ div.Toolbar { background-image: url(http://i59.photobucket.com/albums/g305/Timpski/ToolbarBackground.png); background-size: 100%; background-origin: content; }

/* Our Content Area */ div.Section { font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; color:#E5EBFF; background-image: url(http://openwetware.org/images/a/a0/Background.PNG); background-size: 100%; background-origin: content; background-color: transparent; }

/* General Page Formatting */ body, div#footer-box { background-color:#E5EBFF; }

div#top-section, div#content, div#footer-box { border-width: 4px; border-color: #66aadd }

filter:alpha(opacity=00);-moz-opacity:.00;opacity:.00; }
 * 1) p-logo {

background-image: url(http://i59.photobucket.com/albums/g305/Timpski/wiki.png); background-size: 100%; background-origin: content; }
 * 1) top-section {

background-color: #E5EBFF; }
 * 1) content {

/* Text (paragraphs) */ div.Section p { font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; text-align:justify; margin-top:0px; margin-left:30px; margin-right:30px; }

/* Headings */ div.Section h1 { font:22pt Calibri, Verdana, Arial, Geneva, sans-serif; text-align:left; color:#E5EBFF; font-weight:bold; } /* Subheadings */ div.Section h2 { font:18pt Calibri, Verdana, Arial, Geneva, sans-serif; color:#E5EBFF; margin-left:5px; font-weight:bold; }

/* Subsubheadings */ div.Section h3 { font:22pt Calibri, Verdana, Arial, sans-serif; color:#E5EBFF; margin-left:10px; font-weight:bold; background-color:transparent; }

/* Subsubsubheadings */ div.Section h4 { font:22pt Calibri, Verdana, Arial, sans-serif; color:#2B48B3; margin-left:10px; font-weight:bold; background-color:transparent; }

/* Subsubsubsubheadings */ div.Section h5 { font:12pt Calibri, Verdana, Arial, sans-serif; font-weight:bold; font-style:italic; color:#E5EBFF; margin-left:25px; background-color:transparent; }

/* References */ div.Section h6 { font:12pt Calibri, Verdana, Arial, sans-serif; font-weight:bold; font-style:italic; color:#2B48B3; margin-left:25px; background-color:transparent; }

/* Hyperlinks */ a:link { color: #66aadd }

a:visited { color: #66aadd }

a:active { color: #66aadd }

a:hover { color: #66aadd }

/* Tables */ div.Section td { font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; text-align:justify; vertical-align:top; padding:2px 4px 2px 4px; background-color:trasparent; }

/* Lists */ div.Section li { font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; text-align:left; margin-top:0px; margin-left:30px; margin-right:0px; }

/* TOC stuff */ table.toc { margin-left:10px; }

table.toc li { font: 11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; text-align: justify; margin-top: 0px; margin-left:2px; margin-right:2px; }

/* [edit] links */ span.editsection { color:#BBBBBB; font-size:10pt; font-weight:normal; font-style:normal; vertical-align:bottom; }

span.editsection a { color:#BBBBBB; font-size:10pt; font-weight:normal; font-style:normal; vertical-align:bottom; }

span.editsection a:hover { color:#3366FF; font-size:10pt; font-weight:normal; font-style:normal; vertical-align:bottom; }

/* Drop-down Menu */ margin: 0; padding: 0; z-index: 30; margin: 0; padding: 0; float: center; font: bold 12pt Calibri, Verdana, Arial, Geneva, sans-serif; border: 0px; list-style: none; display: inline; /* IE Fix - gets rid of gaps */ }
 * 1) sddm {

display: block; margin: 0px 0px 0px 0px; padding: 0 0 12px 0; color: #FFFFFF; text-align: center; text-decoration: none; vertical-align: center; }
 * 1) sddm a {

border: 0px }
 * 1) sddm a:hover {

position: absolute; visibility: hidden; height: 8.75em; /* IE fix - allows block to be clicked */ margin: 0; padding: 0; z-index: 30; background: #66aadd; border: 1px solid #66aadd }	#sddm div a { position: relative; left: 0; display: block; margin: 0; padding: 5px 10px; white-space: nowrap; text-align: left; text-decoration: none; background: #FFFFFF; color: #2875DE; font: 11pt Calibri, Verdana, Arial, Geneva, sans-serif }	#sddm div a:hover { background: #66aadd; color: #FFFFFF }
 * 1) sddm div {

/* Highlight function - proprietary, beware! */ .highlight img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; border: 1px solid #ccc; }

.highlight:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; border: 1px solid navy; }

.highlight a{	border:1px solid navy; }

.highlight:hover a{	border:1px solid navy; }

/* Wiki Image properties */ div.floatright { float: right; clear: right; margin: 0.5em 0.5em 0.5em 0.5em; position:relative; border: 0.5em solid White; border-width: 0 0 0 0; } div.floatright p { font-style: italic;} div.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0.5em; position:relative; border: 0.5em solid White; border-width: 0 0 0 0; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: 0.5em; border-style: solid; border-color: White; width: auto; overflow: hidden; } div.thumb div { border:1px solid #66aadd; padding: 3px !important; background-color:transparent; font-size: 94%; margin-right:1.5em; text-align: center; } div.thumb div a img { border:1px solid #66aadd; } div.thumb div div.thumbcaption { border: none; padding: 0.3em 0 0.1em 0; } div.magnify { display: none; } div.tright { float: right; clear: right; margin-left:0.5em; border-width: 0 0 0 0; } div.tleft { float: left; margin-right:0.5em; border-width: 0 0 0 0; } img.thumbborder { border: 1px solid #2B48B3; }   Home    Biofabricator Subtilis  Project Specifications Why B. subtilis? B. subtilis: Benefits vs Challenges Project Summary</a> Example Application: Biocouture</a> </ul> <td align="left" width="18%" valign="bottom"> Dry Lab</a> <div id="m2" onmouseover="mcancelclosetime" onmouseout="mclosetime"> Dry Lab Hub</a> Growth Curves</a> Genetic Circuits</a> Motility Analysis</a> Appendices - Code etc.</a> </ul> <td align="left" width="18%" valign="bottom"> Wet Lab</a> <div id="m3" onmouseover="mcancelclosetime" onmouseout="mclosetime"> Wet Lab Hub</a> Cloning Strategy</a> Experiments & Protocols</a> BioBricks Submitted</a> Experimental Results</a> </ul> <td align="left" width="17%" valign="bottom">  Notebook  </a></ul> <td align="left" width="17%" valign="bottom">  Our Team  </a></ul>

<style type="text/css">

/**/ /* Menu headers                                                              */ /**/

width: 200px; height: 15px; margin: 0px auto; border: none; float: left; }
 * 1) II09_Menu_Header_Wrapper{

/* prepares the background image to full capacity of the viewing area */ position:absolute; z-index:0; width:200px; height: 15px; }
 * 1) II09_Menu_Header_Background {

/* Places the content on top of the background image */ position:relative; z-index:1; padding: 2px 4px; height: 15px; font: calibri; }
 * 1) II09_Menu_Header_Content {

/**/ /* Menu                                                                      */ /**/

width: 200px; margin: 5px 15px 0 15px; position: relative; float: left; font: Calibri; }
 * 1) menu {

padding: 0; margin: 0 0 10px 0; list-style: none; }
 * 1) menu ul {

margin:0; }
 * 1) menu li {

display: block; width: 185px; height: 19px; margin-top: 1px; margin-left:15px; background: url(http://openwetware.org/images/4/46/II09_Menu_ItemHover.png) no-repeat right bottom; padding: 2px 4px; text-decoration: none; color: #fff; font: calibri; }
 * 1) menu a {

display: block; width: 185px; height: 19px; margin-top: 1px; margin-left:15px; background: url(http://openwetware.org/images/b/bf/II09_Menu_Item.png) no-repeat right bottom; padding: 2px 4px; color: #000; font: calibri; }
 * 1) menu a:hover {

/*font-weight:bold; width: 200px; border: 1px solid #bbb; background: url(http://2008.igem.org/wiki/images/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom; color: #111; padding: 2px 4px;*/
 * 1) menu .selflink {

display: block; width: 200px; height: 30px; margin-top: 1px; border: 1px solid #bbb; background: url(http://2008.igem.org/wiki/images/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x left bottom; padding: 2px 4px; color: #000; font: calibri; }

margin: 0; padding: 0; width: 156px; }
 * 1) menu a.external {

/**/ /* Menu headers for each title                                               */ /**/

.menu_header_Home { font-weight:bold; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/5/51/II09_Menu_Header_Purple.png) repeat-x bottom; color: #111; padding: 2px 4px; text-align:left;

display: block; width: 200px; height: 35px; margin-top: 1px; border: 1px solid #bbb; font: calibri; padding: 2px 4px; color: #000; }

.menu_header_M1 { font-weight:bold; width: 200px; height: 35px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/2/29/II09_Menu_Header_Blue.png) repeat-x bottom; color: #111; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_M2 { font-weight:bold; width: 200px; height: 35px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/1/14/II09_Menu_Header_Green.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_M3 { font-weight:bold; width: 200px; height: 35px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/0/09/II09_Menu_Header_Yellow.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_Resources { font-weight:bold; width: 200px; height: 35px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/0/05/II09_Menu_Header_Orange.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_Ethics { font-weight:bold; width: 200px; height: 35px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/8/86/II09_Menu_Header_Red.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_Team { font-weight:bold; width: 200px; height: 35px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/b/b0/II09_Menu_Header_Maroon.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; }



<li><strong class="menu_header_Home"><img src="http://2009.igem.org/wiki/images/8/83/II09_Thumb_home.png" width="15%" align="left">Home </li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Home"> Home</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Project"> Project Description</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Major_results"> Major results</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Biobricks"> Submitted parts</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Achievements"> Achievements</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Manufacturing"> Manufacturing considerations</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Genealogy"> Genealogy</a></li> </ul>

<ul> <li class="menu_header_M1"><img src="http://2009.igem.org/wiki/images/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M1"> Overview</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M1/Genetic"> Genetic circuit</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M1/Results"> Results</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M1/Modelling"> Modelling</a></li> </ul>

<ul> <li class="menu_header_M2"><img src="http://2009.igem.org/wiki/images/d/df/II09_Thumb_m2.png" width="15%" align="left">Module 2: Encapsulation     </li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M2"> Overview</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M2/Genetic"> Genetic circuit</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M2/Results"> Results</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M2/Modelling"> Modelling</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M2/Pictures"> Picture gallery</a></li> </ul>

<ul> <li class="menu_header_M3"><img src="http://2009.igem.org/wiki/images/2/25/II09_Thumb_m3.png" width="15%" align="left">Module 3: Genome Deletion</li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M3"> Overview</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M3/Genetic"> Genetic circuit</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M3/Results"> Results</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/M3/Modelling"> Modelling</a></li> </ul>

<ul> <li class="menu_header_Resources"> Resources</li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Wetlab"> Wetlab</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Drylab"> Drylab</a></li> </ul>

<ul> <li class="menu_header_Ethics"> Ethics Project</li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Ethics"> Overview</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Ethics/Videos"> Video gallery</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Ethics/Contribute"> Contribute!</a></li> </ul>

<ul> <li class="menu_header_Team"> Team</li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Team"> Who are we?</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li> <li><a href="http://2009.igem.org/Team:Imperial_College_London/Friends"> Our friends</a></li> </ul>