Team:Victoria Australia/CSS

/*- CUSTOM STYLE -*/

padding: 10px; }
 * 1) bodyContent {

body { background-color:#390142; background-image:url(http://2009.igem.org/wiki/images/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; list-style-image: none; position: relative; }

div.MenuBar ul ul li { position: relative; z-index: 300; }

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. */ border: 1px solid #AAAAAA; } 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; z-index: 700; } ul.DropDownMenu li a span { display: block; padding-left: 5px; /* 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 */ position: relative; /* For IE55 and IE6. Hidden (* html) from non-IE browsers. */ } float: left; /* For IE55 and IE6. Breaks O9. Hidden (* html) from non-IE browsers. */ } 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! */ } text-decoration: none; /* For IE55 and IE6. Hidden (* html) from non-IE browsers. */ } 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; } /*---*/
 * html div.MenuBar {
 * html div.MenuBar ul li a {
 * html ul.DropDownMenu li a:hover {
 * html div.MenuBar a:hover {
 * html div.MenuBar ul li table,
 * html div.MenuBar ul li table td {

table.calendar         { margin: 0; padding: 10px; } table.calendar td      { margin: 0; padding: 2px; vertical-align: top; } table.month .heading td { padding:2px; background-color:#d49fe1; color:#3C1859; text-align:center; font-size:120%; font-weight:bold; } table.month .dow td    { color:#3C1859; text-align:center; font-size:110%; } table.month td.today   { background-color:none; } table.month td { border: none; margin: 0; padding: 1pt 1.5pt; font-weight: bold; font-size: 8pt; text-align: right; background-color: #eee; } .day-active { color:#0000cc } .day-empty { color:#cc0000 }
 * 1) bodyContent table.month a { background:none; padding:0 }