Template:Template HD 3

From 2009.igem.org

(Difference between revisions)
(Undo revision 169778 by Lucas.schirmer (Talk))
 
(248 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style type="text/css">
+
      <style type="text/css">
 +
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
 +
 
 +
      .clear {clear:both;}
body.mediawiki {
body.mediawiki {
background-color:#494d51;
background-color:#494d51;
Line 9: Line 12:
font-family: Calibri, Verdana, helvetica, sans-serif;
font-family: Calibri, Verdana, helvetica, sans-serif;
}
}
 +
h2 {padding: 10px 20px;
 +
                        font-size: 18px;
 +
                        color: #eb8300;
 +
                        text-decoration: none;
 +
                        font-weight: bold;}
 +
                        border: none;
 +
h2 a {color: #eb8300;}
 +
h3 {padding: 10px 20px;
 +
                        font-size: 16px;
 +
                        color: #000;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
h1.firstHeading {
h1.firstHeading {
display: none;
display: none;
Line 24: Line 39:
}
}
a:hover {
a:hover {
-
color:#f29400;
+
                        color: #eb8300;
text-decoration: none
text-decoration: none
}
}
Line 31: Line 46:
text-decoration: none
text-decoration: none
}
}
-
#bodyContent { padding: 10px auto; width: 910px; margin: 225px auto; clear: none;}
+
#bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;}
 +
                #content {padding-left: 0px; width: 970px;}
table#team_members { text-align: justify; border: 0; }
table#team_members { text-align: justify; border: 0; }
table#team_members h2, table#team_members h3 { clear: both; }
table#team_members h2, table#team_members h3 { clear: both; }
#content * a:hover {text-decoration:none;}
#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; */
 
-
}
 
-
                #mainHome a {padding: 0 10px 0 20px;}
 
#main_wrapper {
#main_wrapper {
                         position:absolute; left:0px; top:0px;
                         position:absolute; left:0px; top:0px;
Line 60: Line 65:
width: 969px;
width: 969px;
height: 221px;
height: 221px;
-
align: center;
+
align: left;
background-color: #FFFFFF;
background-color: #FFFFFF;
                         background-image: url(https://static.igem.org/mediawiki/2009/1/1a/WebsiteHeader_2t.jpg);  
                         background-image: url(https://static.igem.org/mediawiki/2009/1/1a/WebsiteHeader_2t.jpg);  
}
}
#navigation {
#navigation {
-
position:absolute; left:0px; top:150px; left:0px; width:793px; height:69px;
+
position:absolute; left:0px; top:150px; width:793px; height:69px;
z-index:100; background-color: transparent; float: left;  
z-index:100; background-color: transparent; float: left;  
-
background-image: url(https://static.igem.org/mediawiki/2009/5/53/NaviBar.png);
 
-
background-repeat: no-repeat;
 
color: #0000FF;
color: #0000FF;
}
}
-
#image {
+
#super_main_wrapper {
-
position:absolute; top:32px; left:600px; width:367px; height:182px;
+
                        position:absolute; left:0px; top:227px;
-
z-index:50; background-color: transparent; float: left; font-size: 1em;
+
width: 975px;
-
background-image: url(https://static.igem.org/mediawiki/2009/2/28/Logo_1.png);
+
align: center;
-
background-repeat: no-repeat;
+
background-color: #ede8e2;
-
color: #0000FF;
+
                         heigth: auto;
-
}
+
-
                #content, #bodyContent table{
+
-
                         background-color: #EDE8E2;
+
                 }
                 }
-
+
                #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;
 +
                        height:200px;
 +
                        width: 323px;
 +
                        float:left;}
 +
                #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;
 +
                        color: #FFF;}
 +
                #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
 +
                        font-weight: bold;
 +
                        font-size: 18px;
 +
                        color: #FFF;}
 +
                #orangeBox a, #greenBox a, #blueBox a {
 +
                        padding-right: 20px;
 +
                        font-weight: bold;
 +
                        font-size: 14px;
 +
                        display: block;
 +
                        text-align: right;
 +
                        color: #FFF;} 
 +
                #orangeBox {margin-left: 3px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);}
 +
                #greenBox {background-image: url(https://static.igem.org/mediawiki/2009/9/97/GreenBox.jpg);}
 +
                #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
