Template:Template HD FirstPage

From 2009.igem.org

(Difference between revisions)
 
(174 intermediate revisions not shown)
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;
 
-
                        font-weight: bold;
 
-
}
 
-
#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 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-bottom: 30px;
width: 975px;
width: 975px;
align: center;
align: center;
background-color: #ede8e2;
background-color: #ede8e2;
 +
                        heigth: auto;
                 }
                 }
 +
                #super_main_wrapper * img, #super_main_wrapper * * img {border-color: #FFF; border-style:solid; text-align:center; margin: 0 auto;}
                 #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;  
                 #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;  
                         height:200px;  
                         height:200px;  
                         width: 323px;  
                         width: 323px;  
                         float:left;}
                         float:left;}
-
                 #orangeBox p, #greenBox p, #blueBox p{padding: 0 15px;
+
                 #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
                         text-align: justify;
                         text-align: justify;
                         font-size: 12px;
                         font-size: 12px;
                         color: #FFF;}
                         color: #FFF;}
-
                 #orangeBox h3, #greenBox h3, #blueBox h3{padding: 10px 15px 0 15px;
+
                 #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
                         font-weight: bold;
                         font-weight: bold;
                         font-size: 18px;
                         font-size: 18px;
                         color: #FFF;}
                         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;
                 #orangeBox {margin-left: 3px;
                         background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);}
Line 103: Line 100:
                 #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
                 #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
-
                 #SubWrapper {width: 650px;
+
                 #SubWrapper {width: 647px;
                         float: left;
                         float: left;
-
                         background-color: blue;}
+
                        margin-left: 3px;
-
                 #news {width:250px;
+
                        margin-top: 3px;
 +
                         background-color: #ede8e2;}
 +
                #SubWrapper * p {padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
                #SubWrapper * h3 {padding: 10px 20px;
 +
                        font-size: 18px;}
 +
                 #news {width:320px;
 +
                        margin-top: 3px;
                         float: left;
                         float: left;
-
                         background-color: blue;}
+
                         background-color: #d8d5d0;}
-
                #mission {width:600px;
+
              #news p {padding: 0 20px;
-
                         float: left;
+
                         text-align: justify;
-
                         background-color: green;}
+
                         font-size: 12px;}
-
                 #team, #heartbeat, #notebook, #parts, #gallery, #sponsors {width:180px;
+
                #news h3 {padding: 10px 20px;
 +
                        font-size: 18px;}
 +
                #mission {width:650px;
 +
                        float: left;}
 +
                 #team, #heartbeat, #notebook, #parts, #gallery, #sponsors {width:215px;
                         float: left;
                         float: left;
-
                         background-color: red;}
+
                         padding: 10px 0 0 0;}
