User:Ckfern04/modern.css

/* mozilla.org Cavendish Template Styles * Initial Design by Daniel Burka and Steven Garrity

/* Basic Structure */ body { /* @embed */ background: #fff url("images/body_back.gif") repeat-x; }

/* Header */

background: #455372 url("images/header_bl.png") bottom left repeat-x; position: relative; min-height: 39px; height: 3em; padding: 15px 0; }
 * 1) header {


 * 1) ignored {}

position: absolute; top: 0; left: 0; margin: 0; background: url("images/header_tl.gif") no-repeat; height: 8px; z-index: 100; /* above the UL */ }   display: block; height: 58px; /* background: transparent url("images/header_logo.gif") no-repeat; */ }   width: auto; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0 15px 0 0; list-style: none; background: url("images/header_br.gif") no-repeat bottom right; z-index: 90; /* below the H1 */ }   float: right; background: transparent url("images/header_tab.gif") 100% -600px no-repeat; padding: 0 6px 0 0; margin: 0 1px 0 0; border-bottom: 1px solid #515358; }   float: left; display: block; padding: 4px 4px 4px 10px; background: transparent url("images/header_tab.gif") 0% -600px no-repeat; font-weight: bold; color: #fff; text-decoration: none; }
 * 1) header h1 {
 * 1) header h1 a {
 * 1) header ul {
 * 1) header li {
 * 1) header ul a {
 * 1) header ul li:hover a { background-position: 0% -400px; }
 * 2) header ul li:hover { background-position: 100% -400px; }

body.sectionAbout li#menu_aboutus a, body.sectionProducts li#menu_products a, body.sectionSupport li#menu_support a, body.sectionDevelopers li#menu_developers a, body.sectionStore li#menu_store a { background-position: 0% -200px; color: #039; }

body.sectionAbout li#menu_aboutus, body.sectionProducts li#menu_products, body.sectionSupport li#menu_support, body.sectionDevelopers li#menu_developers, body.sectionStore li#menu_store { background-position: 100% -200px; border-bottom: 1px solid #fff; }

body.sectionAbout li#menu_aboutus:hover, body.sectionProducts li#menu_products:hover, body.sectionSupport li#menu_support:hover, body.sectionDevelopers li#menu_developers:hover, body.sectionStore li#menu_store:hover { background-position: 100% 0%; }

body.sectionAbout li#menu_aboutus:hover a, body.sectionProducts li#menu_products:hover a, body.sectionSupport li#menu_support:hover a, body.sectionDevelopers li#menu_developers:hover a, body.sectionStore li#menu_store:hover a { background-position: 0% 0%; color: #333; }

/* Search Field */

position: absolute; top: 0; right: 0; padding: 12px 20px 0 0; background: url("images/header_tr.gif") no-repeat top right; margin: 0; /* need for IE Mac */ text-align: right; /* need for IE Mac */ white-space: nowrap; /* for Opera */ }
 * 1) header form {
 * 1) header form label { color: #fff; font-size: 110%; }
 * 2) header form input { font-size: 90%; }

margin-top: 0; }
 * 1) searchform div {

width: 170px; font-size: 90%; border: 0px solid #293756; background: #D9DBE1; padding: 2px 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }   background: #fff; }
 * 1) header form #searchInput {
 * 1) header form #searchInput:hover, #header form #searchInput:focus {

/* Sidebar */

line-height: 0.1; font-size: 1px; background: transparent url("images/menu_tr.gif") no-repeat top right; margin: 0; height: 9px; display: block; /*border-bottom: 1px solid #ddd;*/ content: url("images/key-point_tl.gif"); }   background: #E0E9E9 url("images/menu_back.gif") right repeat-y; }   display: block; padding-top: 0; line-height: 0.1; font-size: 1px; content: url("images/key-point_bl.gif"); margin: 0 0 0 0; height: 8px; background: transparent url("images/menu_br.gif") scroll no-repeat bottom right ; border-top: 1px solid #fff; }
 * nav:before {
 * 1) nav {
 * nav:after {

margin: 0; padding: 0; list-style: none; }   margin-bottom: 1em; }   display: inline; padding: 0; margin: 0; }
 * nav, #nav ul {
 * 1) nav {
 * 1) nav li {

display: block; padding: 6px 10px; font-weight: bold; color: #666; text-shadow: 0px 1px 0px #ffffff; letter-spacing: 0.8px; }
 * 1) nav li span { /* used for un-linked menu items */

display: inline; font-weight: normal; padding: 0; }
 * 1) nav li span#configParent, #nav li span #configuration {

display: block; padding: 8px 10px; text-decoration: none; background: #EDF2F2; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; border-right: 1px solid #ddd; }
 * 1) nav li a {

background: #E0E9E9; }
 * 1) nav li a:hover {

padding: 4px 8px 4px 20px; }
 * 1) nav li li span { /* used for un-linked menu items */

padding: 6px 8px 6px 20px; }
 * 1) nav li li a {

background-color: #E0E9E9; }   background-color: #C6DCDC; }
 * 1) oN {
 * oN:hover {

/* Footer */

border-top: 1px solid #999; border-bottom: 0px; /* removes the yellow line */ margin: 2em 0; padding: 1em 0; text-align: center; }
 * 1) footer {

margin: 0; padding: 0; list-style: none; }
 * 1) footer ul {

display: inline; }
 * 1) footer li {

white-space: nowrap; }
 * 1) footer a {

color: #666; }
 * 1) footer p,#footer p a {

color: #000; }
 * 1) footer p a:hover {

padding-right: 1em; }
 * 1) footer p span {