|
|
(112 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: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 67: |
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 61: |
| #mainHome a {padding: 0 10px 0 20px;} | | #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 87: |
Line 73: |
| 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;} | | #super_main_wrapper * img, #super_main_wrapper * * img {border-color: #FFF; border-style:solid; text-align:center; margin: 0 auto;} |
Line 101: |
Line 88: |
| font-size: 18px; | | font-size: 18px; |
| color: #FFF;} | | color: #FFF;} |
- | #orangeBox a, #greenBox a, #blueBox a {padding: 20px 25px 20px 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 136: |
Line 125: |
| padding: 10px 0 0 0;} | | 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 490: |
Line 203: |
| | | |
| <body> | | <body> |
- | <style type="text/css">
| |
- | body {
| |
- | background-color:#0a0a25;
| |
- | margin-bottom: 30px;
| |
- | }
| |
- | </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 & 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 & 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 promoter</h3>
| + | </div> <!-- end main_wrapper --> |
- | <p>As one of the most important approaches to synthezise synthetic promoters we developed a database that predicts the position of conserved promoter binding sequences. We coded an easy to use interface that is available for public use. </p>
| + | |
- | <p>Start Design</p>
| + | |
- | </div>
| + | |
- | <div id="greenBox"><h3>Mission 2009: mammalian biobricks</h3>
| + | |
- | <p>Mammalian synthetic biology has huge potential, but it is in need of new standards and of systematic construction of comprehensive part libraries. Learn more about our new mission on the project page. </p>
| + | |
- | <p>Go To Project Page</p>
| + | |
- | </div>
| + | |
- | <div id="blueBox"><h3>Mission accomplished</h3>
| + | |
- | <p>We developed two novel, in silico guided methods for the rational construction of synthetic promoters and combined them with our targeted fluorescent protein tags. Download the project summary as pdf and get an overview of the achievements of our team.</p>
| + | |
- | <p>Download Project Summary</p>
| + | |
- | </div>
| + | |
- | <div class="clear"></div>
| + | |
- | | + | |
- | <div id="SubWrapper">
| + | |
- | | + | |
- | <div id="mission"> <h3> iGEM 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"><center><img src="https://static.igem.org/mediawiki/2009/5/50/Team_HD.jpg" alt=""/></center>
| + | |
- | <h3>Team</h3>
| + | |
- | <p>Thirteen students and nine 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"> <center><img src="https://static.igem.org/mediawiki/2009/3/37/Heartbeat_small.gif" alt=""/></center>
| + | |
- | <h3>HEARTBEAT </h3>
| + | |
- | <p>As one of the most important approaches to synthezise synthetic promoters we developed a database that predicts the position of conserved promotor binding sequences. These sequences were identified, analyzed and we coded an easy to use interface that is available for public use. </p></div>
| + | |
- | | + | |
- | <div id="notebook"> <center><img src="https://static.igem.org/mediawiki/2009/f/f6/Notebook_HD.jpg" alt=""/></center>
| + | |
- | <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"> <center><img src="https://static.igem.org/mediawiki/2009/c/c0/Parts_HD.jpg" alt=""/></center>
| + | |
- | <h3>Parts </h3>
| + | |
- | <p>Our team submits a library of well characterized and standardized promoters 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"><center><img src="https://static.igem.org/mediawiki/2009/9/93/Notebook.jpg" alt=""/></center>
| + | |
- | <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"> <center><img src="https://static.igem.org/mediawiki/2009/2/29/HD09_sponsors.jpg" alt=""/></center>
| + | |
- | <h3>Sponsors</h3>
| + | |
- | <p>This year we have a lot of distinguished sponsors, which support us and this project.</p> </div>
| + | |
- | | + | |
- | <div class="clear"></div>
| + | |
- | </div> <!-- end SubWrapper --> | + | |
- | | + | |
- | <div id="news"> | + | |
- | <h3>The Team</h3> | + | |
- | <center><img src="https://static.igem.org/mediawiki/2009/8/89/Team_verySmall.jpg" alt=""/></center>
| + | |
- | <p>This year 13 students started the Heidelberg iGem team.</p>
| + | |
- | | + | |
- | <center><embed src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=8fc332&bgcolor=FFFFFF&date_month=11&date_day=09&date_year=0&un=IGEM JAMBOREE 2009&size=normal&mo=10&da=31&yr=2009" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="240" height="80" wmode="transparent" ></embed></center>
| + | |
- | | + | |
- | <h3> The iGEM idea </h3>
| + | |
- | <p>iGEM (international genetically engineered machines competition) is an international competition in synthetic biology, hosted by the MIT in Boston. The aim of this competition is to answer a basic question, Randy Rettberg, the director of iGEM once described as follows: "Can simple biological systems be built from standard, interchangeable parts and operated in living cells? Or is biology just too complicated to be engineered in this way?"
| + | |
- | The iGEM-approach to answer that question is to actually try to engineer biological systems with a proper function. Therefore more than 100 interdisciplinary student teams from all over the world, mainly consisting of undergraduate students in biology, biochemistry, engineering, informatics and mathematics, carry out different projects during the summer. These projects reach from medical applications, i.e. genetically modified bacteria used in cancer-treatment to environmental and manufacturing projects, i.e. the construction of a watch-like counter consisting of living cells. In contrast to classical genetic engineering where only one gene is transferred from organism A to organism B, synthetic biology goes forward the construction of whole new systems with a completely new function. Therefore, all iGEM-Teams get access to a gene- Database called registry, where hundreds of different genetic parts with characterized functions are available in a “plug-and-play” –like format. These parts can be simply stuck together to build functional systems.
| + | |
- | The rising number of iGEM-Teams over the last years as well as the upcoming public interest in iGEM, the iGEM-Teams’ projects and synthetic biology in general shows, that synthetic biology will for sure have a great impact in many different fields of both scientific research and every-day life.</p>
| + | |
| | | |
- | </div> <!-- end news -->
| |
- | </div> <!-- end Super_main_wrapper -->
| |
- | </body>
| |
| </html> | | </html> |