|
|
Line 1: |
Line 1: |
- | [[Image:RMIT_Banner_iGEM.jpg]]
| |
| [[Image:Finalised fluoroforce header.jpg|center]] | | [[Image:Finalised fluoroforce header.jpg|center]] |
| {{:Team:Victoria_Australia/Menu}} | | {{:Team:Victoria_Australia/Menu}} |
- | | + | {{:Team:Victoria_Australia/CSS}} |
- | <html>
| + | |
- | <style>
| + | |
- | | + | |
- | /*--------- CUSTOM STYLE -------------*/
| + | |
- | | + | |
- | body {
| + | |
- | background-color:#390142;
| + | |
- | background-image:url(https://static.igem.org/mediawiki/2009/3/34/Team_Victoria_wiki_background.jpg);
| + | |
- | background-repeat:repeat-x;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- |
| + | |
- | Script-Free 3-Level Menu 1.3.4
| + | |
- | www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
| + | |
- |
| + | |
- | ...............................................................................................
| + | |
- |
| + | |
- | Sections
| + | |
- |
| + | |
- | * Reset
| + | |
- | * Menu Bar
| + | |
- | * Drop-Down Menus
| + | |
- | * Side Menus
| + | |
- | * Browser Specific
| + | |
- | * Default Colors (Required)
| + | |
- |
| + | |
- | */
| + | |
- | /*---------------------------------------------------------------------------------------- Reset */
| + | |
- | div.MenuBar,
| + | |
- | div.MenuBar ul,
| + | |
- | div.MenuBar li,
| + | |
- | div.MenuBar a,
| + | |
- | div.MenuBar table,
| + | |
- | div.MenuBar span {
| + | |
- | margin: 0;
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | z-index: 255;
| + | |
- | }
| + | |
- | 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 {
| + | |
- | height: 25px; /* Total height 27px. */
| + | |
- | }
| + | |
- | div.MenuBar ul li {
| + | |
- | float: left;
| + | |
- | list-style-type: none !important;
| + | |
- | margin: 0 !important;
| + | |
- | position: relative; /* Sets the positioning context for each drop-down menu. */
| + | |
- | }
| + | |
- | div.MenuBar ul li a {
| + | |
- | display: block;
| + | |
- | height: 17px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
| + | |
- | 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 !important;
| + | |
- | }
| + | |
- | /*------------------------------------------------------------------------------ Drop-Down Menus */
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | |
- | display: block;
| + | |
- | width: 13em; /* Drop-down menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | padding: 1px; /* Sets the drop-down menu "effective border" width. */
| + | |
- | position: absolute;
| + | |
- | top: 25px; /* 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. */
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | |
- | width: 13em; /* Keep it sync with the drop-down menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | padding-left: 0;
| + | |
- | padding-right: 0;
| + | |
- | }
| + | |
- | 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. */
| + | |
- | }
| + | |
- | /*----------------------------------------------------------------------------------- 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. */
| + | |
- | }
| + | |
- | 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;
| + | |
- | }
| + | |
- | /*----------------------------------------------------------------------------- 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: 0; /* For IE55 and IE6.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | /*------------------------------------------------------------------------------- Default Colors */
| + | |
- | div.MenuBar {
| + | |
- | background-color: Menu;
| + | |
- | border-color: 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 {
| + | |
- | 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;
| + | |
- | }
| + | |
- | /*-----------------------------------------------------------------------------------------------*/
| + | |
- | | + | |
- | </style>
| + | |
- | </html>
| + | |
| | | |
| | | |