Template:Template HD FirstPage

From 2009.igem.org

(Difference between revisions)
 
(152 intermediate revisions not shown)
Line 32: 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:first-child {
 
-
margin-left: 20px;
 
-
}
 
-
#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 69: 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 75: 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 84: 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;  
Line 102: Line 88:
                         font-size: 18px;
                         font-size: 18px;
                         color: #FFF;}
                         color: #FFF;}
-
                 #orangeBox a, #greenBox a, #blueBox a {padding: 20px 25px 0 20px;
+
                 #orangeBox a, #greenBox a, #blueBox a {
 +
                        padding-right: 20px;
                         font-weight: bold;
                         font-weight: bold;
                         font-size: 14px;
                         font-size: 14px;
 +
                        display: block;
                         text-align: right;
                         text-align: right;
-
                         color: #FFF;}
+
                         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 115: Line 103:
                         float: left;
                         float: left;
                         margin-left: 3px;
                         margin-left: 3px;
-
                         margin-top: 3px;}
+
                         margin-top: 3px;
 +
                        background-color: #ede8e2;}
                 #SubWrapper * p {padding: 0 20px;
                 #SubWrapper * p {padding: 0 20px;
                         text-align: justify;
                         text-align: justify;
Line 125: Line 114:
                         float: left;
                         float: left;
                         background-color: #d8d5d0;}
                         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;
                 #mission {width:650px;
                         float: left;}
                         float: left;}
                 #team, #heartbeat, #notebook, #parts, #gallery, #sponsors {width:215px;
                 #team, #heartbeat, #notebook, #parts, #gallery, #sponsors {width:215px;
-
                         float: left;}
+
                         float: left;
 +
                        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 484: 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> <!-- end header -->
+
</div><!-- end drop menu -->
-
  </div> <!-- end main_wrapper -->
+
</div> <!-- end navigation -->
</div> <!-- end navigation -->
-
<div id="super_main_wrapper">
+
</div> <!-- end header -->
-
<div id="orangeBox"><h3>Design your own promotor</h3>
+
</div> <!-- end main_wrapper -->
-
<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 coded an easy to use interface that is available for public use. </p>
+
-
<a href=" ">Start Design</a>
+
-
</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.  </p>
+
-
</div>
+
-
<div id="blueBox"><h3>Mission accomplished</h3>
+
-
<p>We have developed and successfully applied two novel, in silico guided methods for the rational construction of synthetic promoters and combined them with our targeted fluorescent protein tags. 
+
-
</div>
+
-
<div class="clear"></div>
+
-
 
+
-
<div id="SubWrapper"> 
+
-
 
+
-
<div id="mission"> <h3> Gem Heidelberg Mission 2009: Spybricks </h3>
+
-
<p> Establishing new standards for iGEM, the Heidelberg 2009 team will be concerned with developing ways for measuring promoters in mammalian cells, a default chassis and a first evaluation of the recently postulated BioBrick beta proposal 2 (Tom Knight). Considering the importance of controlling gene expression, our team's work will focus on natural and synthetic mammalian promoters. Our vision is to provide the synthetic biology community with a methodical library of such promoters (with different output strength and sensitivity to different regulatory proteins) and a model which can provide guidance for the development of further synthetic promoters. Our efforts will therefore, from the very beginning, equally entail bioinformatics and wet lab work.</p></div>
+
-
 
+
-
<div id="team"> <h3>Team</h3>
+
-
<p>Thirteen students and eleven advisors are working on this four month project. We split up into several subgroups whos focus and results you can follow on the Notebook and Results page. If you want to know more about the subgroups and the people involved, meet us on our Team page and let's get to know each other better at the Jamboree in Boston. </p></div>
+
-
 
+
-
<div id="heartbeat"> <h3>The Heartbeat Database </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 ise available for public use. </p></div>
+
-
 
+
-
<div id="notebook"> <h3>Notebook </h3>
+
-
<p>What's about documenation? You will find the entire progress of the project and all the important steps on our Notebook page. The Notebook is divided into the individual subgroups.</p> </div>
+
-
 
+
-
<div class="clear"></div>
+
-
 
+
-
<div id="parts"> L<h3>Parts </h3>
+
-
<p>Our team submits a library of well characterized and standardized promotors and sensors for eukaryotic cells. We will also contribute the first eucaryotic standart chassis for iGem featuring standardized genome integration sites.</p> </div>
+
-
 
+
-
<div id="gallery"> <h3>Gallery </h3>
+
-
<p>Spy on our cells or join the Heidelberg Team in the lab with our gallery tour.</p></div>
+
-
 
+
-
<div id="sponsors"> <h3>Sponsors</h3>
+
-
<p>This year we have a lot of distinguished sponsors, which support us and this project.</p> </div>
+
-
 
+
-
</div> <!-- end SubWrapper -->
+
-
<div id="news">
 
-
Lorem ipsum dolor sit amet, sed constetetur amirat belendam.
 
-
</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"