-
/*-----------------------------------------------------------------------------------------------*/
+
<!-- ################# Navi styles ######################### -->
-
div.MenuBar ul li ul.DropDownMenu {
+
#menu * {
-
  display: none; /* Hides all drop-down menus. */
+
margin: 0;
-
}
+
padding: 0;
-
/*
+
}
-
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 */
+
#menu {
-
div.MenuBar {
+
behavior: url(https://www.bioquant.uni-heidelberg.de/fileadmin/igem/wiki_docs/csshover.htc); <!-- fuer ie6 -->
-
  font: Calibri, Verdana, helvetica, sans-serif;
+
font-family: calibri, verdana, sans-serif;
-
  height: 30px;
+
font-size: 14px;
-
  width: 910px;
+
background-color: transparent;
-
  /*width: 100%*/
+
float:left;
-
  margin: 0;
+
padding: 10px 0 0 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 ul {
-
  font: Calibri, Verdana, helvetica, sans-serif;
+
float: left;
-
  display: block;
+
list-style: none;
-
  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 */
+
#menu ul li {
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
background-color:transparent;
-
div.MenuBar ul li a:hover ul.DropDownMenu { /*der graue Kasten unterm Menu*/
+
float:left;
-
  display: block;
+
position: relative;
-
  width: 4.5em; /*Drop-down menu width. Use MenuTailor.css to customize. */
+
list-style: none;
-
  height: 0ex;
+
padding: 0 20px 0 0;
-
  padding: 0ex; /* Sets the drop-down menu "effective border" width. */
+
        font-weight: bold;
-
  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 a {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
color: #FFF;
-
  width: 8em; /* Keep it sync with the drop-down menu width.
+
display: block;
-
                            Use MenuTailor.css to customize. */
+
text-decoration: none;
-
  height: 1em;
+
}
-
  padding-left: 0;
+
-
  padding-right: 0;
+
-
  background-color: transparent; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
ul.DropDownMenu li a span {
+
#menu a:visited {
-
  display: block;
+
color:#FFFFFF;
-
  padding-left: 0.25em; <!-- /* Sets the left space of each drop-down menu item. */ -->
+
text-decoration: none
-
  padding-right: 0.05em; <!-- /* Sets the right space of each drop-down menu item. */ -->
+
}
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
-
}
+
-
ul.DropDownMenu li a span span {
+
#menu a:hover {
-
  float: left; /* Aligns the text (back) to the left. */
+
color: #00a5ea;
-
  font: 1.5ex Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße 1.Level -->
+
}
-
  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 ul li ul {
 +
display: none;
 +
position: absolute;
 +
left: -20px;
 +
width: 155px;
 +
font-size: 12px;
 +
opacity: 0.8;
 +
list-style: none;
 +
        top: 13px;
 +
        padding-top: 5px;
 +
}
-
<!-- div.MenuBar { font: 0.85em Calibri, Verdana, helvetica, sans-serif; <!-- Schriftgröße MenuBar --> } -->
+
#menu ul li:hover ul {
-
div.MenuBar ul { font: 1.1em Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße MenuBar -->
+
display: block;
-
}
+
        background-position: bottom;
-
/*--------------------------------------------------------------------------------------- Colors */
+
}
-
div.MenuBar {
+
-
  background-color: #FFFFFF; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
  /*border-bottom: 1px solid ButtonShadow;*/
+
-
}
+
-
div.MenuBar a,
+
#menu ul li ul li {
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
width: 100%;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
+
list-style: none;
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
        background-color: #000;
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
        margin: -1px;
-
  background-color: #000000; /* DropDown Selected item. Hintergrund*/
+
        padding-left: 5px;
-
  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#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 470: 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]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM6">
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team"><span><span>Overview</span></span></a></li>
+
-
<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/Team_Members#Undergraduates"><span><span>
+
-
                            Undergraduates</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:Heidelberg/Team/scientific_environment"><span><span>Scientific  
+
-
                              Environment</span></span><!--[if
+
-
                        gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[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>
+
-
<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><a href="https://2009.igem.org/Team:Heidelberg/Project">Project</a>
 +
<ul>
 +
  <li><a href="#">Introduction</a></li>
 +
  <li><a href="#">Measurement</a></li>
 +
  <li><a href="#">Synthetic Promoters</a></li>
 +
  <li><a href="#">HEARTBEAT</a></li>
 +
  <li><a href="#">Summary &amp; Outlook</a></li>
 +
</ul>
 +
    </li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling">Modeling</a>
 +
<ul>
 +
  <li><a href="#">Overview</a></li>
 +
  <li><a href="#">HEARTBEAT Database</a></li>
 +
  <li><a href="#">HEARTBEAT GUI</a></li>
 +
  <li><a href="#">Network Modeling</a></li>
 +
</ul>
 +
    </li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a>
 +
<ul>
 +
  <li><a href="#">Natural Promoters</a></li>
 +
  <li><a href="#">Synthetic Promoters</a></li>
 +
  <li><a href="#">Stable Cell Line</a></li>
 +
  <li><a href="#">Multi-Color Output</a></li>
 +
  <li><a href="#">Modeling</a></li>
 +
  <li><a href="#">Measurements</a></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>
-
</div>
+
</div><!-- end drop menu -->
-
  </div>
+
</div> <!-- end navigation -->
-
</div>
+
</div> <!-- end header -->
-
<div id="super_main_wrapper">
+
</div> <!-- end main_wrapper -->
-
<div id="orangeBox"><h3>Design your own promotor</h3>
+
-
<p>As one of the most important approaches to synthezise synthetic promotors we developed a database that predicts the position of conserved promotor binding sequences. We identified conserved sequences ourselves, analyzed the data and coded an easy to use interface that is available for public use. </p>
+
-
<h3> Start design... </h3>
+
-
</div>
+
-
<div id="greenBox"><h3>Mission 2009</h3>
+
-
<p>Mammalian synthetic biology has huge potential, but it is in need of new standards and of systematic construction of comprehensive part libraries. Promoters are the fundamental elements of every synthetic biological system. We have developed and successfully applied two novel, in silico guided methods for the rational construction of synthetic promoters. </p>
+
-
</div>
+
-
<div id="blueBox"><h3>Mission accomplished</h3>
+
-
<p>We generated and characterized sets of constitutive and inducible promotors of different strength. We combined a subset of these promotors with our targeted fluorescent protein tag and could thus show... Furthermore we characterized the eukaryotic standart  </p>
+
-
</div>
+
-
 
+
-
<div id="SubWrapper"> 
+
-
<div id="mission">  </div>
+
-
<div id="team">  </div>
+
-
<div id="heartbeat">  </div>
+
-
<div id="notebook">  </div>
+
-
<div id="parts">  </div>
+
-
<div id="gallery">  </div>
+
-
<div id="sponsors">  </div>
+
-
</div> <!-- end SubWrapper -->
+
-
 
+
-
<div id="news">  
+
-
</div>  <!-- end news -->
 
-
</div> <!-- end Super_main_wrapper -->
 
-
</body>
 
</html>
</html>

Latest revision as of 08:23, 13 October 2009

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