Template:Template HD

 body.mediawiki { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; font-family: Calibri, Verdana, helvetica, sans-serif; }		h1.firstHeading { display: none; }		p { text-align: justify; }		a:link { color: #324CE5; text-decoration: none } 		a:visited { color:#324CE5; text-decoration: none }		a:hover { color:#f29400; text-decoration: none }		a:active { color:#f29400; text-decoration: none }		#bodyContent { padding: 10px auto; width: 910px; margin: 173px auto; clear: none; } table#team_members { text-align: justify; border: 0; } table#team_members h2, table#team_members h3 { clear: both; } #content * a:hover {text-decoration:none;} #navigation a { padding: 0px 10px 0 10px; line-height: 46px; font-size: 1.2em; }		#navigation a:hover { color: #00b6eF; text-decoration: none; /* background: transparent; */ }		#main_wrapper { position:absolute; left:0px; top:0px; margin: 0; width: 975px; height: 173px; align: center; background-color: #FFFFFF; }		#header { position:absolute; left:0px; width:975px; height:173px; background-color:#FFFFFF; background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/7/78/Header3.png); background-repeat: no-repeat; font: Calibri, Verdana, helvetica, sans-serif; font-style: bold; color:#FFFFFF; }		#navigation { position:absolute; left:0px; top:110px; left:0px; width:888px; height:54px; z-index:100; background-color: transparent; float: left; background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/0/0e/Navigation4.png); background-repeat: no-repeat; color: #0000FF; }		#image { position:absolute; top:0px; left:0px; width:640px; height:146px; z-index:50; background-color: transparent; float: left; font-size: 1em; background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/50/Image4.png); background-repeat: no-repeat; color: #0000FF; }

/*---*/ div.MenuBar ul li ul.DropDownMenu { display: none; /* Hides all drop-down menus. */ } /* li:hover works in IE7 and FF2. a:hover works in IE6 and FF2. a:hover breaks li:hover in FF2. div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu { display: none; /* Hides all side menus. */ }

/*- Menu Bar */ div.MenuBar { font: Calibri, Verdana, helvetica, sans-serif; height: 30px; width: 910px; /*width: 100%*/ margin: 0; border-top: 0; border-right: 0; border-left: 0; padding: 0; background: transparent; } div.MenuBar ul { font: Calibri, Verdana, helvetica, sans-serif; text-align: center; list-style-type: none; font-size: 1.2em; margin: 0.5em auto; border: 0; padding: 0; background: transparent; } div.MenuBar ul li { font: Calibri, Verdana, helvetica, sans-serif; display: block; padding: 0; margin: 0; font-size: 1em; float: left; background: transparent; text-align: center; width: relative; /* sets width of menu bar element (relative or fix) */ position: relative; /* Sets the positioning context for each drop-down menu. */ }

