Template:Template HD FirstPage

From 2009.igem.org

(Difference between revisions)
 
(200 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
body.mediawiki {
body.mediawiki {
-
background-color:#005376;
+
background-color:#494d51;
background-position: center center;
background-position: center center;
background-attachment: fixed;
background-attachment: fixed;
Line 9: Line 9:
font-family: Calibri, Verdana, helvetica, sans-serif;
font-family: Calibri, Verdana, helvetica, sans-serif;
}
}
 +
                .clear{clear:both;}
h1.firstHeading {
h1.firstHeading {
display: none;
display: none;
Line 31: Line 32:
text-decoration: none
text-decoration: none
}
}
-
#bodyContent { padding: 10px auto; width: 910px; margin: 225px auto; clear: none;}
+
#bodyContent { padding: 10px auto; width: 910px; margin: 225px 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;}
#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 {
#main_wrapper {
                         position:absolute; left:0px; top:0px;
                         position:absolute; left:0px; top:0px;
Line 53: Line 42:
border-style: solid;
border-style: solid;
                         border-color: white;
                         border-color: white;
-
                        background-color: #ede8e2;
 
}
}
#header {
#header {
Line 65: Line 53:
}
}
#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-image: url(https://static.igem.org/mediawiki/2009/5/53/NaviBar.png);
Line 71: Line 59:
color: #0000FF;
color: #0000FF;
}
}
 +
                #mainHome a {padding: 0 10px 0 20px;}
#image {
#image {
-
position:absolute; top:34px; left:600px; width:367px; height:182px;
+
position:absolute; top:32px; left:600px; width:367px; height:182px;
z-index:50; background-color: transparent; float: left; font-size: 1em;
z-index:50; background-color: transparent; float: left; font-size: 1em;
background-image: url(https://static.igem.org/mediawiki/2009/2/28/Logo_1.png);
background-image: url(https://static.igem.org/mediawiki/2009/2/28/Logo_1.png);
Line 80: Line 69:
#super_main_wrapper {
#super_main_wrapper {
                         position:absolute; left:0px; top:227px;
                         position:absolute; left:0px; top:227px;
-
                        padding: 0 0 30px 0;
+
margin-bottom: 30px;
-
margin: 0;
+
width: 975px;
width: 975px;
-
                        height: 500px;
 
align: center;
align: center;
background-color: #ede8e2;
background-color: #ede8e2;
 +
                        heigth: auto;
                 }
                 }
-
                 #orangeBox {height:200px; width: 300px; background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg); float:left;}
+
                #super_main_wrapper * img, #super_main_wrapper * * img {border-color: #FFF; border-style:solid; text-align:center; margin: 0 auto;}
-
                 #greenBox {height:200px; width: 300px; background-image: url(https://static.igem.org/mediawiki/2009/9/97/GreenBox.jpg); float:left;}
+
                 #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;
-
                 #blueBox {height:200px; width: 300px; background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg); float:left;}
+
                        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: 647px;
-
div.MenuBar ul li ul.DropDownMenu {
+
                        float: left;
-
  display: none; /* Hides all drop-down menus. */
+
                        margin-left: 3px;
-
}
+
                        margin-top: 3px;
-
/*
+
                        background-color: #ede8e2;}
-
li:hover works in IE7 and FF2.
+
                #SubWrapper * p {padding: 0 20px;
-
a:hover works in IE6 and FF2.
+
                        text-align: justify;
-
a:hover breaks li:hover in FF2.
+
                        font-size: 12px;}
-
*/
+
                #SubWrapper * h3 {padding: 10px 20px;
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
                        font-size: 18px;}
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
                #news {width:320px;
-
  display: none; /* Hides all side menus. */
+
                        margin-top: 3px;