-
/*-----------------------------------------------------------------------------------------------*/
+
                #SubWrapper {width: 645px;
-
div.MenuBar ul li ul.DropDownMenu {
+
                        padding: 0px;
-
  display: none; /* Hides all drop-down menus. */
+
                        border-left:4px solid #ede8e2;
-
}
+
                        float: left;
-
/*
+
                        margin-top: 3px;
-
li:hover works in IE7 and FF2.
+
                        background-color: #ede8e2;}
-
a:hover works in IE6 and FF2.
+
                #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
-
a:hover breaks li:hover in FF2.
+
                        text-align: justify;
-
*/
+
                        font-size: 12px;}
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
                #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
                        font-size: 18px;}
-
  display: none; /* Hides all side menus. */
+
                #news {width: 322px;
-
}
+
                        margin-top: 3px;
 +
                        float: left;
 +
                        background-color: #d8d5d0;
 +
                        border-right:4px solid #ede8e2;}
 +
              #news p {padding: 0 20px 20px 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
                #news h3 {padding: 10px 20px;
 +
                        font-size: 18px;}
 +
                #mission_box {width:650px;
 +
                        float: left;}
 +
                #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {width:215px;
 +
                        float: left;
 +
                        padding: 10px 0 0 0;}
 +
                div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
               
-
div.MenuBar {
+
<!-- ################# Navi styles ######################### -->
-
  font: Calibri, Verdana, helvetica, sans-serif;
+
#menu * {
-
  height: 30px;
+
margin: 0;
-
  width: 910px;
+
padding: 0;
-
  /*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 */
+
#menu {
-
  font: Calibri, Verdana, helvetica, sans-serif;
+
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
-
  display: block;
+
font-family: calibri, verdana, sans-serif;
-
  background: transparent;
+
font-size: 14px;
-
  height: 4ex; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
background-color: transparent;
-
  color: #FFFFFF;
+
float:left;
-
  padding-top: 0.4ex;
+
padding: 10px 0 0 0;
-
  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 */
+
#menu ul {
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
float: left;
-
div.MenuBar ul li a:hover ul.DropDownMenu { /*der graue Kasten unterm Menu*/
+
list-style: none;
-
  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,
+
#menu ul li {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
background-color:transparent;
-
  width: 8em; /* Keep it sync with the drop-down menu width.
+
        position:relative;
-
                            Use MenuTailor.css to customize. */
+
float:left;
-
  height: 1em;
+
list-style: none;
-
  padding-left: 0;
+
padding: 10px 15px 0 0;
-
  padding-right: 0;
+
        font-weight: bold;
-
  background-color: transparent; /* Selected item. */
+
        width: auto;
-
  color: #FFFFFF;
+
}
-
}
+
-
ul.DropDownMenu li a span {
+
#menu a {
-
  display: block;
+
color: #FFF;
-
  padding-left: 0.25em; <!-- /* Sets the left space of each drop-down menu item. */ -->
+
display: inline;
-
  padding-right: 0.05em; <!-- /* Sets the right space of each drop-down menu item. */ -->
+
text-decoration: none;
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
}
-
}
+
-
ul.DropDownMenu li a span span {
+
#menu a:visited {
-
  float: left; /* Aligns the text (back) to the left. */
+
color:#FFFFFF;
-
  font: 1.5ex Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße 1.Level -->
+
text-decoration: none
-
  height: 4ex; <!-- Höhe des 1. Levels -->
+
}
-
  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 */
