Theme
/* GLOBAL =========================================*/ p {margin: 7px 0;line-height: 1.36em;} a {color: #A8874F;text-decoration: none;} a.newpage {color: #b30000;} a:hover {color: #222;background-color: transparent;} /* CONTAINERS =========================================*/ #container-wrap-wrap { background-color: #D7A954; background-image: linear-gradient(bottom, rgb(215,169,84) 26%, rgb(235,198,134) 63%, rgb(245,222,182) 82%); background-image: -o-linear-gradient(bottom, rgb(215,169,84) 26%, rgb(235,198,134) 63%, rgb(245,222,182) 82%); background-image: -moz-linear-gradient(bottom, rgb(215,169,84) 26%, rgb(235,198,134) 63%, rgb(245,222,182) 82%); background-image: -webkit-linear-gradient(bottom, rgb(215,169,84) 26%, rgb(235,198,134) 63%, rgb(245,222,182) 82%); background-image: -ms-linear-gradient(bottom, rgb(215,169,84) 26%, rgb(235,198,134) 63%, rgb(245,222,182) 82%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.26, rgb(215,169,84)), color-stop(0.63, rgb(235,198,134)), color-stop(0.82, rgb(245,222,182)) ); } #container-wrap { background-color: transparent; margin: 0 auto; width: 1070px; } #container { background-color: #ffffff; } #content-wrap { position: relative; padding: 0; margin-top: 20px; clear: both; overflow: hidden; } body { background-color: #d7a954; background-image: url("local--files/css:theme/container-bg.jpg") !important; background-repeat: repeat-x !important; color: #222222; font: 13px/1.3em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } /* HEADINGS =========================================*/ h1, h2, h3, h4, h5, h6 { color: #222; font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; margin: 16px 0; } h1 {font-size: 220%;} h2 {font-size: 180%; color: #444;} h3 {font-size: 170%;} h4 {font-size: 140%;} h5 {font-size: 120%; font-weight: bold;} h6 {font-size: 115%; font-weight: bold;} } h4 span { color: #A8874F; } /* TEXT INPUT =========================================*/ input[type=text], textarea { margin: 0; padding: 7px 5px; background: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff), color-stop(.2,#fff)); background-image: -moz-linear-gradient(top,#f5f5f5, #fff, #fff 60%); border: 1px solid #ccc; } input[type=text]:focus, textarea:focus { border: 1px solid #3198dd; outline: none; } /* HEADER =========================================*/ #header { background-color: #ffffff; background-image:url(/local--files/css:theme/mine1070.jpg); background-position: left top; background-repeat: no-repeat; height: 300px; position: relative; } #header h1 { height: 70px; padding-left: 25px; position: absolute; right: 60px; top: 40px; } #header h1 a { -webkit-transition: color 140ms linear; -moz-transition: color 140ms linear; color: white; font-size: 30px; padding: 17px 0 0; letter-spacing: -2px; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.2); transition: color 140ms linear; } #header h1 a:hover { color: #A8874F; } #header h2 { color: #FFFFFF; float:right; font: 120% Arial,Helvetica,sans-serif; margin-right: 60px; padding-top: 80px; text-align: right; width: 400px; } #header-extra-div-1 { background-color: #FFFFFF; background-image: url("/local--files/css:theme/wiki-logo-150.png"); background-position: center top; background-repeat: no-repeat; border: 5px solid #fff; border-radius: 15px; height: 145px; left: 40px; position: absolute; top: 45px; width: 150px; z-index: -1; } /* LOGIN =========================================*/ #login-status, printuser { color: #fff; } a#account-topbutton { background: none; border: none; } #login-status a { padding: 0 3px; color: #ffffff; text-decoration: none; } #login-status a:hover { color: #fff; } #account-options { width: 140px; margin-top: 4px; text-align: center; border: none; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); box-shadow: 0 0 3px rgba(0,0,0,0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #account-options a { text-shadow: none; color: #888; } /* SEARCH =========================================*/ #search-top-box { position: absolute; right: 20px; top: 220px; height: 30px; width: 260px; text-align: right; } #search-top-box-form { height: 30px; } #search-top-box input.text { width: 170px; margin: 0; padding: 7px 25px 7px 5px; } #search-top-box input.text.empty { color: #666; font-style: italic; } #search-top-box input.button { position: absolute; top: 2px; right: -5px; border: none; display: block; width: 36px; height: 28px; padding: 0; background: transparent url(http://themes.wdfiles.com/local--files/pink-flower/flower-searchButton.png) no-repeat left center; color: transparent; text-indent: -9999px; font-size: 0; line-height: 0; opacity: 0.7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-top-box input.button:hover { opacity: 1; } /* TOP BAR =========================================*/ #top-bar { -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px; background-color: #ddd; border: 1px solid #112233; border-radius: 4px; bottom: 0; box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px; height: 43px; left: 0; position: absolute; width: 1068px; z-index: 2; } #top-bar ul { border: none; float: left; height: 43px; padding: 0; margin: 0; } #top-bar ul li { display: inline; font-size: 14px; padding: 0; height: 28px; margin: 0; position: relative; } #top-bar ul li:first-child a { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #top-bar ul li a { display: block; color: #565656; font-weight: bold; height: 25px; padding: 13px 26px 5px; text-shadow: 0px 1px 1px #fff; border-right: 1px solid #d5d5d5; -webkit-transition: background-color 220ms ease; -moz-transition: background-color 220ms ease; } #top-bar ul li a.current-link { color: #A8874F } #top-bar ul li a:hover, #top-bar ul li.sfhover a { background-color: #fff; background-color: rgba(255,254,255,0.85); text-decoration: none; } #top-bar ul li ul { background-color: #ffffff; color: #fff; visibility: hidden; opacity: 0; font-size: 1em; left: 0; line-height: 1.8em; padding: 4px 0; position: absolute; z-index: 100; width: 200px; height: auto; border: none; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6); box-shadow: 0 1px 4px rgba(0,0,0,0.6); -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; } #top-bar ul li:hover ul { display: inline-block; opacity: 1; } #top-bar ul li ul li { background: none repeat scroll 0 0 #FFFFFF; border: medium none; display: inline-block; padding: 0 5px; width: 190px; } #top-bar ul li ul li a { background: none repeat scroll 0 0 #FFFFFF; height: auto; line-height: 0.8; padding: 6px 0; text-transform: none; width: 190px; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { background: none; } #top-bar ul li ul li a:hover { color: #A8874F; } #top-bar ul li ul li ul { display: none !important; } /* SIDEBAR =========================================*/ #side-bar{ float: left; margin: 0; overflow: hidden; padding: 0 20px 0 10px; width: 180px; } #side-bar a { color: #A8874F; font-size: 110%; } #side-bar a:hover { color: #112233; } #side-bar ul { list-style-type: none; padding: 0 5px 0; } #side-bar ul li { margin-bottom: 5px; } #sider ,pager .pager-no { display: none; } /* BREADCRUMBS =========================================*/ #breadcrumbs { color: #666; padding: 5px 10px; width: 95%; margin: 15px 5px; font-size: 11px; background: url(http://smpcentre.wikidot.com/local--files/css:theme/breadcrumb-bg.gif) repeat 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px rgba(0,0,0,0.15); } #breadcrumbs a {color: #666;} #breadcrumbs a:hover {color: #A8874F;} /* MAIN CONTENT =========================================*/ #page-title { border: none; font-size: 28px; font-weight: normal; text-decoration: none; color: #424242; letter-spacing: -1px; padding: 20px 5px; } #main-content { border-left: 1px solid #A8874F; float: left; padding: 0; margin: 0; overflow: hidden; width: 850px; } #page-content { margin-bottom: 40px; padding-left:5px; width: 840px; } /* DATAFORMS ============================================*/ /* Following rule is for the reset/delete/add file button in the dataform */ .form-values a { border:1px solid red; color:red; margin-left:50px; padding:0 10px; } /* TABLES ============================================*/ table.wiki-content-table { margin:0; } table.wiki-content-table tr:nth-child(odd) { background: url("http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif") repeat-x scroll 0 0 transparent; } .collapsible-block-unfolded-link a, .collapsible-block-folded a { color: #112233; } .collapsible-block-unfolded-link a { border: 1px solid red; padding: 5px; } /* TABS ============================================*/ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { background-color: gray; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: gray; } .yui-navset .yui-content { background-color: #fff; } /* FOOTER ==========================================*/ #page-options-container { padding-bottom: 5px; } .page-options-bottom { text-align: left; } .page-options-bottom a { background: url("http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif") repeat-x scroll 0 0 transparent; border: 1px solid #D4D4D4; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #616161; font: bold 13px Arial,sans-serif; height: auto; margin: 0 5px; padding: 6px 10px; } #footer { background-color: #A8874F; color: #BBBBBB; font-size: 0.95em; height: 50px; margin: 5px auto; padding: 0 0 0 10px; position: relative; width: 1060px; } #footer .options { font-size: 100%; } #footer a, #license-area a { color: #bbb; text-decoration: none; } #footer a:hover, #license-area a:hover { color: #A8874F; } #page-info, #page-info span { color: white; } /* CODE ==========================================*/ #action-area {padding: 0 3px;} #action-area h1 {font-size: 200%;} .code { background: #fff; display: block; padding: 10px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } blockquote { background: url(http://smpcentre.wikidot.com/local--files/css:theme/quote.png) no-repeat 0 0; border: none; color: #555; font-family: Georgia, “Times New Roman”, Times, serif; font-style: italic; min-height: 30px; padding: 0 45px; margin: 0 40px 25px 40px; } .hovertip { border: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 300px; background: none; } .hovertip .content { background-color: #333; background-color: rgba(20,20,20,0.83617); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 8px; color: #fff; } .hovertip .content .footnote .f-content { margin: 2px; } .hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer { display: none !important; } pre { white-space: pre-wrap; } .change-textarea-size a:hover { background: #eee; } /* BUTTONS ============================================*/ div.buttons input, input.button, button, file, a.button, .button-bar a, #new-post-button, .rate-points, .rateup a, .ratedown a, .cancel a, .pager a, .pager .current, div.new-post a, .owindow .button-bar a { height: auto; padding: 6px 10px; font: bold 13px Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif) repeat-x; border: 1px solid #d4d4d4; color: #616161; margin: 0 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, .rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, div.new-post a:hover, .owindow .button-bar a:hover { color: #515151; background: #fff; text-decoration: none; cursor: pointer; } .page-rate-widget-box .rate-points, .pager .current { color: #555; padding: 4px 6px; font-size: 1.1em; border: 1px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pager a, .pager a:hover, .pager .current, .page-rate-widget-box a { padding: 3px 8px; } .pager .current { border: 1px solid #A8874F; } /* POPUPS ==========================================*/ .owindow { -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); border: none; padding: 5px 10px 10px; background-color: #486683; border-radius: 6px; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); } .owindow .title { background: none; border: none; color: #bcbcbc; padding: 5px 20px 15px; text-shadow: 0 1px 1px #222; } .owindow .content { -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #f8f8f8; border-radius: 6px; } .owindow.owait, .owindow.osuccess { background-color: #fbfbfb; } .owindow h1 { font-size: 1.6em; } .owindow .button-bar { padding-right: 0; } .owindow .button-bar a { outline: none; } /* TABS ==========================================*/ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { background-color: gray; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: gray; } .yui-navset .yui-content { background-color: #F7F3DE; } .image-container { padding-top: 0; }
page revision: 141, last edited: 05 Jan 2012 12:47