Css
/*GLOBAL ---------------------------------------------------------------*/ p { line-height:1.36em; margin:7px 0; } a { color:#3E0000; text-decoration:none; } a.newpage { color:#b30000; } a:hover { color:#222; background: none; } h1,h2,h3,h4,h5,h6 { color:#222; font-weight:700; font-family:Helvetica, Arial, sans-serif; line-height:1.2em; margin:16px 0; } h2 { font-size:160%; color:#444; } h3 { font-size:150%; } h4 { font-size:130%; padding-left:5px; } h5 { font-size:115%; font-weight:700; } h6 { font-size:100%; font-weight:700; } input[type=text],textarea { background:#fff; background-image:0; border:1px solid #ccc; margin:0; padding:7px 5px; } input[type=text]:focus,textarea:focus { border:1px solid #3198dd; outline:none; } html { background: none repeat scroll 0 0 #fcfcfc; } body { border-top: 30px solid #171716; font: 13px/1.3em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } #container-wrap { width:95%; margin:0 auto; } #container-wrap-wrap { margin-top: -35px; position: relative; width:100% } #header { height:180px; position:relative; background-image:url(http://www.chinesemedicinewiki.org/local--files/admin:css/logo.png); background-position:left bottom; background-repeat:no-repeat; left:55px; } #header h1 { position:absolute; top:78px; left:148px; } #header h1 a { color:#3a3a3a; font-size:33px; letter-spacing:-2px; font-weight:700; padding:17px 0 0; } #header h1 a:hover { color:#3E0000; background: none; } #header h2 { color:#aaa; position:absolute; top:115px; left:150px; background:none; text-transform:5s; font:14px Arial, Helvetica, sans-serif; } #login-status { color:#bbb; position:absolute; top:8px; } a#account-topbutton { background:none; border:none; } #login-status a { color:#bbb; text-decoration:none; padding:0 3px; } #account-options { width:140px; margin-top:4px; text-align:center; border:none; } #account-options a { color:#888; } #search-top-box { position:absolute; top:136px; left:150px; height:30px; width:360px; text-align:right; } #search-top-box-form { height:30px; width:360px; } #search-top-box input.text { width:360px; margin:0; padding:7px 25px 7px 5px; } #search-top-box input.text.empty { color:#666; font-style:italic; width:360px; } #search-top-box input.button { position:absolute; top:2px; right:-5px; border:none; display:block; width:36px; height:28px; 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; padding:0; } #top-bar { height:28px; display:block; position:absolute; left:-40px; top:0; z-index:11; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:rgba(0,0,0,0.1032) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.1032) 0 1px 2px; box-shadow:rgba(0,0,0,0.1032) 0 1px 2px; -webkit-background-clip:padding-box; } #top-bar ul { float:left; height:28px; border:none; margin:0; padding:0; } #top-bar ul li { display:inline; height:28px; position:relative; margin:0; padding:0; } #top-bar ul li a { display:block; font-weight:700; height:16px; color:#fff; text-shadow:0 1px 2px #000; border-right:1px solid #2c2c2c; border-left:1px solid #585858; -webkit-transition:background-color 220ms ease; -moz-transition:background-color 220ms ease; padding:13px 26px 5px; -webkit-border-radius:0 4px 4px 1px; -moz-border-radius:0 4px 4px 1px; border-radius:0 4px 4px 1px; -webkit-box-shadow:0 4px 4px 1px rgba(0,0,0,0.6); -moz-box-shadow:0 4px 4px 1px rgba(0,0,0,0.6); box-shadow:0 4px 4px 1px rgba(0,0,0,0.6); } #top-bar ul li a:hover,#top-bar ul li.sfhover a { text-decoration:none; } #top-bar ul li ul { visibility:hidden; font-size:1em; left:0; line-height:1.8em; position:absolute; z-index:100; width:auto; height:auto; border:none; } #top-bar ul li:hover ul { display:inline-block; background: #2b2b2a; } #top-bar ul li ul li { background:#171716; border:none; display:inline-block; width:auto; height:auto; padding:0 10px; } #top-bar ul li ul li a { background:none; text-transform:none; line-height:1; height:auto; padding:6px 0; border-top:1px solid #2c2c2c; border-bottom:1px solid #585858; -webkit-border-radius:0 4px 4px 1px; -moz-border-radius:0 4px 4px 1px; border-radius:0 4px 4px 1px; -webkit-box-shadow:0 4px 4px 1px rgba(0,0,0,0.6); -moz-box-shadow:0 4px 4px 1px rgba(0,0,0,0.6); box-shadow:0 4px 4px 1px rgba(0,0,0,0.6); color:#fff; padding:0 6px 6px 6px; } #top-bar ul li a:hover { background-color:#333332; text-shadow:0 1px 2px #3E0000; } #top-bar ul li ul li a:hover, #top-bar ul li a:hover { background: #333332; text-decoration:bold; text-shadow:0 1px 2px #3E0000; } #top-bar ul li a.current-link,#top-bar ul li ul li a:hover { color:#fff; } #content-wrap { clear:both; overflow:hidden; margin:10px auto; } #page-title { border:none; font-size:24px; font-weight:700; text-decoration:none; color:#424242; letter-spacing:-1px; margin:10px 0 !important; padding:0 0 8px; } #main-content { padding-left:205px; margin-left:0; border-right:none; } #page-content { overflow:hidden; background:#fff; border:1px solid #d2d2cc; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.1); box-shadow: 0 4px 4px rgba(0,0,0,0.1); } #side-bar { padding-top:40px; width:175px; position:relative; overflow:hidden; z-index:2; float:left; } #side-bar ul { list-style-type:none; width:100%; padding-left: 0em; } #side-bar ul li a { display:block; border-radius: 10px 10px 10px 10px; box-shadow: none; display: block; text-transform:none; line-height:1; padding:6px 6px 6px 6px; margin-left: 10px; -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); } #side-bar li a { margin-left: 10px; background: #ffffff; } #side-bar ul li ul { color:#fff; visibility:hidden; position:relative; right:5px; z-index:100; width:100%; height:auto; border:none; text-decoration:none; padding:1px 0; } #side-bar ul li ul li { font-size:14px; border:none; display:block; padding:0 10px 10px 10px ; } #side-bar ul li ul li a { border-radius: 10px 10px 10px 10px; box-shadow: none; display: block; background: #ffffff; text-transform:none; line-height:1; padding:6px 6px 6px 6px; margin-left: 10px; -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); } #side-bar div.foldable-list-container ul li ul li { font-size: 100%; } #side-bar ul li:hover ul li, #side-bar ul li ul li { display:block; font-size:14px; text-decoration:bold; background:#ffffff; } #side-bar ul li ul li a:hover, #side-bar ul li a:hover { background: #f3f3f3; text-decoration:bold; } #breadcrumbs { color:#666; width:95%; font-size:11px; background:url(http://themes.wdfiles.com/local--files/hello/hello-breadcrumb-bg.gif) repeat 0 0; margin:15px 5px; padding:5px 10px; } #breadcrumbs a { color:#666; } #page-options-container { padding-bottom:5px; } #footer { color:#888; font-size:0.95em; margin-top:0; padding:12px 10px 0; } #footer .options { font-size:100%; } #footer a,#license-area a { color:#888; text-decoration:none; } #license-area { color:#888; font-size:0.95em; padding:5px 10px 40px; } #action-area { padding:0 3px; } #action-area h1 { font-size:200%; } .code { background:#f9f9f9; display:block; border:1px solid #ccc; padding:10px; } 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; margin:0 40px 25px; padding:0 45px; } #toc { overflow:hidden; background:#fff; border:1px solid #d2d2cc; padding:10px; -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); } .hovertip { border:none !important; max-width:300px; background:none; } .hovertip .content { background-color:rgba(20,20,20,0.83617); color:#fff; padding:4px 8px; } .hovertip .content .footnote .f-content { margin:2px; } .comments-box { border-top:2px solid #eee; margin:10px 0; } .comments-box h1 { color:#444; font-size:16px; font-weight:700; letter-spacing:1px; text-transform:uppercase; } .change-textarea-size { padding-right:50px; } .change-textarea-size a { background:#fff; border:1px solid #d4d4d4; } .change-textarea-size a:hover { background:#eee; } .post-container { background:#fefefe; position:relative; border:1px solid #bbb; margin:15px 0; padding:0 10px; } .post-container .post { margin:0; padding:5px 0 2px; } .post-container .head .info,.post-container .head { background:none !important; border:none; text-transform:none; margin:0; } .post-container .head .info .printuser a { color:#4E0000; text-transform:none; font-weight:700; 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 .options { margin:5px 0 0; padding:5px 0 0; } .post-container .post .options a { color:#444; text-decoration:none; font-size:12px; padding:4px 0 0; } 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; font:bold 13px Arial, sans-serif; background:url(http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif) repeat-x; border:1px solid #d4d4d4; color:#616161; margin:0 5px; padding:6px 10px; } 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; font-size:1.1em; border:1px solid #d4d4d4; padding:4px 6px; } .pager a,.pager a:hover,.pager .current,.page-rate-widget-box a { padding:3px 8px; } .pager .current { border:1px solid #4E0000; } .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; color:#616161; height:auto; margin:0 5px; padding:6px 10px; } .owindow { border:none; background-color:rgba(20,20,20,0.7); padding:5px 10px 10px; } .owindow .title { background:none; border:none; color:#bcbcbc; padding:5px 20px 15px; } .owindow .content { background:#f8f8f8; } .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; } #login-status .printuser a,.post-container .head .options { display:none; } #login-status a:hover,#top-bar ul li a.current-link,#top-bar ul li ul li a:hover { color:#fff; } #breadcrumbs a:hover,.post-container .post .options a:hover { color:#4E0000; } @import url(http://gomobile.wdfiles.com/local--code/m/1); @media handheld and (max-width: 500px), screen and (max-device-width: 500px) { /* Define extra CSS here */ } /* -- GOMOBILE ADD-ON THEME -- */ .gomobile-only {display:none;} @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px) { /* -- RESET --*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, #footer, #header, #header h1, #header h1 a, #header h1 a span, #header h2, #header h2 span, #footer, #license-area, #container-wrap-wrap, #container-wrap, #container, #content-wrap, #main-content, #page-content, #page-title, #breadcrumbs #top-bar, #top-bar ul,#top-bar ul li, #top-bar ul li a, #page-options-container { margin: 0; padding: 0; width: auto; height: auto; border: 0; background: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-indent: 0; opacity: 1; position: static; line-height: 1; visibility: visible; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -webkit-transition: none; text-shadow: none; overflow: visible; } #extra-div-1, #extra-div-2, #extra-div-3, #extra-div-4, #extra-div-5, #extra-div-6, .gomobile-no { display: none; } .gomobile-only {display:block;} /* -- END RESET --*/ body { position:relative; margin:0; -webkit-text-size-adjust:none; min-height:416px; font:12px helvetica,sans-serif; -webkit-touch-callout:none; color: #333; width: auto; background-color: #efefef; } h1,h2,h3,h4,h5,h6 { color: #222; margin: 8px 0; } h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px; font-weight: bold;} a { color: #3198dd; text-decoration: none; } a:hover, a:active, a.action-area-close:hover { color: #333; background-color: transparent; } #header { padding: 0; height: 42px; background-color: #666; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#555)); border-bottom: 1px solid #414141; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset; } #header h1 { position: static; } #header h1 a span { text-shadow: #242424 -1px 1px 1px; padding: 8px 10px 4px; display: inline-block; width: auto; margin: 0; font-size: 19px; font-weight: bold; height: 29px; color: #e3e3e3; text-align: left; letter-spacing: -1px; font-family: HelveticaNeue-Bold, sans-serif; line-height: 26px; } #header h1 a span:hover, #header h1 a span:active { color: #3198dd; } #top-bar, #page-title, #page-content, #page-options-container, #breadcrumbs, #action-area, .post-header, .blog-post-container { background: #fff; border: 1px solid; border-color: #e9e9e9 #d0d0d0 #afafaf #d0d0d0; -webkit-border-radius: 8px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; } #top-bar { width: auto; height: auto; display: block; margin: 16px 10px 10px; padding: 0; top: 50px; left: 0; position: static; float: left; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#555)); border-color: #787878 #545454 #494949 #545454; } #top-bar ul { float: left; } #top-bar ul li { float: left; margin: 0; padding: 0; border-right: 1px solid #404040; } #top-bar ul li a { font-size: 16px; padding: 4px 10px; color: #eee; } #top-bar ul li a:hover { background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6)); color: #fff; text-decoration: none; } #top-bar ul li:first-child a { -webkit-border-radius: 8px 0 0 8px; } #top-bar ul li:last-child { border: none; } #top-bar ul li:last-child a { -webkit-border-radius: 0 8px 8px 0; } #content-wrap { position: static; clear: both; } #breadcrumbs { margin: 0 0 10px; padding: 6px 5px; font-size: 13px; color: #666; position: static; } #page-title { margin: 0 0 10px; position: relative; color: #444; font-size: 15px; padding: 10px; font-weight: bold; line-height: 14px; text-shadow: #fff -1px 1px 0; } #main-content { padding: 0 8px; } #main-content p { line-height: 1.4; } #page-content, #page-options-container { padding: 10px; margin: 0 0 10px; position: relative; } #page-options-container { padding: 4px 10px; } #action-area h1, #action-area p, #action-area div, #action-area table { margin-left: 10px; margin-right: 10px; } #header h2, #login-status, #search-top-box, #side-bar, .social-container, .page-tags, .page-watch-options, #page-info, .read-more.tags, .list-pages-item hr, .tweet-button-container, .ratings { display: none; } #header h1 a:hover { background: none; } #footer a,#footer, #license-area, #license-area a{ text-decoration:none; font-size:11px; color:#6c6c6c; text-shadow:#fff 0 1px 0; } #footer, #license-area { padding: 2px 8px; } }
page revision: 292, last edited: 04 Apr 2013 20:12