-
}
+
                        float: left;
 +
                        background-color: #d8d5d0;}
 +
              #news p {padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
                #news h3 {padding: 10px 20px;
 +
                        font-size: 18px;}
 +
                #mission {width:650px;
 +
                        float: left;}
 +
                #team, #heartbeat, #notebook, #parts, #gallery, #sponsors {width:215px;
 +
                        float: left;
 +
                        padding: 10px 0 0 0;}
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
<!-- ################# Navi styles ######################### -->
-
div.MenuBar {
+
#menu * {
-
  font: Calibri, Verdana, helvetica, sans-serif;
+
margin: 0;
-
  height: 30px;
+
padding: 0;
-
  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 */
+
#menu {
-
  font: Calibri, Verdana, helvetica, sans-serif;
+
behavior: url(https://www.bioquant.uni-heidelberg.de/fileadmin/igem/wiki_docs/csshover.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.
+
float:left;
-
                            Use MenuTailor.css to customize. */
+
position: relative;
-
  height: 1em;
+
list-style: none;
-
  padding-left: 0;
+
padding: 0 20px 0 0;
-
  padding-right: 0;
+
        font-weight: bold;
-
  background-color: transparent; /* Selected item. */
+
}
-
  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: block;
-
  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. */
+
font-size: 12px;
-
  color: #FFFFFF;
+
opacity: 0.8;
-
  /*border-bottom: 1px solid ButtonShadow;*/
+
list-style: none;
-
}
+
        top: 13px;
 +
        padding-top: 5px;
 +
}
-
div.MenuBar a,
+
#menu ul li:hover ul {
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
display: block;
-
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-left: 5px;
-
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#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; }
{ 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 445: Line 203:
<body>
<body>
-
<style type="text/css">
 
-
body {
 
-
background-color:#0a0a25;
 
-
}
 
-
</style>
 
<div id="main_wrapper">  
<div id="main_wrapper">  
-
  <div id="header">
+
<div id="header">
-
        <div id="image"></div>
+
<div id="image"></div>
-
<div class='MenuBar' id="navigation">
+
<div id="navigation">
-
<ul id="naviUL">
+
<div id="menu">
-
<li id="mainHome">
+
<ul>
-
<a href="https://2009.igem.org/Team:Heidelberg">Home
+
  <li><a href="https://2009.igem.org/Team:Heidelberg">Home</a></li>
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team">Team</a>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<ul>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
  <li><a href="#">Overview</a></li>
-
</li>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Students">Students</a></li>
-
<li id="mainTeam">
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li>
-
<a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team<!--
+
  <li><a href="#">Scientific Environment</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><a 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="#">Introduction</a></li>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Undergraduates"><span><span>
+
  <li><a href="#">Measurement</a></li>
-
                            Undergraduates</span></span></a></li>
+
  <li><a href="#">Synthetic Promoters</a></li>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team/scientific_environment"><span><span>Scientific
+
  <li><a href="#">HEARTBEAT</a></li>
-
                              Environment</span></span><!--[if
+
  <li><a href="#">Summary &amp; Outlook</a></li>
-
                        gt IE 6]><!--></a><!--<![endif]-->
+
</ul>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
    </li>
-
                                        </ul>
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
  <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling">Modeling</a>
-
</li>
+
<ul>
-
<li id="mainProject">
+
  <li><a href="#">Overview</a></li>
-
<a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
  <li><a href="#">HEARTBEAT Database</a></li>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
  <li><a href="#">HEARTBEAT GUI</a></li>
-
<ul class="DropDownMenu" id="MB1-DDM1">
+
  <li><a href="#">Network Modeling</a></li>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project"><span><span>Overall
+
</ul>
-
                              Project</span></span></a></li>
+
    </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/Notebook">Notebook</a>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Natural_promoters"><span><span>Natural Promoters</span></span></a></li>
+
<ul>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Synthetic_promoters"><span><span>Synthetic Promoters</span></span></a></li>
+
  <li><a href="#">Natural Promoters</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="#">Synthetic Promoters</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="#">Stable Cell Line</a></li>
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Project/Modeling"><span><span>Modeling</span></span></a></li>
+
  <li><a href="#">Multi-Color Output</a></li>
-
</ul>
+
  <li><a href="#">Modeling</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
  <li><a href="#">Measurements</a></li>
-
</li>
+
  <li><a href="#">Material &amp; Methods</a></li>
 +
</ul>
 +
    </li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Eucaryopedia">Eucaryopedia</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li>
 +
</ul>
-
<li id="mainParts">
+
</div><!-- end drop menu -->
-
<a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
+
</div> <!-- end navigation -->
-
</li>
+
</div> <!-- end header -->
-
 
+
</div> <!-- end main_wrapper -->
-
 
+
-
<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>
+
-
</div>
 
-
  </div>
 
-
</div>
 
-
<div id="super_main_wrapper">
 
-
<div id="orangeBox">hallo</div>
 
-
<div id="greenBox">huhu</div>
 
-
<div id="blueBox">hehe</div>
 
-
</div>
 
-
</body>
 
</html>
</html>

Latest revision as of 08:23, 13 October 2009

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