div.MenuBar ul li a { /* Einstellungen des DropDowns */ font: Calibri, Verdana, helvetica, sans-serif; display: block; background: transparent; height: 4ex; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ color: #FFFFFF; padding-top: 0.4ex; padding-bottom: 0.4ex; padding-left: 1em; /* Sets the left space between top-level items. */ padding-right: 1em; /* Sets the right space between top-level items. */ text-decoration: none; }

/*-- Drop-Down Menus */ div.MenuBar ul li:hover ul.DropDownMenu, div.MenuBar ul li a:hover ul.DropDownMenu { /*der graue Kasten unterm Menu*/ display: block; width: 4.5em; /*Drop-down menu width. Use MenuTailor.css to customize. */ height: 0ex; padding: 0ex; /* Sets the drop-down menu "effective border" width. */ position: relative;  /*absolute*/ top: 0em; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */ left: 0px; /* Aligns the drop-down menu to its top-level item. */ background-color: transparent; /* Selected item. */ color: transparent; }

div.MenuBar ul li:hover ul.DropDownMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a { width: 8em; /* Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ height: 1em; padding-left: 0; padding-right: 0; background-color: transparent; /* Selected item. */ color: #FFFFFF; }

ul.DropDownMenu li a span { display: block; padding-left: 0.25em; padding-right: 0.05em; text-align: right; /* Aligns the >> symbol to the right. */ }

ul.DropDownMenu li a span span { float: left; /* Aligns the text (back) to the left. */ font: 1.5ex Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */  height: 4ex; color: #FFFFFF; } /*--- Side Menus */ /*---in unserem Falle unbenutzt -*/ div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { display: block; width: 11em; /* Side menu width. Use MenuTailor.css to customize. */ padding: 1px; /* Sets the side menu "effective border" width. */ position: absolute; top: -1px; /* Aligns the side menu to its drop-down menu item. Keep it sync with the side menu "effective border" width. */ left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ } div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { width: 11em; /* Keep it sync with the side menu width. Use MenuTailor.css to customize. */ font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ } div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span { padding-left: 1.5em; /* Sets the left space of each side menu item. */ padding-right: 0.5em; /* Sets the right space of each side menu item. */ text-align: left; font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ } /*- Browser Specific */ position: relative; /* For IE55 and IE6. Hidden (* html) from non-IE browsers. */ } float: left; /* For IE55 and IE6. Breaks O9. Hidden (* html) from non-IE browsers. */ } cursor: hand; /* For IE55. Hidden (* html) from non-IE browsers. */ } ul.DropDownMenu li a:hover { cursor: pointer; /* For IE6 and IE7. Hidding it (* html) from non-IE browsers breaks IE7! */ } text-decoration: none; /* For IE55 and IE6. Hidden (* html) from non-IE browsers. */ } border: 0px none; /* For IE55 and IE6. Hidden (* html) from non-IE browsers. */ } /*--- Default Colors */ div.MenuBar { background-color: Menu; /* border-bottom: 0px solid ButtonShadow; */ } div.MenuBar a { background-color: Menu; /* Top-level unselected items. */ color: Menu; } div.MenuBar ul li:hover a, div.MenuBar ul li a:hover { color: #00b6ef; background-color: Highlight; /* Top-level selected item. */ color: HighlightText; } /*...............................................................................................*/ div.MenuBar ul li:hover ul.DropDownMenu, div.MenuBar ul li a:hover ul.DropDownMenu { background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */ } div.MenuBar ul li:hover ul.DropDownMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a { background-color: Menu; /*Drop-down menu unselected items. Sets the drop-down menu "effective background" color. */ color: MenuText; } div.MenuBar ul li:hover ul.DropDownMenu li:hover a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { background-color: Highlight; /* Drop-down menu selected item. */ color: HighlightText; } /*...............................................................................................*/ div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { background-color: ButtonShadow; /* Sets the side menu "effective border" color. */ } div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { background-color: Menu; /* Side menu unselected items. Sets the side menu "effective background" color. */ color: MenuText; } div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { background-color: Highlight; /* Side menu selected item. */ color: HighlightText; } /*---*/ /*Script-Free 3-Level Menu 1.2 Tailor www.CesarDaniel.info /*-- General */ body { background: white; color: black; margin: 0; border: 0; padding: 0; }
 * html div.MenuBar {
 * html div.MenuBar ul li a {
 * html ul.DropDownMenu li a:hover {
 * html div.MenuBar a:hover {
 * html div.MenuBar ul li table,
 * html div.MenuBar ul li table td {

} --> div.MenuBar ul { font: 1.1em Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ } /*--- Colors */ div.MenuBar { background-color: #FFFFFF; /* Selected item. */ color: #FFFFFF; /*border-bottom: 1px solid ButtonShadow;*/ }

div.MenuBar a, div.MenuBar ul li:hover ul.DropDownMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a, div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { background-color: #000000; /* DropDown Selected item. Hintergrund*/ color: #FFFFFF; /* DropDown TextFarbe */ }

div.MenuBar ul li:hover a, div.MenuBar ul li a:hover{ background-color: transparent; /* Selected item. */ color: #00B6EF; } div.MenuBar ul li:hover ul.DropDownMenu li:hover a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover, div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { background-color: black; /* Selected item. */ color: #FFFFFF; } div.MenuBar ul li:hover ul.DropDownMenu, div.MenuBar ul li a:hover ul.DropDownMenu, div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */ } /*--- Widths */ /*

/* Menu Bar 1 Drop-Down Menu #2 div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4, div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a { width: 11em; /* Drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5, div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a { width: 12em; /* Drop-down menu width. */ }

/*...............................................................................................*/ /* Menu Bar 1 Drop-Down Menu #2 Side Menu #1 div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 { left: 15.5em !important; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1, div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a { width: 10em; /* Side menu width. */ } /*...............................................................................................*/ /* Menu Bar 1 Drop-Down Menu #2 Side Menu #2 div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 { left: 15.5em !important; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2, div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a { width: 10em; /* Side menu width. */ } /*...............................................................................................*/ /* Menu Bar 1 Drop-Down Menu #2 Side Menu #3 div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 { left: 15.5em !important; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3, div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a { width: 10em; /* Side menu width. */ } /*...............................................................................................*/

body#home #mainHome a, body#team .aTeam, body#project .aProject, body#notebook .aNotebook, body#modeling .aModeling, body#sponsor .aSponsor, body#misc .aMisc, body#parts .aParts { color: #F08F03; cursor: default; }

body#misc #image { position:absolute; top:0px; left:0px; width:640px; height:146px; z-index:50; background-color: transparent; float: left; font-size: 1em; background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/0/0e/Navigation4.png); background-repeat: no-repeat; color: #0000FF; }

div.MenuBar ul li a.current:link { color: #F08F03; cursor: default; }

 body { background-color:#0a0a25; }    Home    Team   Overview    Advisors  </a></li>  Undergraduates </a></li>  Scientific Environment </a> </ul> </li> <li id="mainProject"> Project</a> <ul class="DropDownMenu" id="MB1-DDM1">  Overall Project </a></li>  Material & Methods  </a>  Natural Promoters  </a></li>  Synthetic Promoters  </a></li> <a href="http://2009.igem.org/Team:Heidelberg/Project/Multi-color_output"> Multi-Color Output  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Project/Stable_cell_line"> Stable Cell Line  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Project/Modeling"> Modeling  </a></li> </ul> </li>

<li id="mainParts"> <a class="aParts" href="http://2009.igem.org/Team:Heidelberg/Parts">Parts</a> </li>

<li id="mainModeling"> <a class="aModeling" href="http://2009.igem.org/Team:Heidelberg/Modeling">Modeling</a> <ul class="DropDownMenu" id="MB1-DDM3"> <li><a href="http://2009.igem.org/Team:Heidelberg/Modeling"> Overview  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_DB"> HEARTBEAT DB  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_GUI"> HEARTBEAT GUI  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_Network"> Network Modeling  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/Modeling"> Notebook  </a></li>

</ul> </li> <li id="mainNotebook"> <a class="aNotebook" href="http://2009.igem.org/Team:Heidelberg/Notebook/Overview">Notebook</a> <ul class="DropDownMenu" id="MB1-DDM5"> <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/Natural_promoters"> Natural Promoters  </a> </li> <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/synthetic_promoters"> Synthetic Promoters  </a> </li> <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/stable_cell_line"> Stable Cell Line  </a> </li> <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/Multi-color_Output"> Multi-color Output  </a> </li>

<li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/Modeling"> Modeling  </a> </li>

<li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/Measurements"> Measurements  </a> </li>

<li><a href="http://2009.igem.org/Team:Heidelberg/Notebook/material"> Material & Methods  </a> </ul> </li> <li id="mainSponsors"> <a class="aSponsor" href="http://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a> </li>

<li id="mainMisc"> <a class="aMisc" href="http://2009.igem.org/Team:Heidelberg/Miscellaneous">Misc</a> <ul class="DropDownMenu" id="MB1-DDM3"> <li><a href="http://2009.igem.org/Team:Heidelberg/News"> NEWS  </a></li> <li><a href="http://2009.igem.org/Team:Heidelberg/Miscellaneous/Links"> Links  </a></li> </ul> </li>

</ul>