|
|
| (72 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | __NOTOC__
| + | {{Template:Caltech_Menubar}} |
| - | | + | |
| | <html> | | <html> |
| - | <style type="text/css"> | + | <head> |
| - | body {background: #EBA243}
| + | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| - | | + | <!-- Start css3menu.com HEAD section --> |
| - | | + | <style> |
| - | .firstHeading {
| + | ul#css3menu1,ul#css3menu1 ul{ |
| - | display:none !important;
| + | margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} |
| - | }
| + | ul#css3menu1 ul{ |
| - | | + | display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#ffffff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;} |
| - | #p-logo { height:1px; overflow:hidden; display: none;}
| + | ul#css3menu1 li:hover>*{ |
| - | | + | display:block;} |
| - | #top-section {
| + | ul#css3menu1 li{ |
| - | background-image:url('https://static.igem.org/mediawiki/2012/2/28/IDcard.jpg');;
| + | position:relative;display:block;white-space:nowrap;font-size:0;float:left;} |
| - | height:250px ! important;; | + | ul#css3menu1 li:hover{ |
| - | }
| + | z-index:1;} |
| - | | + | ul#css3menu1{ |
| - | | + | font-size:0; |
| - | p {text-align: justify; color: black;}
| + | z-index:999; |
| - | | + | position: absolute; |
| - | a:link { color: #00b0e6; text-decoration: none}
| + | right: 120px; |
| - | a:visited { color:#00b0e6; text-decoration: none}
| + | top: -47px; |
| - | a:hover { color:#f29400; text-decoration: none}
| + | display:inline-block; |
| - | a:active { color:#f29400; text-decoration: none}
| + | zoom:1; |
| - | | + | padding:0; |
| - | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; color:black}
| + | *display:inline;} |
| - | | + | * html ul#css3menu1 li a{ |
| - | table#Team { text-align: justify; border: 0; }
| + | display:inline-block;} |
| - | table#Team h2, table#Team h3 { clear: both; }
| + | ul#css3menu1>li{ |
| - | | + | margin:0;} |
| - | | + | ul#css3menu1 a:active, ul#css3menu1 a:focus{ |
| - | /*-----------------------------------------------------------------------------------------------*/
| + | outline-style:none;} |
| - | div.MenuBar ul li ul.DropDownMenu {
| + | ul#css3menu1 a{ |
| - | display: none; /* Hides all drop-down menus. */
| + | display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#b1b1b1;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;} |
| - | | + | ul#css3menu1 ul li{ |
| - | } | + | float:none;margin:10px 0 0;} |
| - | /*
| + | ul#css3menu1 ul a{ |
| - | li:hover works in IE7 and FF2.
| + | text-align:left;padding:4px;background-color:#ffffff;background-image:none;border-width:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font:14px Tahoma;color:#000;text-decoration:none;} |
| - | a:hover works in IE6 and FF2.
| + | ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ |
| - | a:hover breaks li:hover in FF2.
| + | background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-position:0 100px;text-decoration:none;} |
| - | */
| + | ul#css3menu1 span{ |
| - | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
| + | display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
| + | ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{ |
| - | display: none; /* Hides all side menus. */
| + | background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;} |
| - | }
| + | ul#css3menu1 li.topfirst>a{ |
| - | /*------------------------------------------------------------------------------------- Menu Bar */
| + | border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;} |
| - | div.MenuBar {
| + | ul#css3menu1 li.toplast>a{ |
| - | font: arial, helvetica, sans-serif;
| + | border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;} |
| - | height: 30px;
| + | ._css3m{display:none} |
| - | width: 910px;
| + | </style> |
| - | /*width: 100%*/
| + | <!-- End css3menu.com HEAD section --> |
| - | margin: 0;
| + | </head> |
| - | border-top: 0;
| + | <body> |
| - | border-right: 0;
| + | <ul id="css3menu1" class="topmenu"> |
| - | border-left: 0;
| + | <li class="topfirst"> |
| - | padding: 0;
| + | <a href="https://2012.igem.org/Team:Caltech" style=" height: 14px;line-height: 14px;"> |
| - | background: black;
| + | Home |
| - |
| + | </a> |
| - | }
| + | </li> |
| - | div.MenuBar ul {
| + | <li class="topmenu"> |
| - | font: arial, helvetica, sans-serif;
| + | <a href="https://2012.igem.org/Team:Caltech/ Team" style=" height: 14px;line-height: 14px;"> |
| - | text-align: center;
| + | <span> |
| - | list-style-type: none;
| + | Team |
| - | margin: 0.5em auto;
| + | </span> |
| - | border: 0;
| + | </a> |
| - | padding: 0;
| + | <ul> |
| - | background: black;
| + | <li> |
| - | } | + | <a href="https://2012.igem.org/Team:Caltech/ Team# Mentors"> |
| - | div.MenuBar ul li {
| + | Mentors |
| - | font: arial, helvetica, sans-serif;
| + | </a> |
| - | display: block;
| + | </li> |
| - | padding: 0;
| + | <li> |
| - | margin: 0;
| + | <a href="https://2012.igem.org/Team:Caltech/Team# Undergraduates"> |
| - | font-size: 1.3em;
| + | Undergraduates |
| - | float: left;
| + | </a> |
| - | background: black;
| + | </li> |
| - | text-align: center;
| + | <li> |
| - | width: 107px;
| + | <a href="https://2012.igem.org/Team:Caltech/ Team# CalArts"> |
| - | position: relative; /* Sets the positioning context for each drop-down menu. */
| + | CalArts |
| - | } | + | </a> |
| - | | + | </li> |
| - | div.MenuBar ul li a {
| + | |
| - | font: arial, helvetica, sans-serif;
| + | |
| - | display: block;
| + | |
| - | background: black;
| + | |
| - | height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
| + | |
| - | color: #ffffff;
| + | |
| - | padding-top: 4px;
| + | |
| - | padding-bottom: 4px;
| + | |
| - | 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 */
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | |
| - | display: block;
| + | |
| - | width: 10em; /* Drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | height: 1em;
| + | |
| - | padding: 1px; /* Sets the drop-down menu "effective border" width. */
| + | |
| - | position: absolute;
| + | |
| - | top: 23px; /* Places the drop-down menu under the menu bar.
| + | |
| - | Keep it sync with the menu bar height. */
| + | |
| - | left: 0; /* Aligns the drop-down menu to its top-level item. */
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | | + | |
| - | } | + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | |
| - | width: 10em; /* Keep it sync with the drop-down menu width.
| + | |
| - | Use MenuTailor.css to customize. */
| + | |
| - | height: 1em;
| + | |
| - | padding-left: 0;
| + | |
| - | padding-right: 0;
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | } | + | |
| - | ul.DropDownMenu li a span { | + | |
| - | display: block;
| + | |
| - | padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
| + | |
| - | padding-right: 0.25em; /* 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 {
| + | |
| - | float: left; /* Aligns the text (back) to the left. */
| + | |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
| - | height: 20px;
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - | /*----------------------------------------------------------------------------------- Side Menus */
| + | |
| - | 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 ul li a {
| + | |
| - | float: left; /* Required for IE55 and IE6.
| + | |
| - | Breaks O9.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | * html ul.DropDownMenu li a:hover {
| + | |
| - | cursor: hand; /* Required for IE55.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | } | + | |
| - | ul.DropDownMenu li a:hover { | + | |
| - | cursor: pointer; /* Required for IE6 and IE7.
| + | |
| - | Hidding it (* html) from non-IE browsers breaks IE7!
| + | |
| - | }
| + | |
| - | * html div.MenuBar a:hover {
| + | |
| - | text-decoration: none; /* Required for IE55 and IE6.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | * html div.MenuBar ul li table,
| + | |
| - | * html div.MenuBar ul li table td {
| + | |
| - | border: 0; /* Required for IE55 and IE6.
| + | |
| - | Hidden (* html) from non-IE browsers. */
| + | |
| - | }
| + | |
| - | /*------------------------------------------------------------------------------- Default Colors */
| + | |
| - | div.MenuBar {
| + | |
| - | background-color: Menu;
| + | |
| - | border-bottom: 1px solid ButtonShadow;
| + | |
| - | }
| + | |
| - | div.MenuBar a {
| + | |
| - | background-color: Menu; /* Top-level unselected items. */
| + | |
| - | color: MenuText;
| + | |
| - | } | + | |
| - | div.MenuBar ul li:hover a,
| + | |
| - | div.MenuBar ul li a:hover {
| + | |
| - | color: #ea7f16;
| + | |
| - | 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: style="color:#000000";
| + | |
| - | color: black;
| + | |
| - | margin: 0;
| + | |
| - | border: 0;
| + | |
| - | padding: 0;
| + | |
| - | } | + | |
| - | | + | |
| - | | + | |
| - | div.MenuBar {
| + | |
| - | font: 13px arial, helvetica, sans-serif;
| + | |
| - | }
| + | |
| - | div.MenuBar ul {
| + | |
| - | font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
| - | }
| + | |
| - | /*--------------------------------------------------------------------------------------- Colors */
| + | |
| - | div.MenuBar {
| + | |
| - | background-color: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | border-bottom: 1px solid ButtonShadow;
| + | |
| - | } | + | |
| - | div.MenuBar a,
| + | |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a,
| + | |
| - | 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: black; /* Selected item. */
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - | div.MenuBar ul li:hover a,
| + | |
| - | div.MenuBar ul li a:hover,
| + | |
| - | 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: #00b0e6; /* 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. */
| + | |
| - | } | + | |
| - | /*...............................................................................................*/
| + | |
| - | | + | |
| - | </style> | + | |
| - | | + | |
| - | <body>
| + | |
| - | | + | |
| - | <div id="header">
| + | |
| - | <center><div style="font-size:24pt;"><font face="georgia" style="color:#BB4400">
| + | |
| - | <img src="https://2012.igem.org/File:TurtlePond.jpg" alt="Caltech iGEM 2012"/> </div>
| + | |
| - | | + | |
| - | <br>
| + | |
| - | <div class='MenuBar' id="navi">
| + | |
| - | <ul>
| + | |
| - | <li> | + | |
| - | <a href="https://2012.igem.org/Team:Caltech" style="color:#BB4400">Home
| + | |
| - | <!--[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://2012.igem.org/Team:Caltech/Team" style="color:#BB4400">Team<!--[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://2012.igem.org/Team:Caltech /Team#Mentors" ><span><span>Mentors</span></span></a> | + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Team#Undergraduates"><span><span>Undergraduates</span></span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | | + | |
| - | | + | |
| - | <li>
| + | |
| - | <a href="https://2012.igem.org/Team:Caltech/Project" style="color:#BB4400">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://2012.igem.org/Team:Caltech/ Project" ><span><span>Overall Project</span></span></a></li> | + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/material"><span><span>Materials & Methods</span></span></a>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project#Degradation_Project"><span><span>Degradation</span></span></a></li>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/ Project# Proteorhodopsin_Project"> <span><span>Proteorhodopsin</span></span></a></li> | + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech /Project#Biofuel_Project"><span><span>Biofuel </span></span></a></li> | + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project#Coliroid_Project"><span><span>Coliroid </span></span></a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li>
| + | |
| - | <a href="https://2012.igem.org/Team:Caltech/ Parts" style="color:# BB4400" >Parts<!--[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-DDM2">
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Parts"><span><span>Submitted Parts</span></span></a></li>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Parts/Characterization"><span><span>Characterization</span></span></a></li>
| + | |
| | </ul> | | </ul> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | </li> |
| - | </li>
| + | <li class="topmenu"> |
| - | | + | <a href="https://2012.igem.org/Team:Caltech/ Project" style=" height: 14px;line-height: 14px;"> |
| - | <li>
| + | <span> |
| - | <a href="https://2012.igem.org/Team:Caltech/Modeling" style="color:#BB4400">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | Project |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | </span> |
| - | <ul class="DropDownMenu" id="MB1-DDM1">
| + | </a> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/ Modeling/Degradation" ><span><span>Degradation</span></span></a></li> | + | <ul> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Modeling/Proteorhodopsin"><span><span>Proteorhodopsin</span></span></a></li>
| + | <li> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Modeling/Biofuel"><span><span>Biofuel </span></span></a></li>
| + | <a href="https://2012.igem.org/Team:Caltech/ Project"> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/ Modeling/Coliroid" ><span><span>Coliroid </span></span></a></li> | + | Overall Project |
| - | </ul>
| + | </a> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | </li> |
| - | </li>
| + | <li> |
| - | | + | <a href="https://2012.igem.org/Team:Caltech/Notebook/ material"> |
| - | <li>
| + | Materials & Methods |
| - | <a href="https://2012.igem.org/Team:Caltech/Notebook " style="color:#BB4400">Notebook<!--[if gt IE 6]><!--></ a><!--<![endif]--> | + | </a> |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | </li> |
| - | <ul class="DropDownMenu" id="MB1-DDM5">
| + | <li> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Degradation"><span><span>Degradation ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | <a href="https://2012.igem.org/Team:Caltech/Project#Degradation_Project"> |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | Degradation |
| - | <ul class="SideMenu" id="MB1-DDM2-SM1"> | + | </a> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project#Degradation_Project"><span>Strategy</span></a></li> | + | </li> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Degradation"><span>Notebook</span></a></li>
| + | <li> |
| - | </ul> | + | <a href="https://2012.igem.org/Team:Caltech/Project#Proteorhodopsin_Project"> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | + | Proteorhodopsin |
| - | </li>
| + | </a> |
| - |
| + | </li> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Proteorhodopsin"><span><span>Proteorhodopsin></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | <li> |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | <a href="https://2012.igem.org/Team:Caltech/Project#Coliroid_Project"> |
| - | <ul class="SideMenu" id="MB1-DDM2-SM2">
| + | Bacterial Animation |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project#Proteorhodopsin_Project" ><span>Strategy</span></a></li> | + | </a> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Proteorhodopsin"><span>Notebook</span></a></li>
| + | </li> |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Biofuel"><span><span>Biofuel ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="SideMenu" id="MB1-DDM2-SM3"> | + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project#Biofuel_Project"><span>Strategy</span></a></li>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Biofuel"><span>Notebook</span></a></li> | + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Coliroid"><span><span>Coliroid ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
| - | <ul class="SideMenu" id="MB1-DDM2-SM3">
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project#Coliroid_Project" ><span>Strategy</span></a></li> | + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Coliroid"><span>Notebook</span></a></li>
| + | |
| - | </ul> | + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/material"><span><span>Materials & Methods</span></span></a>
| + | |
| | </ul> | | </ul> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | </li> |
| - | </li>
| + | <li class="topmenu"> |
| - | | + | <a href="https://2012.igem.org/Team:Caltech/ Parts" style=" height: 14px;line-height:14px;"> |
| - | <li>
| + | <span> |
| - | <a href="https://2012.igem.org/Team:Caltech/ Sponsors" style=" color: #BB4400" >Sponsors</a> | + | Parts |
| - | </li>
| + | </span> |
| - | <li style="width: 160px">
| + | </a> |
| - | <a href="https://2012.igem.org/Team:Caltech/Human_Practice" style="color:#BB4400">Human Practice<!--[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-DDM4"> | + | <a href="https://2012.igem.org/Team:Caltech/ Parts"> |
| - | <li><a href="https://2012.igem.org/Team:Caltech/ Human_Practice/Project_Overview"> <span><span>Project Overview</span></span></a></li> | + | Submitted Parts |
| - | <li><a href="https://2012.igem.org/Team:Caltech/ Human_Practice/ Project_1"> <span><span>First Project</span></span></a></li> | + | </a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/ Parts/ Characterization"> |
| | + | Characterization |
| | + | </a> |
| | + | </li> |
| | </ul> | | </ul> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | + | </li> |
| - | </li>
| + | <li class="topmenu"> |
| - | </ul> | + | <a href="https://2012.igem.org/Team:Caltech/Results" style="height:14px;line-height:14px;"> |
| - | </div> | + | <span> |
| - | </div> | + | Results |
| - | </body> | + | </span> |
| | + | </a> |
| | + | <ul> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Results#Degradation"> |
| | + | Degradation |
| | + | </a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Results#Proteorhodopsin"> |
| | + | Proteorhodopsin |
| | + | </a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Results#Coliroid"> |
| | + | Bacterial Animation |
| | + | </a> |
| | + | </li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="topmenu"> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Project" style="height:14px;line-height:14px;"> |
| | + | <span> |
| | + | Notebook |
| | + | </span> |
| | + | </a> |
| | + | <ul> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Notebook/Degradation"> |
| | + | Degradation |
| | + | </a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Notebook/Proteorhodopsin"> |
| | + | Proteorhodopsin |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Notebook/Coliroid"> |
| | + | Bacterial Animation |
| | + | </a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Notebook/material"> |
| | + | Materials & Methods |
| | + | </a> |
| | + | </li> |
| | + | <li> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Notebook/Safety"> |
| | + | Safety |
| | + | </a> |
| | + | </li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="topmenu"> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Sponsors" style="height:14px;line-height:14px;"> |
| | + | Sponsors |
| | + | </a> |
| | + | </li> |
| | + | <li class="toplast"> |
| | + | <a href="https://2012.igem.org/Team:Caltech/Human_Practice" style="height:14px;line-height:14px;"> |
| | + | Human Practice |
| | + | </a> |
| | + | </li> |
| | + | </ul> |
| | + | <!-- End css3menu.com BODY section --> |
| | + | <div id="right_2"> |
| | + | <a href="https://2012.igem.org/Main_Page"> |
| | + | <span> |
| | + | <img class="logo" src="https://static.igem.org/mediawiki/2012/1/11/Igem_2012.png" alt="" style="position: absolute;right: 4px;top: -49px;"></img> |
| | + | </span> |
| | + | </a> |
| | + | </div> |
| | + | <br /> <br /> |
| | + | </body> |
| | </html> | | </html> |
"
