|
|
| Line 1: |
Line 1: |
| - | {{Team:BAU-Indonesia/css}}
| |
| - | {{Team:BAU-Indonesia/css_gone}}
| |
| - |
| |
| - | __NOTOC__
| |
| - | <html>
| |
| - |
| |
| - |
| |
| - | <style>
| |
| - | h1.firstHeading { display: none; }
| |
| - |
| |
| - | p {text-align: justify;}
| |
| - |
| |
| - | a:link { color: #00b0e6; text-decoration: none}
| |
| - | a:visited { color:#00b0e6; text-decoration: none}
| |
| - | a:hover { color:#f29400; text-decoration: none}
| |
| - | a:active { color:#f29400; text-decoration: none}
| |
| - |
| |
| - | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
| |
| - |
| |
| - | table#team_members { text-align: justify; border: 0; }
| |
| - | table#team_members h2, table#team_members h3 { clear: both; }
| |
| - |
| |
| - |
| |
| - | /*-----------------------------------------------------------------------------------------------*/
| |
| - | div.MenuBar ul li ul.DropDownMenu {
| |
| - | display: none; /* Hides all drop-down menus. */
| |
| - |
| |
| - | }
| |
| - | /*
| |
| - | li:hover works in IE7 and FF2.
| |
| - | a:hover works in IE6 and FF2.
| |
| - | a:hover breaks li:hover in FF2.
| |
| - | */
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
| |
| - | display: none; /* Hides all side menus. */
| |
| - | }
| |
| - | /*------------------------------------------------------------------------------------- Menu Bar */
| |
| - | div.MenuBar {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | height: 30px;
| |
| - | width: 910px;
| |
| - | /*width: 100%*/
| |
| - | margin: 0;
| |
| - | border-top: 0;
| |
| - | border-right: 0;
| |
| - | border-left: 0;
| |
| - | padding: 0;
| |
| - | background: black;
| |
| - |
| |
| - | }
| |
| - | div.MenuBar ul {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | text-align: center;
| |
| - | list-style-type: none;
| |
| - | margin: 0.5em auto;
| |
| - | border: 0;
| |
| - | padding: 0;
| |
| - | background: black;
| |
| - | }
| |
| - | div.MenuBar ul li {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | display: block;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | font-size: 1.3em;
| |
| - | float: left;
| |
| - | background: black;
| |
| - | text-align: center;
| |
| - | width: 107px;
| |
| - | position: relative; /* Sets the positioning context for each drop-down menu. */
| |
| - | }
| |
| - |
| |
| - | 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: white;
| |
| - | 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"><img src="https://static.igem.org/mediawiki/2012/9/90/BAU-Indonesia_logo.png" alt="Team Heidelberg" /></div>
| |
| - | <div class='MenuBar' id="navi">
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:BAU-Indonesia" style="color: white">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:BAU-Indonesia/Team" style="color: white">Team<!--[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:BAU-Indonesia/Project" style="color: white">Project<!--[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]-->
| |
| - |
| |
| - | <ul class="DropDownMenu" id="MB1-DDM1">
| |
| - |
| |
| - | <li><a href="https://2012.igem.org/Team:BAU-Indonesia/ProjectDesc"><span><span>Project Description</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:BAU-Indonesia/Abstract"><span><span>Abstract</span></span></a></li>
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:BAU-Indonesia/Parts" style="color: white">Parts<!--[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:BAU-Indonesia/Modeling" style="color: white">Modeling<!--[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:BAU-Indonesia/Notebook" style="color: white">Notebook<!--[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:BAU-Indonesia/Safety" style="color: white">Safety<!--[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:BAU-Indonesia/Attributions" style="color: white">Attributions<!--[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>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - | <div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
| |
| - | </body>
| |
| - | </html>
| |
| - |
| |
| - |
| |
| - | {{Team:BAU-Indonesia/css}}
| |
| - | {{Team:BAU-Indonesia/nivo-slider}}
| |
| - | {{Team:BAU-Indonesia/css_gone}}
| |
| | | | |
| | | | |
"
