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