User:Willyoldfox/modern.css

html,body { min-height: 101%; } a { text-decoration: none; } a:hover { background-color: transparent; text-decoration: underline; }   background: url(/local--files/green-fresh/body-bg.png) repeat-x top; } /* Use 950 pixels width for normal screens, 100% for iPhones */ width: 950px; margin: 0 auto; padding-left: 8px; background: url(/local--files/green-fresh/shadow-left.png) no-repeat 0 89px; position: relative; } @media only screen and (max-device-width: 480px) { #container { width: 100%; } }   height: 118px; padding-right: 8px; background: url(/local--files/green-fresh/shadow-right.png) no-repeat right 89px; }   float: left; padding: 43px 0 0 16px; }   padding-right: 7px; }   font-family: "Bitstream Charter", "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 25px; font-style: normal; font-weight: bold; letter-spacing: 1px; line-height: 26px; }   padding: 49px 7px 0; font-family: "Verdana", Arial, Helvetica, sans; font-size: 16px; line-height: 20px; color: #fff; }   content: "|"; }   padding-left: 7px; font-size: 10px; text-transform: uppercase; color: #777; }   width: 100%; height: 29px; right: 0; left: 0; }   margin: 0; padding: 0; }   margin-right: 8px; height: 29px; }   margin-right: 0; }   border-right: 1px solid #fff; color: #fff; font-size: 13px; font-weight: bold; line-height: 29px; padding: 0 15px; text-decoration: none; }   text-decoration: none; }   border: none; }   width: 18em; color: #fff; }   color: #000; }   padding-right: 8px; background: url(/local--files/green-fresh/shadow-right.png) no-repeat right -29px; overflow: hidden; }   border-left:1px dashed #DDDDDD; float:right; margin-top:10px; overflow:hidden; padding:0 15px 0; width:200px; }   margin: 20px 0 20px 0; padding: 0 15px; min-height: 150px; overflow: hidden; } h1, h2, h3, #page-title { padding: 0; margin: 15px 0; }   margin-top: 0; }   padding-bottom: 2px; border-bottom: 1px solid #eee; margin-top: 0; font-size: 180%; }   right: 8px; top: 8px; }   background: white; }   right:-53px; top:50px; }   visibility: hidden; }   background-color:#EEEEEE; color:#999999; }   padding:2px 2px 2px 5px; width:220px; }   text-decoration: none; }   color: #fff; }   color: #000; } div.buttons input, input.button, button, file, a.button { background: #F4F4F4 url(http://themes.wikidot.com/local--files/rainbow-base/button_2.png) repeat-x; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 26px; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover { background-color: #DDD; background-position: 0 -26px; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000; height: 26px; } div.page-calendar-box { padding: 0; } /* Quotes in Blockquotes by James Kanjo */ /* http://snippets.wikidot.com/code:quotes-in-blockquotes */ blockquote { background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-right.gif); background-repeat: no-repeat; background-position: bottom right; } blockquote p { background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-left.gif); background-repeat: no-repeat; margin-top: 0; padding: 1em 60px 0; min-height: 37px; } blockquote p + p {   padding-top: 0;    background-image: none;} margin-bottom: 1em; } .odate, .like-odate { font-size: 85%; font-weight: bold; color: #666; background: transparent; margin: 0; padding-top: 0; padding-bottom: 0; } .member .error-block { display:none; } /* Pop-up hover text over images or links, based on James Kanjo's design, improved & simplified by Pieter Hintjens */ /* Use: span class="hover"Image or linkspanHover text/span/span */ .hover span { display: none; } .hover:hover span { position: absolute; display: inline; margin: 20px -20px 0 0; height: auto; width: auto; background: #eee; border: 1px solid #555; color: #555; padding: 1em; font-size: 12px; } .hover:hover span span { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; } .hover:hover { background-color: transparent; text-decoration: underline; } /* Text-only Join link by Ken Tsang */ .join-text a { display: inline; margin: 0; padding: 0; font-size: 100%; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-decoration: none; } .join-text a:hover { text-decoration: underline; } /* Use elegant code brackets from Wikidot Community */ .code { -moz-box-shadow: 10px -5px 15px #ddd; background-color:#E1E8E8; background-image:url(http://community.wikidot.com/local--files/admin:css/brackets.png); background-repeat:no-repeat; border:2px dotted darkgrey; font-family:monospace; font-size:12px; margin:0.4em 0 0.4em 40px; min-height:65px; overflow:auto; padding: 0 1em 0 40px; width:85%; } /* For PageManager module (http://modules.wikidot.com) */ /* Table style is layout, header/footer are top & bottom rows */ .layout { border-collapse:collapse; color:#3B485F; width: 100%; table-layout:fixed; } .layout tr { background: #FCFFDF; border-bottom:1px solid #EFEFEF; } .layout td { padding-left: 1em; } .layout .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .layout .header { height: 2em; background: #AFCCFF; border-bottom: 1px solid #9F9F9F; font-weight: bold; font-size: 13px; } .layout .footer { background: #FCFFDF; border-top: 1px solid #9F9F9F; border-bottom: 1px solid #9F9F9F; font-weight: bold; } body { background: #fff url(http://themes.wdfiles.com/local--files/midnight-coal/footer-bg.png) repeat-x bottom; } a { color: #000000; } a:hover { color: #000000; } a.newpage { color: #545454; } h1, h2, h3, #page-title { color: #000000; }   color: #323232; }   background: url(http://themes.wdfiles.com/local--files/midnight-coal/menu-bg.png) repeat-x top; }   background: url(http://themes.wdfiles.com/local--files/midnight-coal/menu-hover.png); }   background: #000000; }   background: #545454; }   color: #000000; }   background: #000000; }   background: #545454; } input.text, textarea { border-color: #000000; } .hover { color: #0a9200; } .hover:hover{ color: #0a9200; } /* Classes for tab views, by Steven Heynderickx  */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border:solid #000000; /* color of the line between tab list and content */ border-width:0 0 3px; /*thickness of the line between tab list and content */ } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { margin:0 1px 0 0; /* space between tabs */ } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { margin:0 1px -1px 0; /* for overlap */ } /* Settings for unselected tabs */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background:#323232 url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px; border-top:solid #000000 1px; border-left:solid #000000 1px; border-right:solid #000000 1px; font-weight:600; font-size:80%; color:#000;/*tab text color*/ } /* Settings for unselected tabs */ .yui-navset .yui-nav a:hover, .yui-navset .yui-navset-top .yui-nav a:hover { background:#545454 } /* Settings for unselected tabs */ .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border:solid #f00 0px; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background:#000000 url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px; }
 * 1) container-wrap {
 * 1) container {
 * 1) header {
 * 1) header h1 {
 * 1) header h1 span {
 * 1) header h1 a {
 * 1) header h2 {
 * 1) header h2:before {
 * 1) header h2 span {
 * 1) top-bar {
 * 1) top-bar li, #top-bar ul {
 * 1) top-bar ul {
 * 1) top-bar ul ul {
 * 1) top-bar li a {
 * 1) top-bar li a:hover {
 * 1) top-bar li ul {
 * 1) top-bar li ul li a {
 * 1) top-bar li ul li a:hover {
 * 1) content-wrap {
 * 1) side-bar {
 * 1) main-content {
 * 1) page-content > *:first-child {
 * 1) page-title {
 * 1) login-status {
 * 1) top-bar li a:hover {
 * 1) search-top-box {
 * 1) search-top-box .button {
 * 1) search-top-box input.empty {
 * 1) search-top-box .text {
 * 1) login-status a {
 * 1) login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a {
 * 1) login-status #account-topbutton:hover, .change-textarea-size a:hover {
 * 1) breadcrumbs {
 * 1) membership-by-password-box error-block,
 * 2) membership-apply-box error-block,
 * 1) header h1 a {
 * 1) top-bar ul {
 * 1) top-bar li a:hover {
 * 1) top-bar li ul li a {
 * 1) top-bar li ul li a:hover {
 * 1) login-status a {
 * 1) login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a {
 * 1) login-status #account-topbutton:hover, .change-textarea-size a:hover {