Z-BLOG的样式样例,大家可修改边框等尺寸
html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body{ background:url(image/bg.png) center top; color:#333; font-size:14px; font-family:Arial, "Microsoft Yahei", SimSun, sans-serif; } a{ color:#695554; text-decoration:none; } a:hover, a:focus{ color:#67A611; } button, input, select, textarea{ outline:none; } fieldset, iframe, img{ border:0; vertical-align:middle; } legend{ color:#000; } small{ font-size:80%; } table{ border-collapse:collapse; border-spacing:0; } ul, ol, li{ list-style:none; } [hidden]{ display:none; } h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:800; line-height:1.2; } h1{ font-size:20px; } h2{ font-size:18px; } h3{ font-size:16px; } h4{ font-size:14px; } blockquote{ color:#555; background-color:#F9F9F9; margin:5px; padding:5px; border:1px solid rgba(0, 0, 0, 0.03); border-left:3px solid #ddd; } code, pre{ font-family:Arial, "Microsoft Yahei", SimSun, sans-serif; } code{ border:1px dashed #a9a9a9; color:#c7254e; font-size:90%; background-color:#f9f2f4; padding:0px 4px; margin:0 2px; border-radius:3px; } pre{ border:1px solid #e8e8e8; background-color:#f7f7f7; border-radius:3px; margin:5px; padding:8px; word-wrap:break-word; word-break:break-all; white-space:pre-wrap; } hr{ border:0; background:url(image/line-content.png) no-repeat; height:2px; width:100%; margin:10px 0; } br[data-mce-bogus]{ line-height:1em; margin-top:-1em; } br[data-mce-bogus]:only-child{ line-height:inherit; margin-top:inherit; } .aligncenter, dl.aligncenter{ display:block; margin-left:auto; margin-right:auto; } .alignleft{ float:left; } .alignright{ float:right; } .wp-caption{ border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px 0; border-radius:3px; } .mceIEcenter{ text-align:center; } .mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid{ border:1px dashed #BBB; } .wp-caption img{ margin:0; padding:0; border:0 none; -webkit-user-drag:none; } .wp-caption-dd{ font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; } .line{ margin:0 auto; clear:both; position:relative; border-top: 1px solid #E7E7E7;} .linefull{ background:url(image/line-full.png) center 0; margin:0 auto; height:2px; clear:both; position:relative; } .tooltip{ background:#111; color:#f3f3f3; max-width:500px; word-break:break-all; text-align:center; position:absolute; z-index:99999999; display:none; border-radius:3px; padding:3px 8px; font-size:12px; } .tooltip:before{ position:absolute; width:0; height:0; line-height:0; border:6px dashed #111; top:-6px; left:5px; border-bottom-style:solid; border-top:none; border-left-color:transparent; border-right-color:transparent; content:''} /** 图标字体 **/ @font-face{ font-family:'iconfont'; src:url('font/iconfont.eot?67326394'); src:url('font/iconfont.eot?67326394#iefix') format('embedded-opentype'), url('font/iconfont.woff?67326394') format('woff'), url('font/iconfont.ttf?67326394') format('truetype'), url('font/iconfont.svg?67326394#iconfont') format('svg'); font-weight:normal; font-style:normal; } [class^="icon-"]:before, [class*=" icon-"]:before{ font-family:"iconfont"; color:#888; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; width:1em; text-align:center; font-variant:normal; text-transform:none; text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3); } .icon-emo-coffee:before{ content:'\e800'; } .icon-bymt:before{ content:'\e84b'; } .icon-cancel:before{ content:'\e81f'; } .icon-cancel-1:before{ content:'\e820'; } .icon-error:before{ content:'\e82c'; } .icon-info:before{ content:'\e801'; } .icon-home:before{ content:'\e814'; } .icon-link-1:before{ content:'\e83d'; } .icon-link-ext:before{ content:'\e823'; } .icon-lock:before{ content:'\e844'; } .icon-eye:before{ content:'\e845'; } .icon-up-1:before{ content:'\e815'; } .icon-down-1:before{ content:'\e802'; } .icon-up:before{ content:'\e816'; } .icon-down:before{ content:'\e803'; } .icon-download:before{ content:'\e82f'; } .icon-quote-left:before{ content:'\e804'; } .icon-code:before{ content:'\e817'; } .icon-pencil:before{ content:'\e80e'; } .icon-edit:before{ content:'\e811'; } .icon-comment:before{ content:'\e830'; } .icon-chat:before{ content:'\e806'; } .icon-chat-1:before{ content:'\e805'; } .icon-attention:before{ content:'\e824'; } .icon-trash:before{ content:'\e840'; } .icon-menu:before{ content:'\e836'; } .icon-gear:before{ content:'\e831'; } .icon-calendar:before{ content:'\e808'; } .icon-login:before{ content:'\e83f'; } .icon-logout:before{ content:'\e818'; } .icon-volume:before{ content:'\e839'; } .icon-resize-full:before{ content:'\e821'; } .icon-resize-small:before{ content:'\e822'; } .icon-right-dir:before{ content:'\e827'; } .icon-random:before{ content:'\e841'; } .icon-award:before{ content:'\e842'; } .icon-ok:before{ content:'\e819'; } .icon-italic:before{ content:'\e82d'; } .icon-strike:before{ content:'\e826'; } .icon-underline:before{ content:'\e832'; } .icon-key:before{ content:'\e843'; } .icon-tasks:before{ content:'\e812'; } .icon-smile:before{ content:'\e80a'; } .icon-help:before{ content:'\e82e'; } .icon-link:before{ content:'\e83c'; } .icon-doc-text:before{ content:'\e83e'; } .icon-share:before{ content:'\e81a'; } .icon-sound:before{ content:'\e83a'; } .icon-clock:before{ content:'\e829'; } .icon-mobile:before{ content:'\e833'; } .icon-qq:before{ content:'\e834'; } .icon-weibo:before{ content:'\e80c'; } .icon-user-1:before{ content:'\e81e'; } .icon-user:before{ content:'\e81b'; } .icon-user-add-1:before{ content:'\e81d'; } .icon-user-add:before{ content:'\e81c'; } .icon-picture:before{ content:'\e82a'; } .icon-aperture:before{ content:'\e846'; } .icon-at:before{ content:'\e847'; } .icon-mail:before{ content:'\e82b'; } .icon-basket:before{ content:'\e835'; } .icon-category:before{ content:'\e80f'; } .icon-pass:before{ content:'\e80d'; } .icon-bitcoin:before{ content:'\e84f'; } .icon-wordpress:before{ content:'\e84a'; } .icon-tags:before{ content:'\e80b'; } .icon-stop:before{ content:'\e825'; } .icon-pause:before{ content:'\e828'; } .icon-clipboard:before{ content:'\e838'; } .icon-comment-1:before{ content:'\e807'; } .icon-sound-1:before{ content:'\e83b'; } .icon-bold:before{ content:'\e809'; } .icon-yan{ font-style: normal; } /** 全局 页头 **/ #wrapper{ width:100%; *-display:none; } #wrapper-inner{ margin:0 auto; width:80%; } #wrapper-innerIE6{ width:0px; height:0px; *-width:980px; *-height:260px; *-margin:50px auto; *-position:relative; *-background:#fff url(image/Low_version_browser.jpg) center center no-repeat; } .container{ margin:0 auto; width:100%; background:#fff; border-radius:2px; box-shadow:0 1px 3px 0 #B5B5B5; } #header{ border-top:6px solid #C63; } #header-inner{ text-align:left; overflow:hidden; padding:20px 15px; } #content-wrap{ text-align:left; width:100%; overflow:hidden; margin:0 auto; } #logo{ float:left; width:35%; height:80px; overflow:hidden; } #logo h1{ font-size:30px; font-weight:bold; height:45px; line-height:45px; margin-top:10px; overflow:hidden; } #logo .logodesc{ color:#888; } #logo img{ max-width:100%; max-height:80px; } #logo img:hover{ background:none; } #topblock{ float:right; width:64%; height:80px; text-align:center; } #topblock.border{ margin:-1px; border:1px solid #D1D1D1; border-radius:3px; } #topblock a.welcome img{ position:relative; top:-2px; box-shadow:0px 0px 3px #bbb; border-radius:50px; border:1px solid #bbb; padding:2px; -webkit-animation:x-spin 2s infinite linear; -moz-animation:x-spin 2s infinite linear; -o-animation:x-spin 2s infinite linear; } #topblock a.welcome:hover img{ -webkit-animation:x-spin 0.2s infinite linear; -moz-animation:x-spin 0.2s infinite linear; -o-animation:x-spin 0.2s infinite linear; } @-webkit-keyframes x-spin{ 0%{ -webkit-transform:rotate(0deg); } 50%{ -webkit-transform:rotate(180deg); } 100%{ -webkit-transform:rotate(360deg); }} @-moz-keyframes x-spin{ 0%{ -moz-transform:rotate(0deg); } 50%{ -moz-transform:rotate(180deg); } 100%{ -moz-transform:rotate(360deg); }} @-o-keyframes x-spin{ 0%{ -o-transform:rotate(0deg); } 50%{ -o-transform:rotate(180deg); } 100%{ -o-transform:rotate(360deg); }} @keyframes x-spin{ 0%{ transform:rotate(0deg); } 50%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); }} #topblock i{ font-size:2vw; text-align:center; line-height:80px; font-style:normal; } /** 焦点图 **/ .slideBox{ width:100%; overflow:hidden; position:relative; margin:0 auto; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; height:100%; } .slideBox .bd img{ display:block; border-radius:5px; margin:0 auto; } .slideBox .prev, .slideBox .next{ position:absolute; left:1%; top:50%; margin-top:-18px; display:block; width:35px; height:35px; filter:alpha(opacity=30); opacity:0.3; } .slideBox .prev{ background:url(image/prev.png) center no-repeat; } .slideBox .next{ left:auto; right:1%; background:url(image/next.png) center no-repeat; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100); opacity:1; } .slideBox .prevStop, .slideBox .nextStop{ display:none; } #slide_top, #slide_top .bd img{ max-width:600px; max-height:80px; } #slide_nav, #slide_bul, #slide_nav .bd img, #slide_bul .bd img{ max-width:1060px; max-height:120px; } #slide_nav, #slide_bul{ margin:10px auto; padding:10px; background:#fff; border-radius:2px; box-shadow:0 1px 3px 0 #B5B5B5; } #slide_lis, #slide_lis .bd img{ max-width:760px; max-height:210px; } #slide_lis{ padding:10px; border-bottom:1px #eaeaea solid; } #slide_lis .bd li:hover{ background:#fff; border:0; margin:0; box-shadow:none; } #slide_sid, #slide_sid .bd img{ max-width:260px; max-height:110px; } #slide_sid a, #slide_sid a:hover{ margin-left:0px !important; } /** 怒赞 **/ .zan { width: 100%; height: 80px; background: url(image/zan.jpg) 36% center no-repeat; cursor: pointer; opacity: 0.85; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .zan:active { opacity: 1; } .zan em { position: absolute; font-style: normal; top: 5px; } .zan i { color: #EE5E26; vertical-align: -4px; } .zan b { position: absolute; color: #EE5E26; font-style: normal; left: -30px; bottom: 0; } /** 菜单 **/ #mobile-nav{ display:none; text-align:center; cursor:pointer; font-size:22px; height:39px; line-height:38px; } #mobile-nav i{ font-size:24px; } #mobile-nav a{ display:block; padding:0 10px; } #mobile-nav a:hover{ background:#f5f5f5; box-shadow:inset 0px 1px 7px #d8d8d8; } #main-nav{ height:40px; padding:0 10px; margin-top:-1px; } #nav-menu{ float:left; max-width:74%; } #nav-menu .caret{ display:inline-block; margin-left:3px; vertical-align:middle; border-width:3px 3px 0px 3px; border-color:#313131 transparent; border-style:solid; } #nav-menu li a:hover .caret{ border-color:#0088dd transparent; } /* 一级 */ #nav-menu li{ font-size:16px; position:relative; z-index:999; white-space:nowrap;} #nav-menu li a, #nav-menu li.current-menu-item li a{ color:#313131; text-shadow:0 1px 0 #ddd; display:block; padding:0px 8px; } #nav-menu li a:hover, #nav-menu li.current-menu-item a{ color:#0088dd; } #nav-menu li:hover{ background:#f5f5f5; border-bottom:2px solid #b1b1b1; box-shadow:inset 0px 1px 7px #d8d8d8; } #nav-menu li li:hover{ background:#f5f5f5; border-bottom:0; box-shadow:none; } #nav-menu > ul{ height:38px; display:inline-block; } #nav-menu > ul > li{ line-height:40px; float:left; } /* 二级 */ #nav-menu li ul{ background:#fff; box-shadow:2px 3px 6px 0px #ccc; display:none; position:absolute; left:0px; top:40px; padding:6px 0; border-radius:0 0 2px 2px; } #nav-menu li li{ line-height:28px; height:28px; padding:1px 10px; } #nav-menu li li a{ height:100%; display:block; } /* 三级+ */ #nav-menu li ul li ul{ left:100%; top:0px; border-radius:2px; } #nav-menu li li li a{ display:block; } /* 搜索 */ #nav-search{ float:right; position:relative; line-height:39px; } #nav-search:after{ content:''; position:absolute; top:24px; left:12px; width:6px; height:2px; background:#bbb; border-radius:1px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); box-shadow:-1px 0 #bbb; } #nav-search:before{ content:''; position:absolute; top:14px; left:5px; width:6px; height:6px; border:2px solid #bbb; border-radius:8px; } #nav-search input[type="submit"]{ border-radius:0 3px 3px 0; margin-left:-5px; padding:5px 6px; vertical-align:middle; } #search-input{ border-radius:3px 0 0 3px; padding:5px 2px 5px 20px; width:107px; vertical-align:middle; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; } #search-cloud{ background-color:#fff; position:absolute; padding:3px; max-width:221px; margin-top:-5px; width:100%; border:1px solid #ccc; border-top:0; z-index:100; box-shadow:2px 2px 10px 0px #ccc; display:none; } #search-cloud li{ white-space:nowrap; } #search-cloud li:hover{ margin:0; background:#f5f5f5; } #search-cloud a{ display:block; font-size:12px; padding:5px 7px; line-height:20px; overflow:hidden; text-overflow:ellipsis; color:#D14836; } /** 公告 sns **/ #topbar{ overflow:hidden; clear:both; margin:10px auto; } #bulletin{ color:#555; float:left; width:71%; height:40px; padding:0 4px 0 15px; line-height:40px; overflow:hidden; } #bulletin i{ font-size:15px; } #bulletin img{ vertical-align:text-bottom; } #bulletin a{ color:#555; } #bulletin a.anno{ color:#0088dd; } #bulletin a:hover{ color:#67A611; text-decoration:underline; } #bulletin .comment_text{ max-width:73%; white-space:nowrap; text-overflow:ellipsis; display:inline-block; vertical-align:middle; padding:0; overflow:hidden; } #bulletin .datetime{ color:#999; font-size:13px; } .vote_up, .vote_down{ cursor:pointer; } .vote_up{ margin-left:5px; } .vote_up:hover, .vote_down:hover{ color:#0088dd; text-decoration:none; } #bulletin .icon-up-1:before, #bulletin .icon-down-1:before{ color:#d36c1c; margin-right:3px; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); } #bulletin .vote_ok{ position:absolute; font-size:13px; line-height:22px; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); padding:0px 4px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3); border-radius:3px; display:none; z-index:999; } #bulletin .vote_ok:before{ position:absolute; border:6px dashed #fff; top:20px; left:4px; border-top-style:solid; border-bottom:none; border-left-color:transparent; border-right-color:transparent; content:''} #rss{ float:right; width:27%; } #rss ul{ height:40px; overflow:hidden; } #rss ul li{ float:right; margin-right:6px; padding-top:6px; } #rss .icons-wx, #rss .icons-em, #rss .icons-rss, #rss .icons-wb, #rss .icons-qw, #rss .icons-tt, #rss .icons-fb, #rss .icons-gp{ background-image:url(image/icons-sprite.png); background-repeat:no-repeat; display:block; width:30px; height:30px;} #rss .icons-wx{ background-position:-238px -3px; } #rss .icons-em{ background-position:-102px -3px; } #rss .icons-rss{ background-position:-3px -3px; } #rss .icons-wb{ background-position:-36px -3px; } #rss .icons-qw{ background-position:-69px -3px; } #rss .icons-tt{ background-position:-135px -3px; } #rss .icons-fb{ background-position:-169px -3px; } #rss .icons-gp{ background-position:-203px -3px; } #rss .weixin a b{ position:absolute; visibility:hidden; right:auto; top:auto; margin:36px 0 0 6px; display:block; filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; z-index:9999; } #rss .weixin a b img{ -webkit-transform:scale(0); -webkit-transition:-webkit-transform 0.6s ease-in-out; -moz-transform:scale(0); -moz-transition:-moz-transform 0.6s ease-in-out; -o-transform:scale(0); -o-transition:-o-transform 0.6s ease-in-out; -ms-transform:scale(0); -ms-transition:-ms-transform 0.6s ease-in-out; transition:transform 0.6s ease-in-out; } #rss .weixin a:hover{ white-space:normal; outline:0; } #rss .weixin a:hover b{ filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity:1; visibility:visible; } #rss .weixin a:hover img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); } #rss .weixin a b i{ display:block; text-align:center; vertical-align:middle; } #rss .weixin a b i img{ width:270px; height:270px; border-radius:2px; box-shadow:0px 2px 10px #9B9B9B; } /** 文章 **/ #content-list, #content-main{ float:left; width:70.5%; margin:2px; background:#fff; border-radius:2px; box-shadow:0 1px 3px 0 #B5B5B5; } #content-list .post-list:hover{ background:#FBFBFB; border:1px solid #ccc; margin:-1px -1px 0px; border-radius:2px; box-shadow:1px 1px 20px #ccc inset; } /* 摘要 */ .post-list{ padding:4px; border-bottom:1px #eaeaea solid; } .post-single, .post-error{ padding:8px; } .post-excerpt{ display:inline; word-wrap:break-word; word-break:break-all; } .post-header h2{ padding:4px; text-shadow:0 1px 0 #ddd; } .post-header h2 a{ color:#003366; font-weight:bold; margin-left:0px; -webkit-transition:margin-left .2s ease-in; -moz-transition:margin-left .2s ease-in; -o-transition:margin-left .2s ease-in; -ms-transition:margin-left .2s ease-in; transition:margin-left .2s ease-in; } .post-header h2 a:hover{ color:#336633; margin-left:5px; } .post-new, .post-sticky{ background-image:url(image/icons-sprite.png); background-repeat:no-repeat; } .post-new{ background-position:-1px -41px; float:right; display:inline; width:50px; height:50px; margin-right:-11px; margin-top:-9px; } .post-sticky{ background-position:-57px -41px; float:right; display:inline; width:50px; height:50px; margin-right:-11px; margin-top:-9px; } .post-meta{ font-size:13px; padding:6px 4px; color:#888; } .post-meta a{ color:#888; } .post-meta a:hover{ color:#67A611; } .post-meta i{ color:#999; margin-right:3px; } .pauthor, .ptime, .pcate, .pcomm, .pview{ margin-right:10px; } .post-body{ display:inline-block; line-height:22px; padding:4px; word-wrap:break-word; word-break:break-all; } .post-thumbnail{ float:left; width:140px; height:100px; display:inline; margin-right:8px; padding:4px; border:1px #ddd solid; border-radius:5px; } .post-thumbnail img{ width:140px; height:100px; border-radius:5px; } .search_keys{ color:#f03; text-decoration:underline; } .post-footer{ display:block; line-height:22px; padding:0 4px; clear:both; } .post-list .post-footer{ font-size:13px; height:22px; } .tag-link{ margin-right:5px; color:#888; text-decoration:underline; } .readmore{ background:#fafafa; padding:0 6px; border:1px #e4e4e4 solid; border-radius:3px; } .tags{ float:left; } .readmore{ float:right; } /* 文章页 */ .post-single .post-meta{ padding:8px 4px 8px; margin-bottom:10px; border-bottom:1px solid #ddd; } .resizer{ float:right; } .resizer li{ float:left; margin:-3px 4px 0 0; } .resizer li a{ padding:3px; height:13px; line-height:13px; border:1px #ddd solid; text-align:center; display:block; border-radius:5px; } .resizer #f_c i, .resizer #f_o i{ margin-right:0px; } .resizer #f_c:hover, .resizer #f_o:hover{ opacity:0.8; } .resizer #f_o{ display:none; } .post-content{ position:relative; line-height:24px; margin-top:3px; word-wrap:break-word; word-break:break-all; } .post-content h2{ text-align:center; } .post-content h1, .post-content h3, .post-content h4, .post-content h5, .post-content h6{ padding:6px; } .post-content h1:before, .post-content h3:before, .post-content h4:before, .post-content h5:before, .post-content h6:before{ content:''; display:block; height:1.1em; border-left:6px solid #333; position:absolute; left:-8px; } .post-content ol, .post-content ul{ margin:0 6px 0; padding:6px; } .post-content ol li{ list-style:decimal inside; } .post-content ul li{ list-style:circle inside; } .post-content ul li:hover{ list-style:disc inside; } .post-content img{ max-width:100%; height: auto; border-radius: 5px; } .post-content img[class*="wp-image"]{ margin:5px auto; display:block; box-shadow:0 0 3px rgba(0, 0, 0, 0.15)} .post-content img[class*="wp-image"]:hover{ box-shadow:0 0 6px rgba(0, 0, 0, 0.3); } .post-content p{ padding:5px 6px; } .post-content blockquote p{ padding:0px; } .post-content p a[target*="_blank"]:after{ content:url(image/icon_link.png); margin:0 3px; } .post-content span[class*="but-"] a[target*="_blank"]:after{ content:none; } .post-content p a, .post-content li a, .post-copyright a{ color:#0088dd; } .post-content p a:hover, .post-content li a:hover, .post-copyright a:hover{ color:#67A611; text-decoration:underline; } .post-content p embed{ min-height:100%; } .post-content table{ border:1px solid #e7e7e7; text-align:center; margin:10px; } .post-content tr th, .post-content thead th{ border:1px solid #e7e7e7; color:#666; padding:4px; } .post-content tr td{ border:1px solid #e7e7e7; padding:2px; } .post-content .icon-tasks:before{ color:#aaa; position:absolute; font-size:32px; left:26px; } .post-content .icon-error:before{ color:#BE1F1F; position:absolute; font-size:32px; left:26px; } .post-content .icon-attention:before{ color:#E1B400; position:absolute; font-size:32px; left:26px; } .post-content .icon-basket:before{ color:#8FAD3D; position:absolute; font-size:32px; left:26px; } .post-content .icon-download:before{ color:#3d85ad; position:absolute; font-size:32px; left:26px; } .post-content .post_sig{ display:inline-block; float:right; color:#0099CC; font-size:12px; margin-bottom:5px; vertical-align:middle; } .post-content .post_sig:before{ content:'\e833'; font-family:"iconfont"; font-size:14px; margin-right:3px; text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3); } .bymt-tabs ul li, .bymt-tabs ul li:hover{ list-style:none; } .bymt-tabs .tabs-title{ margin:0; padding:0; overflow:hidden; font-size:13px; } .bymt-tabs .tabs-title li{ float:left; border:1px solid #E3E3E3; margin-right:-1px; padding-bottom:1px; } .bymt-tabs .tabs-title li a{ border-top:none; padding:7px 15px; display:block; background:#f6f5f5; color:#777; } .bymt-tabs .tabs-title li a:hover{ background:#fff; text-decoration:none; } .bymt-tabs .tabs-title li.tabon{ z-index:99; border-bottom-color:#fff; } .bymt-tabs .tabs-title li.tabon a{ color:#333; z-index:9; background-color:#fff; } .bymt-tabs .tabs-container{ border:1px solid #E3E3E3; margin-top:-1px; padding:6px; } .bymt-tabs .tabs-content{ display:none; } .cut_line{ height:1px; border-top:1px #ddd dotted; text-align:center; margin:15px; clear:both; } .cut_line span{ position:relative; top:-9px; background:#fff; color:#C0C0C0; padding:0 20px; } .post-tagsshare, .post-musicshare, .post-videoshare{ font-size:13px; height:22px; padding:0 3px 6px; clear:both; } .post-tags, .post-musiclink, .post-videolink{ float:left; } .post-share{ float:right; } #bdshare{ display:inline-block; line-height:15px; float:none !important; margin-bottom:-8px; } .post-copyright{ padding:15px 1px; border-top:1px solid #ddd; clear:both; overflow:hidden; } #author-avatar{ float:left; margin-top:5px; border:1px #ddd solid; padding:5px; border-radius:50px; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.1); } #author-avatar img{ border-radius:30em; } #copy-info{ float:left; width:67%; border:1px solid rgba(0, 0, 0, 0.15); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.1); position:relative; padding:10px; margin-left:12px; } #copy-arrow, #copy-arrow span{ position:absolute; border-width:10px 10px 10px 0px; border-style:solid; } #copy-arrow{ top:19px; left:-10px; border-color:transparent #d0d0d0; } #copy-arrow span{ top:-10px; left:2px; border-color:transparent #fff; } #copy-info p{ line-height:1.4em; } a.copy-link-1, a.copy-link-2, a.copy-link-3, .post-related .title{ display:inline-block; white-space:nowrap; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; } a.copy-link-1{ max-width:84%; } a.copy-link-2{ max-width:42%; } a.copy-link-3{ max-width:54%; } .post-like, .bdlikebutton{ float:right; } .post-related{ display:inline-block; padding:10px 0; border-top:1px #ddd solid; } .post-related ul{ margin-left:0px; } .post-related li{ float:left; width:50%; line-height:24px; overflow:hidden; } .post-related li:nth-child(odd) .time{ margin-right:10px; } .post-related .title{ max-width:70%; } .post-related .pcomm{ margin:0 10px; } .post-related .time{ float:right; } .post-navigation{ clear:both; border-top:1px #ddd solid; padding:5px 0; overflow:hidden; } .post-navigation div{ display:block; width:44%; position:relative; font-size:14px; color:#999; } .post-previous{ float:left; padding-left:40px; } .post-next{ float:right; text-align:right; padding-right:40px; } .post-navigation div span{ display:block; font-size:80%; color:#999; } .post-navigation div a:after{ position:absolute; color:#ccc; font-size:56px; margin-top:-11px; height:22px; line-height:22px; top:34%; } .post-previous a:after{ content:'«'; left:0; } .post-next a:after{ content:'»'; right:0; } /* 翻页 */ .pagination{ margin:8px; font-size:13px; float:right; text-align:center; line-height:24px; } .pagination > a, .pagination > span{ float:left; margin-left:5px; padding:0 5px; min-width:18px; line-height:26px; text-decoration:none; border:1px solid rgba(65, 65, 65, 0.25); border-radius:3px; box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 1), inset 0 1px rgba(247, 247, 247, 0.4), inset 0 -1px rgba(2, 2, 2, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); } .pagination > a{ text-shadow:0 1px rgba(255, 255, 255, 0.2); background-clip:padding-box; background-image:linear-gradient(to bottom, rgba(255, 252, 252, 0), rgba(231, 224, 224, 0.3)); -webkit-transition:0.1s ease-out; -moz-transition:0.1s ease-out; -o-transition:0.1s ease-out; -ms-transition:0.1s ease-out; transition:0.1s ease-out; } .pagination > a:active, .pagination > .current{ background:rgba(0, 0, 0, 0.06); box-shadow:inset 0 1px rgba(255, 255, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0); } .pagination > a:hover{ background:rgba(0, 0, 0, 0.05); color:#555; } .pagination > span{ background:rgba(0, 0, 0, 0.05); } .pagination > .current{ font-weight:bold; } #ajax_loading{ background:url(image/ajax-page-loading.gif) center no-repeat; height:20px; text-align:center; margin:10px auto; } .loading{ background:url(image/ajax-page-loading.gif) center no-repeat; height:20px; margin:5px auto; } /* 文章翻页 */ .fanye{ text-align:center; margin:10px auto; padding:5px; } .fanye span{ color:#333; padding:4px 8px; border-radius:5px; } .fanye a span{ background-color:#fff; color:#333; border:1px solid #C6C6C6; } .fanye a:hover span{ background-color:#ddd; } /* 广告 */ #adsense1, #adsense2, #adsense3, #adsense4, #adsense5, #adsense6, #adsense7, #adsense8{ display:none; text-align:center; padding:5px; } #adsense1, #adsense2, #adsense3, #adsense4{ border-bottom:1px solid #ccc; } #adsense1 img, #adsense2 img, #adsense3 img, #adsense4 img, #adsense5 img, #adsense6 img, #adsense7 img, #adsense8 img, #adsense5 img:hover, #adsense6 img:hover, #adsense7 img:hover, #adsense8 img:hover{ max-width:100%; box-shadow:none; } /** 评论 **/ .comments h3{ clear:both; padding:10px; border-top:1px #DDD solid; border-bottom:1px #ddd solid; text-shadow:0 1px rgba(75, 75, 75, 0.2); box-shadow:0 10px 5px -2px #eee; } .commentshow{ margin-top:5px; padding:0 10px; } .commentshow .comment{ border-top:1px solid #f6f6f6; } .comment-body{ padding:10px 8px 14px; } .comments .children li{ margin-left:10px; } .comments .children li.depth-2{ margin-left:22px; } .comments .children .comment-body{ padding:8px 8px 0; } .comments .children .gravatar{ width:40px; height:40px; } .comments .children .gravatar img{ width:40px; height:40px; box-shadow:0 0 3px #888; } .comments .children .commenttext{ margin-left:50px; } .comments .gravatar{ width:50px; height:50px; position:relative; float:left; cursor:-webkit-grab; cursor:-moz-grab; } .comments .gravatar img{ width:50px; height:50px; display:block; border-radius:5px; box-shadow:0 0 3px rgba(0, 0, 0, 0.6); -webkit-transition:0.4s ease-in; -moz-transition:0.4s ease-in; -o-transition:0.4s ease-in; -ms-transition:0.4s ease-in; transition:0.4s ease-in; } .comments .gravatar:hover img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); } .comments .floor{ float:right; font-size:16px; color:#aaa; } .comments .icon-emo-coffee:before{ margin-right:0.6em; } .comments .icon-ok:before{ color:rgba(43, 129, 101, 0.8); } .comments .icon-error:before{ color:rgba(201, 23, 23, 0.8); margin-right:3px; font-size:17px; vertical-align:-2px; } .commenttext{ margin-left:60px; } .datetime, .reply a, .edit_comment a{ color:#aaa; font-size:13px; } .commentid a, .cancel-comment-reply a, #edita a, .reply a:hover, .edit_comment a:hover{ color:#0088dd; } .commentid a:hover{ text-decoration:underline; } .comment_text{ line-height:1.3; padding:6px 0; min-height:18px; } .comment_text blockquote, .comment_text pre{ margin-left:0px; } .comment_text img, .checkcomments img, .respondtext img{ vertical-align:text-bottom; max-width:100%; } .comment_text a.iatu{ color:#4E959E; } .comment_text #insert_at{ position:absolute; background-color:#fff; width:80%; border:1px solid #cdcdcd; padding:6px 6px 0; border-radius:3px; box-shadow:0 1px 2px 0 #c2c2c2; } .reply-to-read, .login-to-read, .nocomments, .login-to-reply{ border:1px #FF6666 dashed; margin:5px; padding:2px; text-align:center; border-radius:5px; } .login-to-reply{ color:#333; margin-top:15px; } .private{ background-color:#ffff00; border:1px #FF6666 dashed; margin:5px auto; text-align:center; border-radius:5px; } .wp-smiley{ width:18px; height:18px; vertical-align:text-bottom; } .respond{ clear:both; border-top:1px #ddd solid; overflow:hidden; } #comment_form{ padding:10px 10px 2px; } #input-box{ display:inline-block; width:100%; } #real-avatar{ float:right; display:none; width:42px; height:42px; margin-top:8px; padding:2px; border:1px solid #ddd; border-radius:5px; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.2); } #real-avatar img{ border-radius:5px; } #author-input{ float:left; width:92%; } #welcome{ margin:6px 2px; } #welcome .user-avatar{ display:none; position:relative; } #welcome #avatar-img{ position:absolute; left:55px; bottom:22px; z-index:2; } #welcome #avatar-img img{ border:1px solid #888; background:#fff; padding:3px; border-radius:5px; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.5); } #welcome #avatar-arrow{ position:absolute; left:73px; bottom:16px; border:6px dashed #888; border-top-style:solid; border-bottom:none; border-left-color:transparent; border-right-color:transparent; } #welcome strong{ text-decoration:underline; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; } #author-info{ margin:8px 0 5px; } #author-info label{ color:#868686; padding:4px 5px; margin-right:-5px; border:1px solid #ddd; vertical-align:middle; border-radius:3px 0 0 3px; background-image:linear-gradient(to bottom, #FEFEFE, #EEE); box-shadow:1px 1px rgba(0, 0, 0, 0.04); } #comment-tools{ color:#868686; position:relative; border:1px solid #ddd; border-bottom:0; border-radius:3px 3px 0 0; background-image:linear-gradient(to bottom, #FEFEFE, #EEE); box-shadow:1px 1px rgba(0, 0, 0, 0.04); } #comment-tools li{ display:inline-block; min-width:18px; text-align:center; padding:7px 8px; border-right:1px solid #DDD; cursor:pointer; } #comment-tools li:hover, .tools-on{ color:#333; box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.25); } #comment-tools li:hover i, .tools-on i{ color:#333; } #comment-tools li#smilies-box{ position:absolute; display:none; padding:0; background-color:#fff; background-image:linear-gradient(to bottom, #FEFEFE, #EEE); left:39px; box-shadow:none; z-index:99; } #smilies-box li{ display:inline-block; padding:6px; margin-right:-1px; } #smilies-box li:hover{ background-color:#f5f5f5; box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.25); } #smilies-box img{ width:18px; height:18px; } #tools-smilies{ margin-left:0px !important; } #add-image{ display:none; position:absolute; font-size:12px; padding:3px 9px; width:30%; left:33%; top:30px; border:1px solid #ddd; background:#fff; background-image:linear-gradient(to bottom, white, #fafafa); } #add-code{ display:none; font-size:12px; padding:8px; border-top:1px solid #ddd; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; } #add-image p, #add-code p{ margin:3px 0; } #add-image p a, #add-code p a{ color:#fff; } #add-image input{ width:69%; padding:2px 3px; } #add-image small, #add-code small{ color:rgba(20, 107, 72, 0.85); margin-right:5px; } #add-image-ok, #add-code-ok{ text-align:right; } #add-yan ul{ border: 1px solid #CCC; margin: 5px 0 0 34px; } #add-yan li{ width:80px; } #add-code textarea{ border-radius:3px; } #loading, #error{ margin-top:3px; } #loading img{ vertical-align:-3px; } #error{ color:rgba(201, 23, 23, 0.8); } #success{ display:inline-block; clear:both; margin:5px -2px; color:#238B4D; } .commenttext .exp{ position:relative; display:inline-block; height:12px; vertical-align:-2px; background:#dfdfdf; border:1px solid #c7c7c7; width:5%; border-radius:2px; cursor:default; } .commenttext .lv-1 .pro{ width:12.5%; background:#48a8c0; } .commenttext .lv-2 .pro{ width:25%; background:#1b6dff; } .commenttext .lv-3 .pro{ width:37.5%; background:#d664c9; } .commenttext .lv-4 .pro{ width:50%; background:#bb915c; } .commenttext .lv-5 .pro{ width:62.5%; background:#5cbb6b; } .commenttext .lv-6 .pro{ width:75%; background:#5c86bb; } .commenttext .lv-7 .pro{ width:87.5%; background:#bb5c5c; } .commenttext .lv-8 .pro{ width:100%; background:#493f3f; } .commenttext .exp .pro{ display:block; position:absolute; height:12px; background-size:16px 16px; border-radius:1px; background-image:-webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.15)); background-image:-moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.15)); background-image:-o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.15)); background-image:linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.15)); } .commenttext .exp .level{ position:absolute; color:#fff; font-size:12px; font-style:normal; top:-2px; left:18%; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); } .commenttext .exp:hover .pro{ animation:progress .6s linear infinite; -webkit-animation:progress .6s linear infinite; } @keyframes progress{ from{ background-position:0 0; } to{ background-position:-16px 0; } } @-webkit-keyframes progress{ from{ background-position:0 0; } to{ background-position:-16px 0; } } /* 评论者等级 */ .blogger, .link{ background-image:url(image/icons-sprite.png); background-repeat:no-repeat; display:inline-block; overflow:hidden; border:none; } .blogger{ background-position:-138px -39px; width:16px; height:16px; margin-bottom:-4px; } .blogger:hover{ background-position:-138px -57px; width:16px; height:16px; } .link{ background-position:-159px -38px; width:16px; height:16px; margin-bottom:-3px; margin-left:5px; } .link:hover{ background-position:-159px -58px; width:16px; height:16px; margin-bottom:-3px; } /* 输入框和按钮 */ input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="number"], textarea, select{ border:1px solid #ddd; padding:4px 5px; color:#555; box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.075); border-radius:3px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus, select:focus{ border-color:#66afe9; box-shadow:inset 0 0 5px rgba(102, 175, 233, 0.6); -webkit-transition:0.15s ease-in; -moz-transition:0.15s ease-in; -o-transition:0.15s ease-in; -ms-transition:0.15s ease-in; transition:0.15s ease-in; } input[type="text"]:required, input[type="password"]:required, input[type="email"]:required, input[type="search"]:required, input[type="url"]:required, input[type="number"]:required, textarea:required{ background:url(image/red_asterisk.png) no-repeat 98% center; } input[type="text"]:required:valid, input[type="password"]:required:valid, input[type="email"]:required:valid, input[type="search"]:required:valid, input[type="url"]:required:valid, input[type="number"]:required:valid, textarea:required:valid{ background:url(image/valid.png) no-repeat 98% center; border-color:rgba(0, 153, 102, 0.55); box-shadow:inset 0 0 5px rgba(51, 204, 102, 0.25); } input[type="text"]:focus:invalid, input[type="password"]:focus:invalid, input[type="email"]:focus:invalid, input[type="search"]:focus:invalid, input[type="url"]:focus:invalid, input[type="number"]:focus:invalid, textarea:focus:invalid{ background:url(image/invalid.png) no-repeat 98% center; border-color:rgba(153, 51, 0, 0.55); box-shadow:inset 0 0 5px rgba(255, 0, 51, 0.25); } input[type="button"], input[type="submit"], input[type="reset"], .btn{ border:1px solid #dcdcdc; color:#555; padding:4px 8px; display:inline-block; background-color:#f5f5f5; border-radius:3px; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s; cursor:pointer; } input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .btn:active{ box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); } input[type="submit"], .btn{ color:#fff; background-color:#428bca; border-color:#357ebd; text-shadow:0 1px rgba(0, 0, 0, 0.3); } input[type="submit"]:hover, input[type="submit"]:active, .btn:hover, .btn:active{ background-color:#3276b1; border-color:#285e8e; } input[type="reset"]:hover, input[type="reset"]:active{ background-color:#ebebeb; border-color:#c7c7c7; } textarea[readonly]{ pointer-events:none; background-color:rgba(0, 0, 0, 0.03); box-shadow:none; } textarea[readonly]:required{ background-image:none; } input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="file"][disabled]{ cursor:not-allowed; opacity:.65; filter:alpha(opacity=65); box-shadow:none; } .textarea{ width:100%; font-size:14px; font-family:Arial, "Microsoft Yahei", SimSun, sans-serif; padding:6px 15px 6px 6px; min-height:120px; resize:vertical; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-radius:0 0 3px 3px; } .replytext{ width:23%; margin-right:5px; vertical-align:middle; border-radius:0 3px 3px 0 !important; } .comment-btns{ margin-top:5px; } .comment-btns #submit{ margin-right:5px; } /** 侧边栏 **/ #sidebar{ float:right; width:28.5%; overflow:hidden; } .widget{ padding:1px; margin:1px 2px 10px 2px; background:#fff; border-radius:2px; box-shadow:0 1px 3px 0 #B5B5B5; overflow:hidden; } .widget h3{ font-size:14px; font-weight:bold; line-height:30px; height:30px; padding-left:8px; margin-bottom:8px; border-bottom:2px #ddd solid; } .widget ul li{ line-height:28px; overflow:hidden; text-overflow:ellipsis; } .widget li a{ position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left:0px; -webkit-transition:margin-left 0.2s ease-in; -moz-transition:margin-left 0.2s ease-in; -o-transition:margin-left 0.2s ease-in; -ms-transition:margin-left 0.2s ease-in; transition:margin-left 0.2s ease-in; } .widget li a:hover{ margin-left:5px; } #widget_tab a{ display:block; overflow:hidden; border-bottom:1px solid #f2f2f2; } #widget_tab .tab-title span{ width:30%; display:inline-block; border-bottom:none; margin:0 2px; cursor:pointer; font-weight:normal; text-align:center; border-top-left-radius:3px; border-top-right-radius:3px; } #widget_tab .tab-title .selected{ border:1px #ddd solid; border-bottom:1px #fff solid; background-color:#fefefe; cursor:default; font-weight:bold; box-shadow:0 -1px 0px #d4d4d4; } #widget_tab .tab-content .hide{ display:none; } #widget_rcomments li{ line-height:32px !important; position:relative; height:32px; border-bottom:1px solid #f2f2f2; overflow:hidden; } #widget_rcomments li img.avatar{ width:16px; height:16px; border:1px solid #ddd; margin-right:5px; padding:1px; border-radius:3px; } #widget_rcomments a{ white-space:normal; } #widget_tcomments ul li{ float:left; width:20%; } #widget_tcomments img.avatar{ width:42px; height:42px; margin:3px; border:1px solid #dfdfdf; border-radius:5px; -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; } #widget_tcomments li:hover img.avatar{ margin-left:0px; -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg); } #widget_user #loginform p{ margin:5px 0 5px 8px; } #widget_user #loginform label{ margin-right:5px; } #widget_user .login_in{ width:63%; } #widget_user .login_btn{ margin-left:10px; } #widget_user .v_avatar{ float:left; } #widget_user .v_avatar img{ padding:2px; background:#e3e3e3; border-radius:5px; } #widget_user .v_li{ float:left; margin-left:20%; text-align:center; line-height:19px; list-style:none; } .widget ul.blogroll li, .widget ul li.cat-item{ float:left; display:block; width:50%; line-height:28px; border-bottom:1px solid #f2f2f2; overflow:hidden; } .loadad{ margin:2px; } .widget_12090ad{ margin:0 4px; } #widget_12090ad ul{ max-width:254px; } #widget_12090ad ul li{ float:left; display:inline; padding:2px; line-height:0; } #widget_25060ad, #widget_12090ad, #widget_ada{ text-align:center; } #widget_25060ad img, #widget_12090ad img, #widget_ada img{ max-width:100%; } /* 图片墙 */ #picturewall{ padding:5px; position:relative; } #imgbox{ position:relative; margin:0; padding:0; } #imgbox{ width:257px; border:1px solid #dedede; display:none; cursor:pointer; padding:4px; margin:5px; border-radius:5px; box-shadow:0 0 1px 0 #B5B5B5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #imgbox img{ display:block; width:100%; height:auto; border-radius:3px; } #imgbox .ptitle{ position:absolute; overflow:hidden; width:97%; height:0px; line-height:22px; -webkit-transition:height .2s ease-in; -moz-transition:height .2s ease-in; -o-transition:height .2s ease-in; -ms-transition:height .2s ease-in; transition:height .2s ease-in; text-align:center; color:#eee; background-color:rgba(0, 0, 0, 0.4); border-radius:5px 5px 0 0; z-index:888; } #imgbox:hover .ptitle{ height:22px; } #imgbox .imgbox-info{ color:#695554; padding:3px; background:#F2F0F0; border-radius:3px; text-align:center; box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2) inset; margin-top:3px; font-size:12px; } .imgover{ text-align:center; padding:5px; box-shadow:0px 0px 50px 0px #b5b5b5; } .next_page{ display:none; } /** 独立页面 **/ /* 读者墙 */ ul.readers-list{ overflow:hidden; padding:0; margin:0 auto; } ul.readers-list li{ width:25%; display:inline-block; } ul.readers-list a, ul.readers-list a:hover strong{ background-color:#f2f2f2; background-image:-webkit-linear-gradient(#fdfdfd, #f2f2f2); background-image:-moz-linear-gradient(#fdfdfd, #f2f2f2); background-image:linear-gradient(#fdfdfd, #f2f2f2); } ul.readers-list a{ position:relative; display:block; height:36px; line-height:36px; margin:0 4px; padding:4px 4px 4px 44px; color:#999; overflow:hidden; border:1px solid #ccc; border-radius:2px; box-shadow:0 0 2px #eee; } ul.readers-list img, ul.readers-list em, ul.readers-list strong{ -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; -ms-transition:all .2s ease-out; transition:all .2s ease-out; } ul.readers-list img{ width:36px; height:36px; float:left; margin:0 8px 0 -38px; border-radius:3px; } ul.readers-list em{ color:#666; font-style:normal; position:absolute; margin-right:10px; height:36px; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } ul.readers-list strong{ color:#bbb; width:20%; text-align:right; position:absolute; right:8px; } ul.readers-list a:hover{ border-color:#bbb; box-shadow:0 0 2px #ccc; background-color:#fff; background-image:none; text-decoration:none; } ul.readers-list a:hover img{ margin-left:3px; } ul.readers-list a:hover em{ color:#EE8B17; } ul.readers-list a:hover strong{ color:#EE8B17; right:80%; top:0; text-align:center; border-right:1px solid #ccc; height:44px; line-height:44px; } /* 友情链接 */ .Mylinks{ display:inline-block; } .Mylinks h3{ clear:both; } .Mylinks ul{ border:none; } .Mylinks ul li, .Mylinks ul li:hover{ list-style:none; } .Mylinks ul ul{ padding:0; } .Mylinks ul ul li{ display:inline-block; text-align:center; margin:4px 2px; } .Mylinks ul ul li a{ color:#333; min-width: 120px; padding:3px 6px; display:block; background:#fafafa; border:1px #ddd solid; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); border-radius:5px; } .Mylinks ul ul li a img{ vertical-align:text-bottom; width:16px; height:16px; margin-right:3px; } .Mylinks ul ul li a:hover{ box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset; } /* 标签云集 */ ul.tag-clouds li{ list-style:none; display:inline-block; width:25%; padding:4px 0; height:26px; border-bottom:1px #eaeaea dotted; } /* 文章归档 */ .arc-container ul{ margin-left:0px; } .arc-container h4{ cursor:n-resize; } .arc-container ul li{ list-style:none; padding:2px 10px; line-height:25px; } .arc-container ul li:hover{ list-style:none; } .arc-container .arc-monthlisting li{ border-bottom:1px solid #eee; } .arc-container .arc-monthlisting li a{ color:#0088dd; } .arc-container .arc-monthlisting li a:hover{ color:#396; } .arc-container .arc-day{ margin-right:20px; } .arc-container .arc-com{ margin-left:20px; } .arc-container .arc-com i, .arc-container .arc-com a{ color:rgba(156, 157, 160, 1); } /* 404页面 */ #errorBox{ color:#111; padding:20px; } #errorBox h1{ line-height:30px; font-size:18pt; } #errorBox h1 img{ float:right; margin-right:50px; } #errorBox #errorSummary{ margin-left:3px; margin-top:15px; } #errorBox #errorSummary p{ line-height:28px; } #errorBox #errorDetails{ color:#777; margin-left:3px; margin-top:8px; } #randBox{ margin:10px auto; padding:5px 0; } #randBox .post-related{ margin:10px; padding:10px; font-size: 13px; border-top: 0; margin-top: 0;} /** 底部 **/ #footerlink{ overflow:hidden; margin-top:10px; } #footerlink ul li{ padding-left:10px; float:left; font-size:13px; text-align:center; line-height:28px; overflow:hidden; } #footer{ margin-top:10px; border-bottom:6px solid #C63; color:#636363; overflow:hidden; } #footer a{ color:#636363; } #footer a:hover{ color:#313131; } #footer .copyright{ float:left; padding:5px 10px; } #footer .themeauthor{ float:right; padding:5px 10px; } #backtop{ z-index:2; background-image:url(image/btt.png); background-position:0 0; width:54px; height:54px; border-top-left-radius:50px; border-top-right-radius:50px; position:fixed; bottom:-100px; right:7.5%; cursor:pointer; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; overflow:auto; } /** 滚动条 **/ ::-webkit-scrollbar{ width:10px; margin-right:2px; } ::-webkit-scrollbar-track-piece{ background-color:#F5F5F5; border-left:1px solid #D2D2D2; } ::-webkit-scrollbar-thumb{ background:#CBCBCB; width:10px; border:1px solid #aaa; } ::-webkit-scrollbar-thumb:hover{ background:#909090; } /** lightbox灯箱 **/ #jquery-overlay{ position:absolute; top:0; left:0; z-index:99999999; width:100%; height:500px; } #jquery-lightbox{ position:absolute; top:0; left:0; width:100%; z-index:1000000000; text-align:center; line-height:0; } #jquery-lightbox a img{ border:none; } #lightbox-container-image-box{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; border-radius:5px; } #lightbox-container-image{ padding:10px; } #lightbox-loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav{ left:0; } #lightbox-nav a{ outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext{ width:49%; height:100%; display:block; } #lightbox-nav-btnPrev{ left:0; float:left; } #lightbox-nav-btnNext{ right:0; float:right; } #lightbox-container-image-data-box{ font:12px Verdana, Helvetica, sans-serif; background-color:#fff; margin:-8px auto 0 auto; height:35px; line-height:35px; overflow:hidden; width:100%; padding:0 10px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:relative; } #lightbox-container-image-data{ padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details{ width:70%; float:left; text-align:left; } #lightbox-image-details-caption{ font-weight:bold; } #lightbox-image-details-currentNumber{ display:block; clear:left; height:35px; } #lightbox-secNav-btnClose{ width:35px; float:right; } /** 短代码 **/ .shortcodestyle{ position:relative; max-width:1060px; margin:5px auto; clear:both; padding:15px 15px 15px 80px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); border-radius:5px; } .shortcodestyle a{ padding:0; } .shortcodestyle a:hover{ background:none; } .task{ background:#F7F7F7; border:1px #aaa solid; color:#333; word-wrap:break-word; word-break:break-all; } .task a{ color:#4B7126; border-bottom:1px #4B7126 dotted; } .task a:hover{ color:#4B7126; border-bottom:1px #4B7126 solid; } .warning{ background:#FFEA97; border:1px solid #E1B400; color:#9F6F26; } .warning a{ color:#A84A1E; border-bottom:1px #A84A1E dotted; } .warning a:hover{ color:#A84A1E; border-bottom:1px #A84A1E solid; } .noway{ background:#EFCEC9; border:1px #BE1F1F solid; color:#820B0B; word-wrap:break-word; word-break:break-all; } .noway a{ color:#F60; border-bottom:1px dotted #F60; } .noway a:hover{ color:#F60; border-bottom:1px solid #F60; } .buy{ background:#EFF4D4; border:1px #8FAD3D solid; color:#779B39; word-wrap:break-word; word-break:break-all; } .buy a{ color:#2e2e2e; border-bottom:1px #2e2e2e dotted; } .buy a:hover{ color:#2e2e2e; border-bottom:1px #2e2e2e solid; } .down{ background:#d4e8f4; border:1px #3d85ad solid; color:#39709b; word-wrap:break-word; word-break:break-all; } .down a{ color:#4269e4; border-bottom:1px #4269e4 dotted; } .down a:hover{ color:#4269e4; border-bottom:1px #4269e4 solid; } .but-down, .but-heart, .but-text, .but-box, .but-search, .but-document, .but-link, .but-next, .but-music{ padding:5px 12px 5px 1px; display:inline-table; } .but-down a, .but-heart a, .but-text a, .but-box a, .but-search a, .but-document a, .but-link a, .but-next a, .but-music a{ color:#474747 !important; float:left; font-size:13px; height:33px; line-height:24px; padding-right:15px; text-decoration:none; } .but-down a span, .but-heart a span, .but-text a span, .but-box a span, .but-search a span, .but-document a span, .but-link a span, .but-next a span, .but-music a span{ float:left; height:33px; padding-left:40px; padding-top:5px; } .but-down a span{ background:url(image/shortcode/but-down.png) no-repeat scroll 0 0 transparent; } .but-down a{ background:url(image/shortcode/but-down.png) no-repeat scroll right -34px transparent; } .but-down a:hover span{ background:url(image/shortcode/but-down.png) no-repeat scroll left -68px transparent; } .but-down a:hover{ background:url(image/shortcode/but-down.png) no-repeat scroll right -102px transparent; } .but-down a:active span{ background:url(image/shortcode/but-down.png) no-repeat scroll left -136px transparent; } .but-down a:active{ background:url(image/shortcode/but-down.png) no-repeat scroll right -170px transparent; } .but-heart a span{ background:url(image/shortcode/but-heart.png) no-repeat scroll 0 0 transparent; } .but-heart a{ background:url(image/shortcode/but-heart.png) no-repeat scroll right -34px transparent; } .but-heart a:hover span{ background:url(image/shortcode/but-heart.png) no-repeat scroll left -68px transparent; } .but-heart a:hover{ background:url(image/shortcode/but-heart.png) no-repeat scroll right -102px transparent; } .but-heart a:active span{ background:url(image/shortcode/but-heart.png) no-repeat scroll left -136px transparent; } .but-heart a:active{ background:url(image/shortcode/but-heart.png) no-repeat scroll right -170px transparent; } .but-text a span{ background:url(image/shortcode/but-text.png) no-repeat scroll 0 0 transparent; } .but-text a{ background:url(image/shortcode/but-text.png) no-repeat scroll right -34px transparent; } .but-text a:hover span{ background:url(image/shortcode/but-text.png) no-repeat scroll left -68px transparent; } .but-text a:hover{ background:url(image/shortcode/but-text.png) no-repeat scroll right -102px transparent; } .but-text a:active span{ background:url(image/shortcode/but-text.png) no-repeat scroll left -136px transparent; } .but-text a:active{ background:url(image/shortcode/but-text.png) no-repeat scroll right -170px transparent; } .but-box a span{ background:url(image/shortcode/but-box.png) no-repeat scroll 0 0 transparent; } .but-box a{ background:url(image/shortcode/but-box.png) no-repeat scroll right -34px transparent; } .but-box a:hover span{ background:url(image/shortcode/but-box.png) no-repeat scroll left -68px transparent; } .but-box a:hover{ background:url(image/shortcode/but-box.png) no-repeat scroll right -102px transparent; } .but-box a:active span{ background:url(image/shortcode/but-box.png) no-repeat scroll left -136px transparent; } .but-box a:active{ background:url(image/shortcode/but-box.png) no-repeat scroll right -170px transparent; } .but-search a span{ background:url(image/shortcode/but-search.png) no-repeat scroll 0 0 transparent; } .but-search a{ background:url(image/shortcode/but-search.png) no-repeat scroll right -34px transparent; } .but-search a:hover span{ background:url(image/shortcode/but-search.png) no-repeat scroll left -68px transparent; } .but-search a:hover{ background:url(image/shortcode/but-search.png) no-repeat scroll right -102px transparent; } .but-search a:active span{ background:url(image/shortcode/but-search.png) no-repeat scroll left -136px transparent; } .but-search a:active{ background:url(image/shortcode/but-search.png) no-repeat scroll right -170px transparent; } .but-document a span{ background:url(image/shortcode/but-document.png) no-repeat scroll 0 0 transparent; } .but-document a{ background:url(image/shortcode/but-document.png) no-repeat scroll right -34px transparent; } .but-document a:hover span{ background:url(image/shortcode/but-document.png) no-repeat scroll left -68px transparent; } .but-document a:hover{ background:url(image/shortcode/but-document.png) no-repeat scroll right -102px transparent; } .but-document a:active span{ background:url(image/shortcode/but-document.png) no-repeat scroll left -136px transparent; } .but-document a:active{ background:url(image/shortcode/but-document.png) no-repeat scroll right -170px transparent; } .but-link a span{ background:url(image/shortcode/but-link.png) no-repeat scroll 0 0 transparent; } .but-link a{ background:url(image/shortcode/but-link.png) no-repeat scroll right -34px transparent; } .but-link a:hover span{ background:url(image/shortcode/but-link.png) no-repeat scroll left -68px transparent; } .but-link a:hover{ background:url(image/shortcode/but-link.png) no-repeat scroll right -102px transparent; } .but-link a:active span{ background:url(image/shortcode/but-link.png) no-repeat scroll left -136px transparent; } .but-link a:active{ background:url(image/shortcode/but-link.png) no-repeat scroll right -170px transparent; } .but-next a span{ background:url(image/shortcode/but-next.png) no-repeat scroll 0 0 transparent; } .but-next a{ background:url(image/shortcode/but-next.png) no-repeat scroll right -34px transparent; } .but-next a:hover span{ background:url(image/shortcode/but-next.png) no-repeat scroll left -68px transparent; } .but-next a:hover{ background:url(image/shortcode/but-next.png) no-repeat scroll right -102px transparent; } .but-next a:active span{ background:url(image/shortcode/but-next.png) no-repeat scroll left -136px transparent; } .but-next a:active{ background:url(image/shortcode/but-next.png) no-repeat scroll right -170px transparent; } .but-music a span{ background:url(image/shortcode/but-music.png) no-repeat scroll 0 0 transparent; } .but-music a{ background:url(image/shortcode/but-music.png) no-repeat scroll right -34px transparent; } .but-music a:hover span{ background:url(image/shortcode/but-music.png) no-repeat scroll left -68px transparent; } .but-music a:hover{ background:url(image/shortcode/but-music.png) no-repeat scroll right -102px transparent; } .but-music a:active span{ background:url(image/shortcode/but-music.png) no-repeat scroll left -136px transparent; } .but-music a:active{ background:url(image/shortcode/but-music.png) no-repeat scroll right -170px transparent; } .toggle_title, .toggle_active{ background-image:url(image/icons-sprite.png); background-repeat:no-repeat; margin-top:10px; } .toggle_title{ background-color:#F5F5F5; background-position:-258px -77px; border:1px solid #DEDEDE; height:29px; font-size:14px; line-height:26px; color:#5e6069; cursor:pointer; padding:3px 0 0 40px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); border-radius:5px 5px 0 0; } .toggle_active{ background-position:-258px -37px; } .toggle_content{ background:#fcfcfc; border:1px solid #DEDEDE; border-top:none; overflow:hidden; margin-bottom:10px; padding:5px 15px; box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.2); border-radius:0 0 5px 5px; } /** 圆圈加载 **/ #circle{ background-color:rgba(0, 0, 0, 0); border:5px solid rgba(10, 10, 10, 0.9); opacity:.9; border-right:5px solid rgba(0, 0, 0, 0); border-left:5px solid rgba(0, 0, 0, 0); border-radius:50px; box-shadow:0 0 35px #808080; width:60px; height:60px; margin:0 auto; position:fixed; left:30px; bottom:30px; -moz-animation:spinPulse 1s infinite linear; -webkit-animation:spinPulse 1s infinite linear; -o-animation:spinPulse 1s infinite linear; -ms-animation:spinPulse 1s infinite linear; } #circle1{ background-color:rgba(0, 0, 0, 0); border:6px solid rgba(20, 20, 20, 0.9); opacity:.9; border-left:6px solid rgba(0, 0, 0, 0); border-right:6px solid rgba(0, 0, 0, 0); border-radius:50px; box-shadow:0 0 15px #202020; width:40px; height:40px; margin:0 auto; position:fixed; left:39px; bottom:39px; -moz-animation:spinoffPulse 1s infinite linear; -webkit-animation:spinoffPulse 1s infinite linear; -o-animation:spinoffPulse 1s infinite linear; -ms-animation:spinoffPulse 1s infinite linear; } #circletext{ width:46px; height:20px; margin:0 auto; position:fixed; left:46px; bottom:53px; } @-moz-keyframes spinPulse{ 0%{ -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }50%{ -moz-transform:rotate(145deg); opacity:1; }100%{ -moz-transform:rotate(-320deg); opacity:0; }} @-moz-keyframes spinoffPulse{ 0%{ -moz-transform:rotate(0deg); }100%{ -moz-transform:rotate(360deg); }} @-webkit-keyframes spinPulse{ 0%{ -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }50%{ -webkit-transform:rotate(145deg); opacity:1; }100%{ -webkit-transform:rotate(-320deg); opacity:0; }} @-webkit-keyframes spinoffPulse{ 0%{ -webkit-transform:rotate(0deg); }100%{ -webkit-transform:rotate(360deg); }} @-o-keyframes spinPulse{ 0%{ -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }50%{ -o-transform:rotate(145deg); opacity:1; }100%{ -o-transform:rotate(-320deg); opacity:0; }} @-o-keyframes spinoffPulse{ 0%{ -o-transform:rotate(0deg); }100%{ -o-transform:rotate(360deg); }} @-ms-keyframes spinPulse{ 0%{ -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }50%{ -ms-transform:rotate(145deg); opacity:1; }100%{ -ms-transform:rotate(-320deg); opacity:0; }} @-ms-keyframes spinoffPulse{ 0%{ -ms-transform:rotate(0deg); }100%{ -ms-transform:rotate(360deg); }} /** 自适应 **/ @media screen and (max-width:1430px){ #backtop{ right:6%; } } @media screen and (max-width:1366px){ #backtop{ right:5%; } } @media screen and (max-width:1280px){ #backtop{ right:3%; } } @media screen and (max-width:1100px){ #wrapper-inner{ width:95%; } #backtop{ right:2.7%; } #copy-info{ width:64%; } } @media only screen and (min-width:991px) and (max-width:1099px){ .widget .searchform #s{ width:54%; } } @media only screen and (max-width:1035px){ #nav-search, #rss{ display:none; } #mobile-nav{ display:block; text-align:center ;height: 41px; line-height: 38px; } #main-nav{ height:auto; } #nav-menu{ display:none; float:none; max-width:100%; text-align:center; } #nav-menu{ margin-top:0; } #nav-menu ul{ height:auto; display:block; margin:0 15px; padding:0 15px; text-align:center; } #nav-menu ul li{ display:block; line-height: 38px;border-top:1px solid #F8F8F8; position: inherit; z-index:999; } #nav-menu ul li:hover{ background-color:#F5F5F5; } #nav-menu li a{ font-size:15px;display:block; color:#313131; text-shadow:0 1px 0 #ddd; padding:0px; } #nav-menu li.current-menu-item> a{ color:#67A611; background-color:#F5F5F5; } #nav-menu li:hover{ background-color: inherit; border-bottom:0; box-shadow:none; } #nav-menu > ul > li{ line-height:40px; float:none; } #nav-menu li ul{ display:none; background inherit; box-shadow:none; position:inherit; left:inherit; top:inherit; padding:inherit; border-radius:0; } #nav-menu li li{ line-height:28px; height:auto; padding:1px 10px; } #nav-menu li li a{ font-size:13px; color:#777; } #nav-menu li li a:hover{ color:#67A611; } #nav-menu li ul li ul{ left:inherit; top:inherit; border-radius:0; } #bulletin{ width:97%; padding:0 10px; float:none; } } @media screen and (max-width:995px){ #sidebar, #footerlink, #f_c, #f_o{ display:none !important; } #content-wrap{ background:#fff; border-radius:2px; box-shadow:0 1px 3px 0 #B5B5B5; } #content-list, #content-main{ width:auto !important; float:none; box-shadow:none; } } @media only screen and (max-width:750px){ .post-like, .themeauthor, .post-related, #circle, #circletext, #circle1, #backtop{ display:none; } #copy-info{ width:80%; } .copyright{ float:none; width:100%; text-align:center; } .post-navigation div, .post-navigation div{ width:40%; } #content-list .post-list:hover{ border:none; border-bottom:1px #EAEAEA solid; margin:0; box-shadow:none; } .comments .floor{ font-size:13px; } .commenttext .exp .level{ left:10%; } .replytext{ width:21%; } } @media only screen and (max-width:685px){ #topblock, #bulletin, .post-thumbnail, .resizer{ display:none; } #real-avatar{ display:none !important; } #logo{ float:none; width:100%; text-align:center; } .commenttext .exp{ width:6%; } #author-info label{ display:block; width:100%; border-radius:3px 3px 0 0 !important; } .replytext{ display:block; margin:-1px 0 10px; width:100%; height:24px; border-radius:0 0 3px 3px !important; } .comment-box{ width:94%; } .textarea{ border-radius:3px; } } @media only screen and (max-width:580px){ .pview, .pcomm, .post-copyright, #comment-tools, .comment-btns #reset{ display:none; } .post-tagsshare{ height:100%; } .post-tagsshare .post-tags, .post-tagsshare .post-share{ float:none; display:block; } .commenttext .exp{ width:7%; } .comment-btns #submit{ width:94%; } } @media only screen and (max-width:480px){ .post-excerpt{ display:block; height:62px; overflow:hidden; } .post-list .post-footer, .post-navigation{ display:none; } .commenttext .exp{ width:9%; } } @media only screen and (max-width:380px){ .post-meta .pcate, .post-meta .pedit, .commenttext .exp{ display:none; } #author-info label, .replytext{ width:98%; } } .divCalendar table { width: 100% } .divCalendar caption { padding-bottom: 4px; color: #222; text-align: center; font-weight: bold } .divCalendar tbody { color: #aaa } .divCalendar td,.divCalendar .main th { padding: 3px 0 2px; border: 1px solid #ccc; background: #f5f5f5; text-align: center; color: #666 } .divCalendar td:hover,.divCalendar .main th:hover { opacity: .8; -moz-opacity: .8; filter: "alpha(opacity=80)"; filter: alpha(opacity=80); zoom: 1; background: #e5e5e5 } .divCalendar tfoot #next { text-align: right } .divCalendar td a { color: #35aadc } .divContorPanel li,.divArchives li,.divLinkage li,.divTags li,.divStatistics li{ width: 50%; float: left } .widget .main { background: #fafafa; padding: 7px 12px; } .widget .main span{height:28px;line-height:28px}
扫描二维码推送至手机访问。
版权声明:本文由学无止境-开拓创新-ipvb学习网发布,如需转载请注明出处。