CSS
/* Deep Blue fixed-width variation Produced by the Wikidot Rainbow Theme Factory by Pieter Hintjens Color chart: * Primary: #0018aa * Hilite: #0225fa * Header: #3344aa */ html,body { min-height: 101%; } a { text-decoration: none; } a:hover { background-color: transparent; text-decoration: underline; } #container-wrap { background: url(http://themes.wdfiles.com/local--files/green-fresh/body-bg.png) repeat-x top; } /* Use 950 pixels width for normal screens, 100% for iPhones */ #container { width: 950px; margin: 0 auto; padding-left: 8px; background: url(http://themes.wdfiles.com/local--files/green-fresh/shadow-left.png) no-repeat 0 89px; position: relative; } @media only screen and (max-device-width: 480px) { #container { width: 100%; } } #header { height: 118px; padding-right: 8px; background: url(http://themes.wdfiles.com/local--files/green-fresh/shadow-right.png) no-repeat right 89px; } #header h1 { float: left; padding: 43px 0 0 16px; } #header h1 span { padding-right: 7px; } #header h1 a { 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; } #header h2 { padding: 49px 7px 0; font-family: "Verdana", Arial, Helvetica, sans; font-size: 16px; line-height: 20px; color: #fff; } #header h2:before { content: "|"; } #header h2 span { padding-left: 7px; font-size: 10px; text-transform: uppercase; color: #777; } #top-bar { width: 100%; height: 29px; right: 0; left: 0; } #top-bar li, #top-bar ul { margin: 0; padding: 0; } #top-bar ul { margin-right: 8px; height: 29px; } #top-bar ul ul { margin-right: 0; } #top-bar li a { border-right: 1px solid #fff; color: #fff; font-size: 13px; font-weight: bold; line-height: 29px; padding: 0 15px; text-decoration: none; } #top-bar li a:hover { text-decoration: none; } #top-bar li ul { border: none; } #top-bar li ul li a { width: 18em; color: #fff; } #top-bar li ul li a:hover { color: #000; } #content-wrap { padding-right: 8px; background: url(http://themes.wdfiles.com/local--files/green-fresh/shadow-right.png) no-repeat right -29px; overflow: hidden; } #side-bar { border-left:1px dashed #DDDDDD; float:right; margin-top:10px; overflow:hidden; padding:0 15px 0; width:200px; } #main-content { margin: 20px 0 20px 0; padding: 0 15px; min-height: 150px; overflow: hidden; } h1, h2, h3, #page-title { padding: 0; margin: 15px 0; } #page-content{ min-height:400px; } #page-content > *:first-child { margin-top: 0; } #page-title { padding-bottom: 2px; border-bottom: 1px solid #eee; margin-top: 0; font-size:20px; } #login-status { right: 8px; top: 8px; } #top-bar li a:hover { background: white; } #search-top-box { right:-53px; top:50px; } #search-top-box .button { visibility: hidden; } #search-top-box input.empty { background-color:#EEEEEE; color:#999999; } #search-top-box .text { padding:2px 2px 2px 5px; width:220px; } #login-status a { text-decoration: none; } #login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a { color: #fff; } #login-status #account-topbutton:hover, .change-textarea-size a:hover { color: #000; } div.buttons input, input.button, button, file, a.button { background-image: url(http://themes.wikidot.com/local--files/rainbow-base/button.png); 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-image: url(http://themes.wikidot.com/local--files/rainbow-base/button_hover.png); 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; } 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-top: 1em; min-height: 37px; } blockquote p + p { padding-top: 0; background-image: none; } #breadcrumbs { 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 */ /* Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */ .hover span { display: none; } .hover:hover span { position: absolute; display: inline; margin: 15px -20px; 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; } body { background: #fff url(http://themes.wdfiles.com/local--files/deep-blue/footer-bg.png) repeat-x bottom; } a { color: #0018aa; } a:hover { color: #0018aa; } a.newpage { color: #0225fa; } h1, h2, h3, #page-title { color: #0018aa; } #header h1 a { color: #3344aa; } #top-bar ul { background: url(http://themes.wdfiles.com/local--files/deep-blue/menu-bg.png) repeat-x top; } #top-bar li a:hover { background: url(http://themes.wdfiles.com/local--files/deep-blue/menu-hover.png); } #top-bar li ul li a { background: #0018aa; } #top-bar li ul li a:hover { background: #0225fa; } #login-status a { color: #0018aa; } #login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a { background: #0018aa; } #login-status #account-topbutton:hover, .change-textarea-size a:hover { background: #0225fa; } input.text, textarea { border-color: #0018aa; }