Css1
/*** Hello Theme by BMC WebDesign, 2010. http://css3.wikidot.com ***** v1.00 Original PSD template by Orman Clark of http://premiumpixels.com ***/ /*------------------------------------------------------------- GLOBAL ---------------------------------------------------------------*/ p {margin: 7px 0;line-height: 1.36em;} a {color: #4E0000;text-decoration: none;} a.newpage {color: #b30000;} a:hover {color: #222;background-color: transparent;} h1, h2, h3, h4, h5, h6 { color: #222; font-weight: bold; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; margin: 16px 0; } h1 {font-size: 200%;} h2 {font-size: 160%; color: #444;} h3 {font-size: 150%;} h4 {font-size: 130%;} h5 {font-size: 115%; font-weight: bold;} h6 {font-size: 100%; font-weight: bold;} h2, .comments-box h1 { } h4 { padding-left: 5px; } h4 span { color: #4E0000; } 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; } /*------------------------------------------------------------- LAYOUT ---------------------------------------------------------------*/ html { background: #e7e7e2; } body { color: #222; background: url(http://themes.wdfiles.com/local--files/hello/hello-body-top-bg.gif) repeat-x; font: 13px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #container-wrap { margin: 0 auto; width: 95%; } /*------------------------------------------------------------- HEADER ---------------------------------------------------------------*/ #header { height: 180px; position: relative; background-image: url(http://www.chinesemedicinewiki.org/local--files/admin:css7/logo.jpg); background-position: left bottom; background-repeat: no-repeat; left:36px; } #header h1 { position: absolute; top: 78px; left: 169px; } #header h1 a { color: #3a3a3a; font-size: 36px; padding: 17px 0 0; letter-spacing: -2px; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-transition: color 140ms linear; -moz-transition: color 140ms linear; transition: color 140ms linear; } #header h1 a:hover {color: #4E0000;} #header h2 { color: #aaa; position: absolute; top: 115px; left: 169px; background: none; text-transform:5uppercase; font: 12px Arial, Helvetica, sans-serif; } /*----- LOGIN STATUS ------------------------------------------*/ #login-status { color: #bbb; position: absolute; top: 8px; text-shadow: 0 1px 1px rgba(0,0,0,0.75); } #login-status .printuser a { display: none; } a#account-topbutton { background: none; border: none; } #login-status a { padding: 0 3px; color: #bbb; 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 TOP BOX -----------------------------------------*/ #search-top-box { position: absolute; top: 136px; left: 169px; height: 30px; width: 400px; text-align: right; } #search-top-box-form { height: 30px; width: 400px; } #search-top-box input.text { margin: 0; padding: 7px 25px 7px 5px; width: 400px; } #search-top-box input.text.empty { color: #666; font-style: italic; width: 400px; } #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; } /*----- TOPBAR NAVIGATION ------------------------------------*/ #top-bar { height: 28px; display: block; position: absolute; left: 0; top: 0; width: 85%; } #top-bar ul { float: left; padding: 0; height: 28px; margin: 0; border: none; } #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: 28px; padding: 13px 26px 5px; text-shadow: 0px 1px 1px #fff; -webkit-transition: background-color 220ms ease; -moz-transition: background-color 220ms ease; } #top-bar ul li a.current-link { color: #ffffff; } #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 { color: #fff; visibility: hidden; opacity: 0; font-size: 1em; left: 0; line-height: 1.8em; padding: 4px 0; position: absolute; z-index: 100; width: 160px; height: auto; border: none; background: url(http://themes.wdfiles.com/local--files/hello/hello-topbar-ul-bg.gif) repeat; -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 { padding: 0 10px; background: none; border: none; display: inline-block; width: auto; height: auto; } #top-bar ul li ul li a { background: none; padding: 6px 0; text-transform: none; line-height: 1; height: auto; } #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: #ffffff; } #top-bar ul li ul li ul { display: none !important; } #top-bar { background: #3b3b3b url(http://themes.wdfiles.com/local--files/goodnight/goodnight-topbar-bg.png) repeat; -webkit-background-clip: padding-box; } #top-bar ul { } #top-bar ul li a { color: #eee; text-shadow: 0px 1px 2px #000; -webkit-transition: background-color 220ms ease; -moz-transition: background-color 220ms ease; } #top-bar ul li a:hover, #top-bar ul li.sfhover a { background-color: #4a4a4a; background-color: rgba(255,254,255,0.1); text-decoration: none; } #top-bar ul li ul { color: #fff; background: #3b3b3b url(http://themes.wdfiles.com/local--files/goodnight/goodnight-topbar-bg.png) repeat; } #top-bar { z-index: 11; } #top-bar{ background: none; } /*------------------------------------------------------------- MAIN CONTENT ---------------------------------------------------------------*/ #content-wrap { margin-top: 20px; clear: both; overflow: hidden; margin: 10px auto; } #page-title { border: none; font-size: 24px; font-weight: bold; text-decoration: none; margin: 10px 0 !important; color: #424242; letter-spacing: -1px; padding: 0 0 8px; } #main-content { padding-left: 205px; margin-left: 0em; } #page-content { margin: 0 auto; background-color: #ffffff; padding: 10px 10px 10px; margin-top: 0; overflow: hidden; background: #fff; border: 1px solid #d2d2cc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; -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); } /*----- SIDEBAR -------------------------------------------*/ #side-bar{ float: left; padding-top: 20px; width: 175px; margin: 0; overflow: hidden; } #side-bar a {color: #444;} #side-bar a:hover {color: #4E0000;} #side-bar ul { list-style-type: none; padding: 0 9px 0; } /*----- SIDEBAR ON LEFT -----------------------------------* #page-title {margin-left: 10px;} #side-bar {float: left;} #main-content { float: right; border-right: none; } /*----- BREADCRUMBS -------------------------------------------*/ #breadcrumbs { color: #666; width: 95%; padding: 5px 10px 0 5px; margin: 0 0 5px 0; font-size: 16px; background: #F2F2F2; -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); border-radius: 5px; } #breadcrumbs a {color: #666;} #breadcrumbs a:hover {color: #4E0000;} /*------------------------------------------------------------- FOOTER ---------------------------------------------------------------*/ #page-options-container {padding-bottom: 5px;} #footer { color: #bbb; padding: 12px 10px 0; font-size: 0.95em; margin-top: 35px; text-shadow: 0 1px 1px rgba(0,0,0,0.75); } #footer .options {font-size: 100%;} #footer a, #license-area a { color: #bbb; text-decoration: none; } #footer a:hover, #license-area a:hover {color: #4E0000;} #license-area { padding: 15px 10px 20px; color: #ddd; font-size: 0.95em; text-shadow: 0 1px 1px rgba(0,0,0,0.75); } #extra-div-1 { position: absolute; display: block; width: 100%; height: 80px; /* If you use a custom footer, change this value */ background: url(http://themes.wdfiles.com/local--files/hello/hello-footer-bg.gif) repeat; bottom: 0; z-index: -1; } #extra-div-1:before { content: '\00a0'; position: relative; display: block; width: 100%; height: 10px; background: url(http://themes.wdfiles.com/local--files/hello/hello-footer-border.gif) repeat; top: -10px; } /*------------------------------------------------------------- WIKI ELEMENTS ---------------------------------------------------------------*/ #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://themes.wdfiles.com/local--files/hello/hello-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; } #toc { border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*----- INBUILT HOVERTIPS -------------------------------------*/ .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; } /*----- COMMENTS ----------------------------------------------*/ .comments-box { border-top: 2px solid #eee; margin: 10px 0; } .comments-box h1 { color: #444; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .change-textarea-size { padding-right: 50px; } .change-textarea-size a { background: #fff; border: 1px solid #d4d4d4; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .change-textarea-size a:hover { background: #eee; } .post-container { background: #fefefe; padding: 0 10px; position: relative; margin: 15px 0; border: 1px solid #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .post-container .post { margin: 0; padding: 5px 0 2px; } .post-container .post.folded .short {background: none;} .post-container .head .info, .post-container .head { margin: 0; background: none !important; border: none; text-transform: none; } .post-container .head .info .printuser a { color: #4E0000; text-transform: none; font-weight: bold; font-size: 16px; } .post-container .head .info .printuser a:hover { background: none; color: #444; } .post-container .head .info .odate { float: right; color: #777; font-size: 12px; } .post-container .head .options{display: none;} .post-container .options { margin: 5px 0 0; padding: 5px 0 0; } .post-container .post .options a { color: #444; padding: 4px 0 0; text-decoration: none; font-size: 12px; } .post-container .post .options a:hover {color: #4E0000;} /*----- 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 #4E0000; } /*----- OWINDOWS ----------------------------------------------*/ .owindow { border: none; padding: 5px 10px 10px; background-color: rgba(20,20,20,0.7); -webkit-border-radius: 6px; -moz-border-radius: 6px; 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); box-shadow: 1px 1px 5px rgba(0,0,0,0.5); } .owindow .title { background: none; padding: 5px 20px 15px; border: none; color: #bcbcbc; text-shadow: 0 1px 1px #222; } .owindow .content { background: #f8f8f8; -webkit-border-radius: 6px; -moz-border-radius: 6px; 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;} td { border-radius: 5px; }