+
-
* html div.MenuBar {
+
-
  position: relative; /* For IE55 and IE6.
+
-
                        Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html div.MenuBar ul li a {
+
-
  float: left; /* For IE55 and IE6.
+
-
                  Breaks O9.
+
-
                  Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html ul.DropDownMenu li a:hover {
+
-
  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! */
+
-
}
+
-
* html div.MenuBar a:hover {
+
-
  text-decoration: none; /* For IE55 and IE6.
+
-
                            Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html div.MenuBar ul li table,
+
-
* html div.MenuBar ul li table td {
+
-
  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;
+
-
}
+
 +
#menu a:hover {
 +
color: #00a5ea;
 +
}
-
<!-- div.MenuBar { font: 0.85em Calibri, Verdana, helvetica, sans-serif; <!-- Schriftgröße MenuBar --> } -->
+
#menu ul li ul {
-
div.MenuBar ul { font: 1.1em Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße MenuBar -->
+
display: none;
-
}
+
position: absolute;
-
/*--------------------------------------------------------------------------------------- Colors */
+
left: -20px;  
-
div.MenuBar {
+
        width: 155px;
-
  background-color: #FFFFFF; /* Selected item. */
+
        heigth: 1%;
-
  color: #FFFFFF;
+
font-size: 12px;
-
  /*border-bottom: 1px solid ButtonShadow;*/
+
opacity: 0.8;
-
}
+
list-style: none;
 +
        top: 19px;
 +
        padding-top: 9px;
 +
        z-index:500;
 +
}
-
div.MenuBar a,
+
#menu ul li:hover ul {
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
display: inline;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
+
        background-position: bottom;
-
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,
+
#menu ul li ul li {
-
div.MenuBar ul li a:hover{
+
width: 100%;
-
  background-color: transparent; /* Selected item. */
+
list-style: none;
-
  color: #00B6EF;
+
        background-color: #000;
-
}
+
        margin: -1px;
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
        padding: 0 0 0 5px;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
+
        display: inline;
