|
|
(225 intermediate revisions not shown) |
Line 3: |
Line 3: |
| <style type="text/css"> | | <style type="text/css"> |
| body.mediawiki { | | body.mediawiki { |
- | background-color:#005376; | + | background-color:#494d51; |
| background-position: center center; | | background-position: center center; |
| background-attachment: fixed; | | background-attachment: fixed; |
Line 9: |
Line 9: |
| font-family: Calibri, Verdana, helvetica, sans-serif; | | font-family: Calibri, Verdana, helvetica, sans-serif; |
| } | | } |
| + | .clear{clear:both;} |
| h1.firstHeading { | | h1.firstHeading { |
| display: none; | | display: none; |
Line 16: |
Line 17: |
| } | | } |
| 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 |
| } | | } |
Line 31: |
Line 32: |
| text-decoration: none | | text-decoration: none |
| } | | } |
- | #bodyContent { padding: 10px auto; width: 910px; margin: 225px auto; clear: none;} | + | #bodyContent { padding: 10px auto; width: 910px; margin: 225px auto; clear: none; } |
- | table#team_members { text-align: justify; border: 0; }
| + | |
- | table#team_members h2, table#team_members h3 { clear: both; }
| + | |
| #content * a:hover {text-decoration:none;} | | #content * a:hover {text-decoration:none;} |
- | #navigation a {
| |
- | padding: 0px 10px 0 10px;
| |
- | line-height: 46px;
| |
- | font-size: 1.2em;
| |
- | }
| |
- | #navigation a:hover {
| |
- | color: #00b6eF;
| |
- | text-decoration: none;
| |
- | /* background: transparent; */
| |
- | }
| |
| #main_wrapper { | | #main_wrapper { |
| position:absolute; left:0px; top:0px; | | position:absolute; left:0px; top:0px; |
Line 61: |
Line 50: |
| align: center; | | align: center; |
| background-color: #FFFFFF; | | background-color: #FFFFFF; |
- | background-image: url(https://static.igem.org/mediawiki/2009/0/08/Background_small.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-image: url(https://static.igem.org/mediawiki/2009/5/53/NaviBar.png); |
Line 70: |
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 77: |
Line 67: |
| color: #0000FF; | | color: #0000FF; |
| } | | } |
- | | + | #super_main_wrapper { |
| + | position:absolute; left:0px; top:227px; |
| + | margin-bottom: 30px; |
| + | width: 975px; |
| + | align: center; |
| + | 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; |
| + | height:200px; |
| + | width: 323px; |
| + | float:left;} |
| + | #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px; |
| + | text-align: justify; |
| + | font-size: 12px; |
| + | color: #FFF;} |
| + | #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px; |
| + | font-weight: bold; |
| + | font-size: 18px; |
| + | color: #FFF;} |
| + | #orangeBox a, #greenBox a, #blueBox a { |
| + | padding-right: 20px; |
| + | font-weight: bold; |
| + | font-size: 14px; |
| + | display: block; |
| + | text-align: right; |
| + | color: #FFF;} |
| + | #orangeBox {margin-left: 3px; |
| + | background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);} |
| + | #greenBox {background-image: url(https://static.igem.org/mediawiki/2009/9/97/GreenBox.jpg);} |
| + | #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);} |
| | | |
- | /*-----------------------------------------------------------------------------------------------*/
| + | #SubWrapper {width: 647px; |
- | div.MenuBar ul li ul.DropDownMenu {
| + | float: left; |
- | display: none; /* Hides all drop-down menus. */
| + | margin-left: 3px; |
- | } | + | margin-top: 3px; |
- | /*
| + | background-color: #ede8e2;} |
- | li:hover works in IE7 and FF2.
| + | #SubWrapper * p {padding: 0 20px; |
- | a:hover works in IE6 and FF2.
| + | text-align: justify; |
- | a:hover breaks li:hover in FF2.
| + | font-size: 12px;} |
- | */
| + | #SubWrapper * h3 {padding: 10px 20px; |
- | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
| + | font-size: 18px;} |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
| + | #news {width:320px; |
- | display: none; /* Hides all side menus. */
| + | margin-top: 3px; |
- | } | + | float: left; |
| + | background-color: #d8d5d0;} |
| + | #news p {padding: 0 20px; |
| + | text-align: justify; |
| + | font-size: 12px;} |
| + | #news h3 {padding: 10px 20px; |
| + | font-size: 18px;} |
| + | #mission {width:650px; |
| + | float: left;} |
| + | #team, #heartbeat, #notebook, #parts, #gallery, #sponsors {width:215px; |
| + | float: left; |
| + | padding: 10px 0 0 0;} |
| | | |
- | /*------------------------------------------------------------------------------------- Menu Bar */
| + | <!-- ################# Navi styles ######################### --> |
- | div.MenuBar {
| + | #menu * { |
- | font: Calibri, Verdana, helvetica, sans-serif;
| + | margin: 0; |
- | height: 30px;
| + | padding: 0; |
- | width: 910px;
| + | } |
- | /*width: 100%*/
| + | |
- | margin: 0;
| + | |
- | border-top: 0;
| + | |
- | border-right: 0;
| + | |
- | border-left: 0;
| + | |
- | padding: 0;
| + | |
- | background: transparent;
| + | |
- | }
| + | |
- | div.MenuBar ul {
| + | |
- | font: Calibri, Verdana, helvetica, sans-serif;
| + | |
- | text-align: center;
| + | |
- | list-style-type: none;
| + | |
- | font-size: 1.2em;
| + | |
- | margin: 0.5em auto;
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | background: transparent;
| + | |
- | }
| + | |
- | div.MenuBar ul li {
| + | |
- | font: Calibri, Verdana, helvetica, sans-serif;
| + | |
- | display: block;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | font-size: 1em;
| + | |
- | float: left;
| + | |
- | background: transparent;
| + | |
- | text-align: center;
| + | |
- | width: relative; /* sets width of menu bar element (relative or fix) */
| + | |
- | position: relative; /* Sets the positioning context for each drop-down menu. */
| + | |
- | } | + | |
| | | |
- | div.MenuBar ul li a { /* Einstellungen des DropDowns */
| + | #menu { |
- | font: Calibri, Verdana, helvetica, sans-serif;
| + | behavior: url(https://www.bioquant.uni-heidelberg.de/fileadmin/igem/wiki_docs/csshover.htc); <!-- fuer ie6 --> |
- | display: block;
| + | font-family: calibri, verdana, sans-serif; |
- | background: transparent;
| + | font-size: 14px; |
- | height: 4ex; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
| + | background-color: transparent; |
- | color: #FFFFFF;
| + | float:left; |
- | padding-top: 0.4ex;
| + | padding: 10px 0 0 0; |
- | padding-bottom: 0.4ex;
| + | } |
- | padding-left: 1em; /* Sets the left space between top-level items. */
| + | |
- | padding-right: 1em; /* Sets the right space between top-level items. */
| + | |
- | text-decoration: none;
| + | |
- | } | + | |
| | | |
- | /*------------------------------------------------------------------------------ Drop-Down Menus */
| + | #menu ul { |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | float: left; |
- | div.MenuBar ul li a:hover ul.DropDownMenu { /*der graue Kasten unterm Menu*/
| + | list-style: none; |
- | display: block;
| + | } |
- | width: 4.5em; /*Drop-down menu width. Use MenuTailor.css to customize. */
| + | |
- | height: 0ex;
| + | |
- | padding: 0ex; /* Sets the drop-down menu "effective border" width. */
| + | |
- | position: relative; /*absolute*/
| + | |
- | top: 0em; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */
| + | |
- | left: 0px; /* Aligns the drop-down menu to its top-level item. */
| + | |
- | background-color: transparent; /* Selected item. */
| + | |
- | color: transparent;
| + | |
- | } | + | |
| | | |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | #menu ul li { |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | background-color:transparent; |
- | width: 8em; /* Keep it sync with the drop-down menu width.
| + | float:left; |
- | Use MenuTailor.css to customize. */
| + | position: relative; |
- | height: 1em;
| + | list-style: none; |
- | padding-left: 0;
| + | padding: 0 20px 0 0; |
- | padding-right: 0;
| + | font-weight: bold; |
- | background-color: transparent; /* Selected item. */
| + | } |
- | color: #FFFFFF;
| + | |
- | } | + | |
| | | |
- | ul.DropDownMenu li a span {
| + | #menu a { |
- | display: block;
| + | color: #FFF; |
- | padding-left: 0.25em; <!-- /* Sets the left space of each drop-down menu item. */ -->
| + | display: block; |
- | padding-right: 0.05em; <!-- /* Sets the right space of each drop-down menu item. */ -->
| + | text-decoration: none; |
- | text-align: right; /* Aligns the >> symbol to the right. */
| + | } |
- | } | + | |
| | | |
- | ul.DropDownMenu li a span span {
| + | #menu a:visited { |
- | float: left; /* Aligns the text (back) to the left. */
| + | color:#FFFFFF; |
- | font: 1.5ex Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße 1.Level -->
| + | text-decoration: none |
- | height: 4ex; <!-- Höhe des 1. Levels -->
| + | } |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | /*----------------------------------------------------------------------------------- Side Menus */
| + | |
- | /*---------------in unserem Falle unbenutzt -----------------------------------------------------*/
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
- | display: block;
| + | |
- | width: 11em; /* Side menu width. Use MenuTailor.css to customize. */
| + | |
- | padding: 1px; /* Sets the side menu "effective border" width. */
| + | |
- | position: absolute;
| + | |
- | top: -1px; /* Aligns the side menu to its drop-down menu item. Keep it sync with the side menu "effective border" width. */
| + | |
- | left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
- | width: 11em; /* Keep it sync with the side menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | }
| + | |
- | div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
| + | |
- | padding-left: 1.5em; /* Sets the left space of each side menu item. */
| + | |
- | padding-right: 0.5em; /* Sets the right space of each side menu item. */
| + | |
- | text-align: left;
| + | |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | }
| + | |
- | /*----------------------------------------------------------------------------- Browser Specific */
| + | |
- | * html div.MenuBar {
| + | |
- | position: relative; /* For IE55 and IE6.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | * html div.MenuBar ul li a {
| + | |
- | float: left; /* For IE55 and IE6.
| + | |
- | Breaks O9.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | * html ul.DropDownMenu li a:hover {
| + | |
- | cursor: hand; /* For IE55.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | ul.DropDownMenu li a:hover {
| + | |
- | cursor: pointer; /* For IE6 and IE7.
| + | |
- | Hidding it (* html) from non-IE browsers breaks IE7! */
| + | |
- | }
| + | |
- | * html div.MenuBar a:hover {
| + | |
- | text-decoration: none; /* For IE55 and IE6.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | * html div.MenuBar ul li table,
| + | |
- | * html div.MenuBar ul li table td {
| + | |
- | border: 0px none; /* For IE55 and IE6.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | /*------------------------------------------------------------------------------- Default Colors */
| + | |
- | div.MenuBar {
| + | |
- | background-color: Menu;
| + | |
- | /* border-bottom: 0px solid ButtonShadow; */
| + | |
- | }
| + | |
- | div.MenuBar a {
| + | |
- | background-color: Menu; /* Top-level unselected items. */
| + | |
- | color: Menu;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover a,
| + | |
- | div.MenuBar ul li a:hover {
| + | |
- | color: #00b6ef;
| + | |
- | background-color: Highlight; /* Top-level selected item. */
| + | |
- | color: HighlightText;
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | |
- | background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | |
- | background-color: Menu; /*Drop-down menu unselected items.
| + | |
- | Sets the drop-down menu "effective background" color. */
| + | |
- | color: MenuText;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
| + | |
- | background-color: Highlight; /* Drop-down menu selected item. */
| + | |
- | color: HighlightText;
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
- | background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
- | background-color: Menu; /* Side menu unselected items.
| + | |
- | Sets the side menu "effective background" color. */
| + | |
- | color: MenuText;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| + | |
- | background-color: Highlight; /* Side menu selected item. */
| + | |
- | color: HighlightText;
| + | |
- | }
| + | |
- | /*-----------------------------------------------------------------------------------------------*/
| + | |
- | /*Script-Free 3-Level Menu 1.2 Tailor
| + | |
- | www.CesarDaniel.info
| + | |
- | /*-------------------------------------------------------------------------------------- General */
| + | |
- | body {
| + | |
- | background: white;
| + | |
- | color: black;
| + | |
- | margin: 0;
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | } | + | |
| | | |
| + | #menu a:hover { |
| + | color: #00a5ea; |
| + | } |
| | | |
- | <!-- div.MenuBar { font: 0.85em Calibri, Verdana, helvetica, sans-serif; <!-- Schriftgröße MenuBar --> } -->
| + | #menu ul li ul { |
- | div.MenuBar ul { font: 1.1em Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße MenuBar -->
| + | display: none; |
- | }
| + | position: absolute; |
- | /*--------------------------------------------------------------------------------------- Colors */
| + | left: -20px; |
- | div.MenuBar {
| + | width: 155px; |
- | background-color: #FFFFFF; /* Selected item. */
| + | font-size: 12px; |
- | color: #FFFFFF;
| + | opacity: 0.8; |
- | /*border-bottom: 1px solid ButtonShadow;*/
| + | list-style: none; |
- | } | + | top: 13px; |
| + | padding-top: 5px; |
| + | } |
| | | |
- | div.MenuBar a,
| + | #menu ul li:hover ul { |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | display: block; |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a,
| + | background-position: bottom; |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | } |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
- | background-color: #000000; /* DropDown Selected item. Hintergrund*/
| + | |
- | color: #FFFFFF; /* DropDown TextFarbe */
| + | |
- | } | + | |
| | | |
- | div.MenuBar ul li:hover a,
| + | #menu ul li ul li { |
- | div.MenuBar ul li a:hover{
| + | width: 100%; |
- | background-color: transparent; /* Selected item. */
| + | list-style: none; |
- | color: #00B6EF;
| + | background-color: #000; |
- | }
| + | margin: -1px; |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| + | padding-left: 5px; |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
| + | } |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| + | |
- | background-color: black; /* Selected item. */
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
- | background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
| + | |
- | }
| + | |
- | /*--------------------------------------------------------------------------------------- Widths */
| + | |
- | /*
| + | |
- | | + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
| + | |
- | width: 11em; /* Drop-down menu width. */
| + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
| + | |
- | width: 12em; /* Drop-down menu width. */
| + | |
- | }
| + | |
- | | + | |
- | /*...............................................................................................*/
| + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | Side Menu #1
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
| + | |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width. */
| + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
| + | |
- | width: 10em; /* Side menu width. */
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | Side Menu #2
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
| + | |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width. */
| + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
| + | |
- | width: 10em; /* Side menu width. */
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | Side Menu #3
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
| + | |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width. */
| + | |
- | } | + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
| + | |
- | width: 10em; /* Side menu width. */
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
| | | |
| body#home #mainHome a, | | body#home #mainHome a, |
- | body#team .aTeam,
| |
- | body#project .aProject,
| |
- | body#notebook .aNotebook,
| |
- | body#modeling .aModeling,
| |
- | body#sponsor .aSponsor,
| |
- | body#misc .aMisc,
| |
- | body#parts .aParts
| |
| { color: #F08F03; cursor: default; } | | { color: #F08F03; cursor: default; } |
- |
| |
- | body#misc #image {
| |
- | position:absolute; top:0px; left:0px; width:640px; height:146px;
| |
- | z-index:50; background-color: transparent; float: left; font-size: 1em;
| |
- | background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/0/0e/Navigation4.png);
| |
- | background-repeat: no-repeat;
| |
- | color: #0000FF;
| |
- | }
| |
- |
| |
- | div.MenuBar ul li a.current:link { color: #F08F03; cursor: default; }
| |
- |
| |
| </style> | | </style> |
| </head> | | </head> |
Line 433: |
Line 203: |
| | | |
| <body> | | <body> |
- | <style type="text/css">
| |
- | body {
| |
- | background-color:#0a0a25;
| |
- | }
| |
- | </style>
| |
| <div id="main_wrapper"> | | <div id="main_wrapper"> |
- | <div id="header">
| + | <div id="header"> |
- | <div id="image"></div>
| + | <div id="image"></div> |
- | <div class='MenuBar' id="navigation"> | + | <div id="navigation"> |
- | <ul id="naviUL">
| + | <div id="menu"> |
- | <li id="mainHome">
| + | <ul> |
- | <a href="https://2009.igem.org/Team:Heidelberg">Home
| + | <li><a href="https://2009.igem.org/Team:Heidelberg">Home</a></li> |
- | <!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Team">Team</a> |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | <ul> |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | <li><a href="#">Overview</a></li> |
- | </li>
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Students">Students</a></li> |
- | <li id="mainTeam">
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li> |
- | <a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team<!--
| + | <li><a href="#">Scientific Environment</a></li> |
- | [if gt IE 6]><!--></a><!--<![endif]-->
| + | </ul> |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | </li> |
- | <ul class="DropDownMenu" id="MB1-DDM6">
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Project">Project</a> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Team"><span><span>Overview</span></span></a></li>
| + | <ul> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors"><span><span>Advisors</span></span></a></li>
| + | <li><a href="#">Introduction</a></li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Undergraduates"><span><span>
| + | <li><a href="#">Measurement</a></li> |
- | Undergraduates</span></span></a></li>
| + | <li><a href="#">Synthetic Promoters</a></li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Team/scientific_environment"><span><span>Scientific
| + | <li><a href="#">HEARTBEAT</a></li> |
- | Environment</span></span><!--[if
| + | <li><a href="#">Summary & Outlook</a></li> |
- | gt IE 6]><!--></a><!--<![endif]-->
| + | </ul> |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | </li> |
- | </ul>
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li> |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling">Modeling</a> |
- | </li>
| + | <ul> |
- | <li id="mainProject">
| + | <li><a href="#">Overview</a></li> |
- | <a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | <li><a href="#">HEARTBEAT Database</a></li> |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | <li><a href="#">HEARTBEAT GUI</a></li> |
- | <ul class="DropDownMenu" id="MB1-DDM1">
| + | <li><a href="#">Network Modeling</a></li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Project"><span><span>Overall
| + | </ul> |
- | Project</span></span></a></li>
| + | </li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Project/Natural_promoters"><span><span>Natural Promoters</span></span></a></li>
| + | <ul> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Project/Synthetic_promoters"><span><span>Synthetic Promoters</span></span></a></li>
| + | <li><a href="#">Natural Promoters</a></li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Project/Multi-color_output"><span><span>Multi-Color Output</span></span></a></li>
| + | <li><a href="#">Synthetic Promoters</a></li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Project/Stable_cell_line"><span><span>Stable Cell Line</span></span></a></li>
| + | <li><a href="#">Stable Cell Line</a></li> |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Project/Modeling"><span><span>Modeling</span></span></a></li>
| + | <li><a href="#">Multi-Color Output</a></li> |
- | </ul>
| + | <li><a href="#">Modeling</a></li> |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | <li><a href="#">Measurements</a></li> |
- | </li>
| + | <li><a href="#">Material & Methods</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Eucaryopedia">Eucaryopedia</a></li> |
| + | <li><a href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li> |
| + | </ul> |
| | | |
- | <li id="mainParts">
| + | </div><!-- end drop menu --> |
- | <a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
| + | </div> <!-- end navigation --> |
- | </li>
| + | </div> <!-- end header --> |
- | | + | </div> <!-- end main_wrapper --> |
- | | + | |
- | <li id="mainModeling">
| + | |
- | <a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/Modeling">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM3">
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling"><span><span>Overview</span></span></a></li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_DB"><span><span>HEARTBEAT DB</span></span></a></li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_GUI"><span><span>HEARTBEAT GUI</span></span></a></li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Modeling/HEARTBEAT_Network"><span><span>Network Modeling</span></span></a></li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Modeling"><span><span>Notebook</span></span></a></li>
| + | |
- | | + | |
- |
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li id="mainNotebook">
| + | |
- | <a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook/Overview">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM5">
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Natural_promoters"><span><span>Natural Promoters</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/synthetic_promoters"><span><span>Synthetic Promoters</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/stable_cell_line"><span><span>Stable Cell Line</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Multi-color_Output"><span><span>Multi-color Output</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Modeling"><span><span>Modeling</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/Measurements"><span><span>Measurements</span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li id="mainSponsors">
| + | |
- | <a class="aSponsor" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a>
| + | |
- | </li>
| + | |
- | | + | |
- | | + | |
- | <li id="mainMisc">
| + | |
- | <a class="aMisc" href="https://2009.igem.org/Team:Heidelberg/Miscellaneous">Misc<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM3">
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/News"><span><span>NEWS</span></span></a></li>
| + | |
- | <li><a href="https://2009.igem.org/Team:Heidelberg/Miscellaneous/Links"><span><span>Links</span></span></a></li>
| + | |
- |
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | </ul>
| + | |
| | | |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </body>
| |
| </html> | | </html> |