@charset "utf-8"; /* Theme Name: D7 Theme URL: http://www.daqianduan.com/theme/d7/ Description: 大前端D7主题(付费) 技术支持:大前端 Author: 浩子 Author URI: http://www.daqianduan.com Version: 1.5 */ body,h1,h2,h3,h4,p,ul,li,ol,dl,dt,dd,input,textarea,figure,form{margin:0;padding:0} body,input,textarea{font-size:12px;font-family:microsoft yahei} body{text-align:center;color:#33383D;background:#f1f1f1 url(img/body.gif) repeat} ul,ol{list-style:none} img{border:0} button,input {line-height:normal;*overflow:visible;-webkit-appearance: none;} input,textarea{outline:none} a{color:#3B8DD1;text-decoration:none}a:hover{color:#8CAC52} /* sprite */ .logo,.ico,.comm,.view,.quicker li a{background-image:url(img/sprite.png);background-repeat:no-repeat} .header-inner:after,.wrapper:after,.footer-inner:after{content:".";display:block;height:0;clear:both;visibility:hidden} .header-inner,.wrapper,.footer-inner{*+height:1%;} /* frame */ .header-inner,.wrapper,.footer-inner{max-width:1280px;_width:1280px;margin:0 auto;padding:0 10px;text-align:left;position:relative;} .wrapper{margin-bottom:15px} .content-wrap{float:left;width:100%} .content{margin-right:400px;padding:20px 20px 20px 180px;border-radius:6px;background-color:white;border:1px solid #E2E2E2;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.05);overflow:hidden} .single .content,.page .content{padding-left:20px} .column2{padding-left: 20px;} .column2 .sticky{margin-left: -20px;} .quicker{float:left;margin-left:-180px;width:140px;padding:0 20px;_display: inline;} .sidebar{float:left;margin-left:-380px;width:380px;color:#666;} /****************************************************************/ /* header */ .header{position:relative;height:56px;background-color:#33363B;margin-bottom:15px;z-index: 2} /* hasfixed */ #hasfixed{margin-top: 71px;} #hasfixed .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;} /* logo */ .logo{width:100px;float:left;background:url(../images/logo.png) no-repeat;height:30px;margin:13px 15px 0 0;padding-right:15px;display:block;overflow:hidden;line-height:200px;font-size:18px;font-weight:bold;color:#fff;border-right: solid 1px #444;} .logo a{height:30px;display:block;color:#fff;overflow: hidden;} /* nav */ .nav,.quick-menu{text-shadow:1px 1px 1px #33363B;position:relative;z-index:2;} .nav{float:left;margin:13px 20px 0 0;font-size:14px;} .quick-menu{float:right;margin-top:15px;} .menu-item{float:left;position:relative;margin-right:1px} .menu-item a{color:#ddd;padding:5px 12px 6px;height:20px;line-height:20px;display:block;cursor: pointer;} .menu-item a:hover,.current-menu-item a,.current_page_item a,.current-post-ancestor a{color:#fff;background-color:#292B2F;border-radius:3px} .menu-item:hover a{background-color:#2E3035;border-radius:4px} .menu-item:hover .sub-menu{display:block} .sub-menu{position:absolute;top:29px;left:0;border-radius:0 0 4px 4px;min-width:106px;z-index:10;display:none;padding:4px 0;background-color:#2E3035;line-height: 18px;font-size: 12px;} .sub-menu li{float:none;margin-right: 0} .sub-menu li a{padding:5px 12px;color:#bbb;display: block;} .sub-menu li a:hover{background-color:#33363B} .menu-item i{display:inline-block;margin:0 0 0 3px;position:relative;top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999} .quick-menu .sub-menu{top: 27px} .quick-menu .menu-item a{padding: 4px 10px;} /* search-form */ .search-form{float:left;margin-top:15px;} .search-form input{float: left;} .search-input{border-radius:2px 0 0 2px;border:none;display:block;font-size:13px;height:20px;line-height:20px;padding:4px 8px;background-color:#eee;width:140px;color:#B3B3B3} .search-input:focus{color:#444;background-color: #fff;} .search-submit{background-color: #8CAC52;border-radius: 0 2px 2px 0;height: 28px;color:#fff;padding:0 10px;border: none;cursor: pointer;} .search-submit:hover{background-color: #7BAB2E;} /****************************************************************/ /* poptip */ .poptip{position: absolute;top: 20px;z-index:1;left:20px;padding: 6px 10px 5px;*padding: 7px 10px 4px;line-height: 16px;color: #DB7C22;font-size: 12px;background-color: #FFFCEF;border: solid 1px #FFBB76;border-radius: 2px;box-shadow: 0 0 3px #ddd;} .poptip-arrow{position: absolute;overflow: hidden;font-style: normal;font-family: simsun;font-size: 12px;text-shadow:0 0 2px #ccc;} .poptip-arrow em,.poptip-arrow i{position: absolute;left:0;top:0;font-style: normal;} .poptip-arrow em{color: #FFBB76;} .poptip-arrow i{color: #FFFCEF;text-shadow:none;} .poptip-arrow-top,.poptip-arrow-bottom{height: 6px;width: 12px;left:12px;margin-left:-6px;} .poptip-arrow-left,.poptip-arrow-right{height: 12px;width: 6px;top: 12px;margin-top:-6px;} .poptip-arrow-top{top: -6px;} .poptip-arrow-top em{top: -1px;} .poptip-arrow-top i{top: 0px;} .poptip-arrow-bottom{bottom: -6px;} .poptip-arrow-bottom em{top: -8px;} .poptip-arrow-bottom i{top: -9px;} .poptip-arrow-left{left:-6px;} .poptip-arrow-left em{left:1px;} .poptip-arrow-left i{left:2px;} .poptip-arrow-right{right:-6px;} .poptip-arrow-right em{left:-6px;} .poptip-arrow-right i{left:-7px;} /* follow */ .follow{clear:both;margin-bottom:15px;background:#E3E3E0;border-radius:5px;overflow:hidden;height:60px} .follow li{width:25%;float:left;_width:24%;} .follow li a{display:block;height:30px;padding:15px 20px;color:#666;border-right:solid 1px #d1d1d1} .follow li a:hover{color:#333;background-color:#ddd} .follow li a .tit{display:block} .follow li a .note{color:#999} .follow .ico{width:32px;height:32px;float:left;background-color:#ccc;margin-right:10px} .follow .ico-tqq{background-position:0 0} .follow .ico-weibo{background-position:0 -32px} .follow .ico-feed{background-position:0 -64px} .follow .ico-mailfeed{background-position:0 -96px} .follow .mailfeed{margin:15px 20px} .follow .mailfeed .ipt{width:72%;height:20px;padding:4px 5px;margin-top:2px;border-width:1px;border-style:solid;border-color:#d6d6d6 #c6c6c6 #c6c6c6 #d6d6d6;color:#999} .queryinfo{margin-top:20px} /****************************************************************/ .tips{color:#666;text-align:center;background-color:#edf9d7;border-radius:6px;padding-left: 150px;line-height: 30px;border-radius: 0 4px 4px 0;color: #7BAB2E;overflow: hidden;} .tips .btn{margin:0 5px} .tips dt{float: left;width:150px;margin-left: -150px;background-color: #8CAC52;font-weight: bold;color: #fff;border-radius: 4px 0 0 4px;font-size: 14px;} /* sticky */ .sticky{overflow:hidden;height:148px;background-color: #FAFAFA;border-radius:6px 6px 0 0;border-bottom: solid 1px #E6E6E6;padding: 20px 0 16px 20px;margin: -20px -20px 15px -180px;} .sticky li{float: left;width: 150px;height:144px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;} .sticky img{display: block;margin-bottom: 4px;border-width:1px;border-style: solid;border-color: #e6e6e6 #ddd #ddd #e6e6e6;padding: 4px;width:140px;height: 98px;background-color: #fff;} .sticky li a{color: #999;} .sticky li a:hover{color: #666;} .sticky li a:hover img{border-color: #ddd #ccc #ccc #ddd;} /* excerpt */ .excerpt li{padding:20px 0 20px 164px;overflow:hidden;border-bottom:solid 1px #eee} .excerpt .pic{float:left;width:140px;margin-left:-164px;border:solid 1px #ddd;padding:4px;box-shadow:0px 1px 1px #eee} .excerpt .pic img{width:140px;height:98px;display:block} .excerpt .pic:hover{border-color:#ccc;border-bottom-color:#bbb} .excerpt h2{font-size:15px;margin:4px 0 12px;height:18px;overflow:hidden} .excerpt h2 strong{color:#8CAC52;margin-right:10px} .excerpt .note{color:#777;line-height:20px} .info{margin-bottom:8px} .info,.info a{color:#777} .info a:hover{color:#333;text-decoration:underline} .comm,.view{margin-left:20px;padding-left:20px} .comm{background-position:-17px -129px} .view{background-position:-17px -147px} .atag{margin-left:20px} /****************************************************************/ /* btn */ .btn{display:inline-block;height:26px;line-height:26px;padding:0 12px;font-size:12px;color:#fff;min-width:48px;text-align:center;border-radius:2px} .btn{background-color:#1E7BB3;background-image:-webkit-linear-gradient(top,#3999D2,#1E7BB3);background-image:-moz-linear-gradient(top,#3999D2,#1E7BB3);background-image:-ms-linear-gradient(top,#3999D2,#1E7BB3);border-bottom:1px solid #02598E;box-shadow:#bbb 0 1px 2px;text-shadow:#1E7BB3 0 -1px 0} .btn:hover{opacity:.9;filter:alpha(opacity=90);color:#fff} .btn-mini{height:20px;line-height:20px;padding:1px 8px 0} input.btn,button.btn{cursor:pointer;border-top:0;border-right:0;border-left:0} .btn-success{background-color:#52A152;background-image:-webkit-linear-gradient(top,#5FBE5F,#52A152);background-image:-moz-linear-gradient(top,#5FBE5F,#52A152);background-image:-ms-linear-gradient(top,#5FBE5F,#52A152);border-bottom:1px solid #417F41;text-shadow:#52A152 0 -1px 0} .btn-error{background-color:#CB423B;background-image:-webkit-linear-gradient(top,#E85A56,#CB423B);background-image:-moz-linear-gradient(top,#E85A56,#CB423B);background-image:-ms-linear-gradient(top,#E85A56,#CB423B);border-bottom:1px solid #AA352F;text-shadow:#CB423B 0 -1px 0} .btn-gray{background-color:#ddd;background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-ms-linear-gradient(top,#eee,#ddd);border-bottom:1px solid #a9a9a9;text-shadow:#eee 0 -1px 0} .btn-gray,.btn-gray:hover{color:#777} /****************************************************************/ /* tag-link */ .single-tag{margin-bottom:15px;} .single-tag a{color:#888;border:solid 1px #d6d6d6;border-radius:2px;box-shadow:0 1px 1px #eee;padding:2px 6px;margin-right:4px;display:inline-block} .single-tag a:hover{background-color:#fbfbfb;border-color:#bbb;color:#444;box-shadow:0 1px 1px #ddd} /****************************************************************/ /* sidebar */ .aside-tit{clear:both;font-size:12px;border-bottom:1px solid #DADADA;padding-bottom:5px;margin-bottom:10px;color:#333} .aside-tit span{font-weight:normal;float:right} .aside-tit a{margin-left:8px} /* base-tit */ .base-tit,.quicker h3{font-size:12px;border-bottom:solid 1px #DADADA;color:#444;padding-bottom:5px;margin-bottom:2px} .base-tit span,.quicker h3 span{float:right;color:#390;font-weight:normal} .base-tit{font-size:14px} /* base-list */ .quicker ul{margin-bottom:16px} .quicker li{_margin-bottom: -15px} .quicker li a{background-position:-19px -160px;display:block;padding:5px 0 5px 20px;border-bottom:solid 1px #F2F2F2;color:#888} .quicker li a:hover{color:#333;background-color:#fbfbfb;border-color:#DADADA} .quicker li a i{float:right;border-radius:20px;height:12px;line-height:12px;width:12px;text-align:center;overflow:hidden;font-style:normal;padding:1px 4px;background-color:#d6d6d6;color:#fff;font-size:10px;-webkit-text-size-adjust:none;margin-top:1px} .quicker li a .time{color:#999;margin-right:10px} .single .content .banner{margin-bottom:4px} .banner-post{padding:12px 0 0} /****************************************************************/ .widget_d_theme,.widget_d_comment,.widget_links,.widget_tag_cloud,.widget_archive,.widget_categories,.widget_pages,.widget_calendar,.widget_recent_entries,.widget_train_get{background-color:#FAFAFA;border:1px solid #E2E2E2;border-left:none;padding:20px;border-radius:0 6px 6px 0;margin:0 0 15px -20px} .widget{clear: both;} .widget_tit{font-size:12px;border-bottom:solid 1px #DADADA;color:#444;padding-bottom:5px;margin-bottom:2px} .widget_tit span{float:right;color:#390;font-weight:normal} /* widget banner */ .widget_d_banner{margin-bottom:15px;} .widget_d_banner img{display: block;} .widget_d_banner_half{clear: none;float:left;width: 185px;margin-right:10px;margin-right:5px\0;*margin-right:5px;} .widget_d_banner_half img{width: 185px;height: 125px} .widget_d_banner_half:nth-child(even){margin-right:0;} .widget_d_banner .sell{display:block;border:solid 1px #d6d6d6;color:#999;text-align:center;height:123px;line-height:123px;font-weight:bold} .widget_d_banner .sell:hover{border-color:#bbb;color:#777} /* widget theme */ .widget_d_theme li{padding:10px 0 10px 80px;border-bottom:solid 1px #E0E0E0;overflow:hidden} .widget_d_theme .pic{float:left;margin-left:-80px;width:70px;height:44px;font-size:36px;background-color:#E3E3E0;color:#fff;padding:10px 0;text-align:center;font-weight:bold} .widget_d_theme p{margin-bottom:5px} .widget_d_theme .btn{margin-right:8px} /* widget comment */ .widget_d_comment ul a{padding:10px 20px 10px 46px;display:block;border-bottom:1px solid #e6e6e6;overflow:hidden;color:#999} .widget_d_comment ul img{float:left;width:36px;margin-left:-46px} .widget_d_comment ul strong{color:#0055aa;display:block;margin-bottom:1px;font-weight:normal} .widget_d_comment ul a em{color:#ddd;font-size:14px;font-weight:bold;font-family:simsun;font-style:normal;float:right;margin:10px -20px 0 0} .widget_d_comment ul a:hover{background-color:#fbfbfb;color:#666} .widget_d_comment ul a:hover em{color:#aaa} /* widget hotpost */ .widget_d_hotpost{margin-bottom:20px} .widget_d_hotpost h2{font-size:15px;margin:8px 0 10px} .widget_d_hotpost .note{line-height:20px} .widget_d_hotpost .excerpt li{padding:0 0 0 104px;} .widget_d_hotpost .pic{width:86px;height:60px;overflow:hidden;margin-left:-104px;padding:0;border-width:2px;} .widget_d_hotpost .comm, .widget_d_hotpost .view{margin-left:12px} /* widget link */ .widget_links ul,.widget_archive ul,.widget_categories ul,.widget_pages ul,.widget_recent_entries ul{overflow:hidden;margin:10px 0 -5px;} .widget_links li,.widget_archive li,.widget_categories li,.widget_pages li,.widget_recent_entries li{float:left;width:33.33%;height:28px;line-height:28px;overflow:hidden} .widget_recent_entries li{float: none;width: auto} .widget_links li a,.widget_archive li a,.widget_categories li a,.widget_pages li a,.widget_recent_entries li a{color:#666;} .widget_links li a:hover,.widget_archive li a:hover,.widget_categories li a:hover,.widget_pages li a:hover,.widget_recent_entries li a:hover{color:#222;text-decoration:underline} /* widget calendar */ .widget_calendar table{width:100%;text-align: center;} .widget_calendar table caption{padding:8px 0;} .widget_calendar table #prev{text-align: left;} .widget_calendar table #next{text-align: right;} .widget_calendar table tbody td{padding:2px;} .widget_calendar table tbody td a{display: block;margin:1px 2px;background-color: #DDD;} /* widget meta */ .widget_meta .widget_tit{margin-bottom:10px;} .widget_meta ul{line-height: 24px;} .widget_meta ul a{color: #999;} .widget_meta ul a:hover{color: #333;text-decoration: underline} /* select */ .widget_archive select,.widget_categories select{margin-top:10px;width:100%;height:32px;line-height:32px;padding:2px;} /* paging */ .paging,.pagenav{padding:20px 0 10px;overflow:hidden;border-radius: 4px;} .paging a,.paging .current,.pagenav a,.pagenav .current,.paging .dots,.pagenav .page-numbers{padding:6px 14px;color:#666;border:1px solid #ddd;display:block;margin-right:-1px;float:left} .paging .current,.paging a:hover,.pagenav .current,.pagenav a:hover{color:#7BAB2E;font-weight:bold;background-color:#EDF9D7;border-color:#8CAC52;position: relative;} .paging a:active,.pagenav a:active{box-shadow:inset 0 1px 2px #bbb} .paging a:first-child{border-radius: 2px 0 0 2px} .paging a:last-child{border-radius: 0 2px 2px 0} /* footer */ .footer{color:#bbb;background-color:#33363B} .footer a{color:#bbb} .footer-inner{padding:15px 20px} .manage{float:right} .footbar li{display:inline;margin-right:10px} /* main */ .main{padding:20px;background-color:white;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0px 0px 10px 1px rgba(0,0,0,0.05);overflow:hidden} .main-tit{border-bottom:1px solid #eee;font-size:18px;padding:0 0 10px;margin:0 0 20px;color:#444} .main-tit strong{font:bold 12px/18px arial;font-style:normal;color:#999;margin:0 10px} .main-tit em{font-style:normal;font-weight:normal;color:#380;font-size:12px} .main-tit .btn{font-weight:normal;margin-left:20px} .main-tit .btn:active{border-bottom-color:#fff} .main .share{float:right;margin-top:-52px} /* share */ .share{overflow: hidden;margin-top: 20px;border-top: 1px #0099CC dotted; padding-top:15px;} .share-tit{float:left;padding-top:5px} .meta .share{float:right} .db_post{padding-top:15px;overflow: hidden;} ul.db_post{margin-bottom:20px;} ul.db_post li{float:left;width:360px;margin-right:20px;} /* meta */ .meta{padding-bottom:12px;border-bottom:#eee 1px solid} .meta-tit{font-size:18px;margin:0 0 10px;color:#3B8DD1} .meta-tit span a{font-size:12px;font-weight:normal;margin-left:10px;color:#080} .meta-info{color:#999} /* entry */ .entry{font-size:13px;line-height:24px;word-break: break-all; word-wrap: break-word;} .entry img{max-width:100%; text-align:center;} .entry h2,.entry h3,.entry h4{color:#111;border-bottom:#eee 1px solid;padding-bottom:5px} .entry h2{font-size:15px} .entry h3,.entry h4{font-size:14px} .entry strong{color:#dc2523} .entry ul,.entry ol{margin:16px} .entry li{margin-left:26px} .entry ul li{list-style:disc} .entry ol li{list-style:decimal} .entry p{margin:15px 0} .entry a{text-decoration:underline} .entry code, .comment code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px} .entry table{border-top:solid 1px #eee;border-left:solid 1px #eee} .entry table th{background-color:#f9f9f9;text-align:center} .entry table td,.entry table th{border-bottom:solid 1px #eee;border-right:solid 1px #eee;padding:5px 10px} .entry .alignleft{float:left;text-align:left;margin-right:10px} .entry .aligncenter{text-align:center} .entry .alignright{float:right;text-align:right;margin-left:10px} .btn-demo{ display: inline-block; padding: 15px 30px; font-size: 15px; line-height: 18px; color: #444; text-align: center; text-shadow: 0 1px 1px #ccc; background-color: #e6e6e6; background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6); background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6); background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6); border: 1px solid #ccc; border-bottom-color: #bbb; border-radius: 1px; box-shadow: 0 2px 2px #ddd; } .btn-demo:hover{ background:#f6f6f6; color: #333; } .btn-demo:active{ background:#f6f6f6; color: #555; box-shadow: inset 0 2px 4px #ddd; } a.btn-demo{text-decoration: none} .article-info-text{margin-top:15px;font-size:14px} .entry pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb url(img/codecolorer_bg.gif) top;padding:10px 15px} .entry blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;} .entry blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;} .post-copyr a{text-decoration:none} .authordata{overflow:hidden;padding:15px 15px 15px 72px;background-color:#FAFAFA;border-top:solid 1px #E6E6E6;border-bottom:solid 1px #E6E6E6;margin:15px -20px;position:relative;} .authordata dt{float:left;margin-left:-52px;width:8%;} .authordata dt img{display:block;border:solid 1px #ccc;border-color:#ccc #ccc #bbb #ccc;box-shadow:1px 1px 1px #eee;padding:1px;background-color:#fff;} .authordata dd h4{font-size:12px;margin-bottom:6px;} .authordata dd a{text-decoration:underline;} .single-tags{margin-bottom:18px} .alipay{margin-bottom:20px;text-align: center;} /* post-related */ .post-related{overflow:hidden;padding:15px 20px;margin:15px -40px 15px -20px;background-color: #FAFAFA;border-top:solid 1px #E6E6E6;border-bottom:solid 1px #E6E6E6;} .post-related li{float:left;width:20%;margin:10px 0 0 0;line-height:18px;color:#999;overflow:hidden} .post-related a{width:140px;display: inline-block;} .post-related a img{width:140px;height:98px;display:block;border: solid 1px #ccc;padding: 2px;box-shadow: 0px 1px 1px #EEE;margin-bottom: 5px;} .post-related a:hover img{border-color:#bbb;border-bottom-color:#aaa} /* comment */ #postcomments{margin-bottom:12px;overflow:hidden} .comment{padding:15px 0 15px 48px} .c-avatar{width:36px;height:36px;border-radius:2px;background-color:#FFF;float:left;margin-left:-48px;overflow:hidden;_display:inline} .c-avatar .avatar{display:block} .c-main{margin-top:-2px;margin-right:48px} .c-main p{font-size:13px} .c-meta{color:#999;padding-top:3px} .c-author{margin-right:10px} .comment-reply-link{margin-left:6px} .depth-1{border-bottom:#eee 1px solid} .depth-1.odd{background-color:#fdfdfd} .depth-2{margin-right:48px} .depth-2,.depth-4,.depth-6,.depth-8{background-color:#f6f6f6;border-radius:3px} .depth-3,.depth-5,.depth-7,.depth-9{background-color:#fff;border-radius:3px} .children .comment{padding:10px 10px 10px 52px;margin-top:5px;border-left:2px solid #e6e6e6} .children .c-main p{font-size:12px;margin-right:0} .children .c-avatar{margin-left:-42px;width:32px;height:32px} .children .c-avatar .avatar{width:32px;height:32px} .children .c-meta{padding-top:2px} .c-floor{float:right;font-size:18px} .c-floor a{color:#ddd} .c-floor a:hover{color:#666} .c-approved{border-radius:2px;background-color:#FEF07F;border:1px solid #EFA72E;color:#D15221;display:inline-block;padding:1px 5px;margin-top:4px} .wp-smiley{margin-bottom:-3px} #author-info{margin:0 0 6px;padding:6px 0 1px;overflow:hidden;line-height:16px;color:#444} #author-info img{width:21px;height:21px;margin-right:8px;float:left;border-radius:1px} .author-name{} #tab-author{margin-left:6px} .author-info-r{float:right;color:#aaa;line-height:18px;position:relative;top:4px} .author-info-r a{color:#aaa} .author-info-r a:hover{color:#666} .author-info-say{color:#666;margin-left:5px;background-color:#e6e6e6;padding:2px 6px 3px;border-radius:2px;position:relative;display:inline-block;text-shadow:1px 0 0 #fff} .author-info-say i{position:absolute;left:-4px;top:50%;display:block;margin-top:-4px;width:0;height:0;overflow:hidden;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #e6e6e6} #comment-author-info{overflow:hidden} #comment-author-info p{border-radius:2px;border:#ccc 1px solid;width:180px;position:relative;float:left;margin-right:6px;margin-bottom:6px} #comment-author-info p:hover,#comment-author-info p.on{box-shadow:0 0 4px #ddd;color:#222;border-color:#bbb} #comment-author-info p:hover label,#comment-author-info p.on label{border-color:#bbb} #comment-author-info label{width:32px;height:18px;line-height:18px;padding:4px;text-align:center;border-top-left-radius:2px;border-bottom-left-radius:2px;border-right:#ccc 1px solid;display:inline-block} #comment-author-info p em{font-size:12px;color:#999;position:absolute;left:172px;top:-3px;font-style:normal} #comment-author-info input{width:130px;height:18px;line-height:18px;padding:4px;border-radius:2px;border:0;color:#666} #comment-author-info p.comment-author-url{width:250px} #comment-author-info p.comment-author-url input{width:200px} .success_2{margin:-8px 0 10px 52px;display:block} .post-area{border-radius:2px;border:#ccc 1px solid;margin-bottom:10px;background:#fff;position:relative;overflow:hidden} .post-area-hover{border-color:#c8c8c8;box-shadow:0 0 5px #ddd} .comment-editor,#smileys{height:26px;line-height:26px;border-bottom:#d8d8d8 1px solid;border-radius:2px 2px 0 0;background-color:#fdfdfd;box-shadow:0 2px 10px #eee, inset 0 -2px 10px #eee;overflow:hidden} .comment-editor a{color:#777;display:inline-block;padding:0 8px;height:26px;border-right:1px solid #ddd} .comment-editor a:hover{color:#333;background-color:#FFF} #smileys{display:none;position:absolute;top:0;left:48px} #smileys.smileys-con{width:auto} #smileys a{margin:5px 5px 0 0;display:inline-block;line-height:0} #comment{height:80px;padding:4px 6px;background:none;line-height:20px;border:none;width:98.2%;position:relative;z-index:2;margin-bottom:-5px;color:#444} #loading,#error{background:#FFFFCC;opacity:.88;filter:alpha(opacity=88);border-top:#ccc 1px solid;padding:2px 8px 1px;position:absolute;bottom:0;left:0;z-index:9;width:100%} #loading img,#error img{position:relative;bottom:2px;margin-right:3px} .subcon .btn,.comment_mail{cursor:pointer} .subcon a,.comment_mail{color:#999} .subcon a:hover,.comment_mail:hover{color:#333} .comment_mail{margin-left:5px} #comment_mail_notify{vertical-align:middle;margin-right:3px;margin-top:-1px} #commentform{line-height:24px;padding:4px 0} #cancel-comment-reply-link{position:relative;top:1px;margin:0 10px} #scrollto{position: fixed;right: 0;bottom: 17px;z-index:999;width:36px;font-family: simsun;display:none;} #totop,#tocomment{height:32px;color: #fff;display: block;position: relative;background-color: #000;opacity: 0.6;filter:alpha(opacity=60);cursor: pointer;} #totop:hover,#tocomment:hover{opacity: 0.8;filter:alpha(opacity=80);} #totop em,#totop i,#tocomment em,#tocomment i{position: absolute;overflow: hidden;font-style: normal;} #totop{font-size: 20px;} #totop em{top:9px;left:8px;height: 10px\9\0;} #totop i{top:11px;left:8px;color: #000;filter:alpha(opacity=60)\9\0;height: 8px\9\0;} #totop:hover i{filter:alpha(opacity=80)\9\0;} #tocomment{margin-top: 1px;} #tocomment em{top:10px;left:10px;border:solid 1px #ccc;width: 14px;height: 10px;border-radius: 1px;box-shadow: 0 0 1px #ddd;} #tocomment i{top:4px;top:5px\9\0;*top:5px;left:12px;letter-spacing: -3px;font-size: 14px;} @media screen and (max-width:1200px){ .quicker,.quick-menu{display:none} .sticky{margin-left: -20px} .content{padding-left:20px;min-height:auto} } @media screen and (max-width:980px){ .sidebar,.quick-menu{display:none} .quicker{display:block} .wrapper{margin-bottom:0;padding:0} .content{padding-left:180px;margin-right:0;box-shadow:none;border:0 none;border-radius:0;} .quicker{margin-left:-180px;width:140px} .header{margin-bottom: 0} .sticky{margin-left: -180px} .follow{border-radius: 0;margin-bottom: 0} .follow li:last-child{display:none} .follow li{width: 33.33%} .follow li:nth-child(3) a{border-right: none} } @media screen and (max-width:800px){ .manage,.nav,.quick-menu,.meta .share{display:none} .header-inner, .footer-inner{padding-left:15px;padding-right:15px;} .content{padding:15px;} .excerpt li{padding-top:15px;padding-bottom:15px;} .follow li:last-child,.follow li:nth-child(3){display:none} .follow li{width: 50%} .follow li:nth-child(2) a{border-right: none} .post-related li{float: left;width:150px;height:150px;overflow: hidden;} } @media screen and (max-width:480px){ .nav,.quick-menu,.meta .view,.sticky,.tips,.follow,.post-related{display:none;} .logo{margin-top:5px;} .search-form{margin-top:6px;} .search-form .search-input{width: 80px;} .header{height:40px} .excerpt li{padding:12px 0 15px;} .search-input{width: 160px} .meta-tit{font-size: 15px;} .meta .comm{margin-left: 0} } .dede_pages{ } .dede_pages ul{ padding:12px 0px 12px 16px; } .dede_pages ul li{ float:left; font-family:Tahoma; line-height:17px; margin-right:6px; border:1px solid #E9E9E9; } .dede_pages ul li a{ float:left; padding:2px 4px 2px; color:#555; display:block; } .dede_pages ul li a:hover{ color:#690; text-decoration:none; padding:2px 4px 2px; } .dede_pages ul li.thisclass, .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; padding:2px 4px 2px; font-weight:bold; } .dede_pages .pageinfo{ line-height:21px; padding:12px 10px 12px 16px; color:#999; } .dede_pages .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px; }