-
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#home #mainHome a,
Line 415: Line 212:
body#notebook .aNotebook,
body#notebook .aNotebook,
body#modeling .aModeling,
body#modeling .aModeling,
-
body#sponsor .aSponsor,
+
body#sponsors .aSponsors,
-
body#misc .aMisc,
+
body#eucaryopedia .aEucaryopedia,
body#parts .aParts
body#parts .aParts
-
{ color: #F08F03; cursor: default; }
+
{ 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; }
 
</style>
</style>
</head>
</head>
 +
Line 437: Line 226:
<body>
<body>
 +
<!--[if IE]>
<style type="text/css">
<style type="text/css">
-
body {
+
#SubWrapper {width: 645px;}
-
background-color:#0a0a25;
+
#news {width: 317px;}
-
}
+
#super_main_wrapper {position:static;}
 +
#navigation {left: 15px;}
 +
#menu ul li ul {left: -2px; top: 22px;}
</style>
</style>
 +
<![endif]--> 
<div id="main_wrapper">  
<div id="main_wrapper">  
   <div id="header">
   <div id="header">
-
        <div id="image"></div>
+
<div id="navigation">
-
<div class='MenuBar' id="navigation">
+
<div id="menu" style="position:static">
-
<ul id="naviUL">
+
<ul>
-
<li id="mainHome">
+
  <li id="mainHome"><a class="aMain" href="https://2009.igem.org/Team:Heidelberg">Home</a></li>
-
<a href="https://2009.igem.org/Team:Heidelberg">Home
+
  <li id="mainTeam"><a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team</a>
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
<ul>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team">Overview</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Students">Students</a></li>
-
</li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li>
-
<li id="mainTeam">
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Scientific_Environment">Scientific Environment</a></li>
-
<a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team<!--
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Gallery">Gallery</a></li>
-
                          [if gt IE 6]><!--></a><!--<![endif]-->
+
</ul>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
    </li>
-
<ul class="DropDownMenu" id="MB1-DDM6">
+
    <li id="mainProject"><a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project</a>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team"><span><span>Overview</span></span></a></li>
+
<ul>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors"><span><span>Advisors</span></span></a></li>
+
          <li><a href="https://2009.igem.org/Team:Heidelberg/Project">Abstract</a></li>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Undergraduates"><span><span>
+
          <!--<li><a href="https://2009.igem.org/Team:Heidelberg/Project_Highlights">Highlights</a></li>-->
-
                            Undergraduates</span></span></a></li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Introduction">Introduction</a></li>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team/scientific_environment"><span><span>Scientific  
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Measurement">Measurement</a></li>
-
                              Environment</span></span><!--[if
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Synthetic_promoters">Synthetic Promoters</a></li>
-
                        gt IE 6]><!--></a><!--<![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a></li>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Further">Further Subprojects</a></li>
-
                                        </ul>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_SaO">Summary &amp; Outlook</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_References">References</a></li>
-
</li>
+
          <li><a href="https://2009.igem.org/Team:Heidelberg/Acknowledgement">Acknowledgements</a></li>
-
<li id="mainProject">
+
-
<a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM1">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project"><span><span>Overall
+
-
                              Project</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Natural_promoters"><span><span>Natural Promoters</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Synthetic_promoters"><span><span>Synthetic Promoters</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Multi-color_output"><span><span>Multi-Color Output</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Stable_cell_line"><span><span>Stable Cell Line</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Modeling"><span><span>Modeling</span></span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
 
+
-
<li id="mainParts">
+
-
<a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
+
-
</li>
+
-
 
+
-
 
+
-
<li id="mainModeling">
+
-
<a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/Modeling">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM3">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Modeling"><span><span>Overview</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_DB"><span><span>HEARTBEAT DB</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_GUI"><span><span>HEARTBEAT GUI</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_Network"><span><span>Network Modeling</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Modeling"><span><span>Notebook</span></span></a></li>
+
-
 
+
-
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li id="mainNotebook">
+
-
<a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook/Overview">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM5">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Natural_promoters"><span><span>Natural Promoters</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/synthetic_promoters"><span><span>Synthetic Promoters</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/stable_cell_line"><span><span>Stable Cell Line</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Multi-color_Output"><span><span>Multi-color Output</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Modeling"><span><span>Modeling</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements"><span><span>Measurements</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li id="mainSponsors">
+
-
<a class="aSponsor" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a>
+
-
</li>
+
-
 
+
-
 
+
-
<li id="mainMisc">
+
-
<a class="aMisc" href="https://2009.igem.org/Team:Heidelberg/Miscellaneous">Misc<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM3">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/News"><span><span>NEWS</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Miscellaneous/Links"><span><span>Links</span></span></a></li>
+
-
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
 
+
</ul>
</ul>
 +
    </li>
 +
  <li id="mainParts"><a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
 +
      <ul>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Parts_Characterization">Characterization</a></li>
 +
      </ul>
 +
  </li>
 +
  <li id="mainModeling"><a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a>
 +
<ul>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">What is HEARTBEAT?</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_database">HEARTBEAT Database</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_GUI">HEARTBEAT GUI</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_gui">GUI Documentation</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li>
 +
</ul>
 +
    </li>
 +
  <li id="mainNotebook"><a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a>
 +
<ul>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_natural_promoters_overview">Natural Promoters</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_synthetic_promoters">Synthetic Promoters</a></li>
 +
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_promoters_cells">Cell Culture, Promoters</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_cell_line">Stable Cell Line</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_color_output">Multi-Color Output</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_modeling">HEARTBEAT</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_measure">Measurements</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_MaM">Material &amp; Methods</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_meetings">Team Meetings</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Biosafety">Biosafety</a></li>
 +
</ul>
 +
    </li>
 +
  <li id="mainEucaryopedia"><a class="aEucaryopedia" href="https://2009.igem.org/Team:Heidelberg/Eukaryopedia">Eukaryopedia</a></li>
 +
  <li id="mainSponsors"><a class="aSponsors" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li>
 +
</ul>
 +
</div><!-- end drop menu -->
 +
</div> <!-- end navigation -->
</div>
</div>
-
  </div>
 
</div>
</div>
-
</body>
+
<!-- For IE 6 -->
-
</html>
+
<script type="text/javascript">
 +
window.onload = function() {
 +
      var lis = document.getElementsByTagName('li');
 +
      for(i = 0; i < lis.length; i++) {
 +
            var li = lis[i];
 +
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
 +
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
 +
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
 +
            }
 +
      }
 +
}
 +
</script>
 +
</body></html>

Latest revision as of 21:40, 16 June 2010

Retrieved from "http://2009.igem.org/Template:Template_HD_3"