@charset "gb2312";
@media screen and (max-device-width:319px) {
body{
font-size:14px;
}
}
@media screen and (min-device-width:320px) and (max-device-width:481px){
body{
font-size:15px;
}
}
@media screen(min-device-width:482px){
body{
font-size:16px;
}
}
body,pre,div,p,textarea{
word-wrap:break-word;
word-break:break-all;
}
html{
font-family:"Microsoft YaHei", Verdana, arial, sans-serif;-webkit-text-size-adjust:none;
}
body{
margin:0;padding:0;
color:#666;background:#666;
}
/* 网页外围定义 */
#wrap{
max-width:600px;height:100%;margin:0 auto;padding:0;background:#ededef;
}
a:link,a:visited,a:hover,a:active {
text-decoration:none;color:#333;
}
/* 网页顶部定义 */
#header *{
-webkit-touch-callout:none;
}
#header{
width:100%;
height:2.3em;line-height:2.3em;font-size:1.4em;
text-align:center;-webkit-touch-callout:none;background:rgba(0,153,22,1);
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,153,22,1)),to(rgba(0,133,33,1)));background:-moz-linear-gradient(top,rgba(0,153,22,1),rgba(0,133,33,1)));background:-ms-linear-gradient(top,rgba(0,153,22,1),rgba(0,133,33,1));
box-shadow:0 2px 2px rgba(0,0,0,0.4);
position:relative;
}
#header a#logo-icon {
width:1.5em;height:1.5em;vertical-align:middle;position:absolute;right:0.5em;top:0.4em;
border-radius:0.1em
}
#header a.blog-title{
color:#eee;
text-decoration:none;
letter-spacing:-1px;
position:relative;
text-shadow:1px 1px 5px #333
}
#header a.nav-open{
background:center center no-repeat transparent;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
display:block;
width:1.5em;
height:1.5em;
position:absolute;
left:0.5em;
top:0.4em;
}
/* 头部导航 */
ul#nav{
margin:0;padding:0;list-style:none;background:#3d3d3d;width:100%;border-bottom:2px dotted #090;
}
#nav>li{
margin:0;padding:0;color:#fff;text-align:center;width:33.33%;display:inline-block
;
}
#nav>li>a{
margin:0;height:2.2em;line-height:2.2em;display:block;font-size:1.05em;border-radius:0em;border-left:2px solid #333;border-bottom:2px solid #333;
}
#nav a:link,#nav a:visited,#nav a:hover,#nav a:active{
color:#eee;
}
#nav>li:hover{
background:#686865
}
/* 博文单条列表定义 */
.post{
border:1px solid #ccc;display:block;position:relative;overflow:hidden;margin:0.8em 0.5em;background:#fff;padding:0.5em 0.4em;
}
.title{
height:2.5em;line-height:2.5em;
}
.title a{
color:#090;display:block;margin:0
;background:#f8f8f8;font-size:1.15em;border:1px solid #cdcdcd;text-align:left;
padding-left:0.25em;
}
.title a:hover{
background:#efefef
}
.title a:visited{
color:#090;
}
.new,.hot{
position:absolute;overflow:hidden;right:0;top:0;font-size:0
;
}
.new{
background:url(nav-new.gif) no-repeat;z-index:1;
width:15px;height:18px;
}

.hot{
background:url(hot.gif) no-repeat;
width:18px;height:20px;
}
.info,.title a{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.info{
color:#333;height:2.2em;line-height:2.2em;
}
.info span{
float:right;
}
.description{
word-wrap:break-word;word-break:break-all;font-size:0.98em;color:#444;background:#fff;margin:0;padding:0.3em 0.2em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #ccc;
}
.post-footer{
text-align:right;
padding:5px 4px;color:#333;
border-top:1px solid #c6c6c6;border-radius:0 0 0.3em 0.3em;
margin:0;
}
.post .category{
float:left;
}
/* 文章正文页面 */
#post-map,#post-cont-header,#post-manage,#post-content,.neighborlog,.randlog{
background:#fff;border:1px solid #bbb;color:#111;
}
#post-map{
margin:0.8em 0.5em;padding:0.6em 0.5em;
}
#post-cont-header{
text-align:center;margin:0.8em 0.5em 0;
}
/* 博文正文的标题定义 */
#post-cont-header h2{
font-size:1.5em;line-height:1.8em;color:#000;margin:0.6em 0.4em;
}
.post-cont-info{
margin:auto 0.6em;height:2.2em;line-height:2.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* 博文正文的博文管理 */
#post-manage{
text-align:center;padding:1em 0.4em;margin:0em 0.5em;border-top:none;
}
#post-manage a{
color:brown;
}
/* 博文正文的内容 */
#post-content{
font-family:\5FAE\8F6F\96C5\9ED1,Helvetica;
line-height:1.6em;padding:0.8em 0.8em 1.4em;margin:0 0.5em;border-top:none;border-bottom:none;text-align:justify;
}
/* 博文内容的昵称 */
#post-content span.nickname{
color:#09c;font-weight:bold;font-family:"Microsoft YaHei",sans-serif;margin-right:0.2em;
}
#post-content span.nickname:before{
content:"＠";color:#008;margin-left:0.2em;
font-weight:bold
}
#post-content p a{
color:#08c;border-bottom:1px dotted green;padding:0 0.3em;font-style:italic
}
#post-content .quote{
border:2px solid grey;box-shadow:inset 1px 1px 10px black;padding:0.8em 0.5em;
}
#post-content h3{
font-size:1.12em;background:#eee;border:1px solid #ccc;color:#000;margin:0.6em 0;text-align:center;padding:0.5em 0.2em;
}
#post-content p{
padding:5px 0px;word-wrap:break-word;word-break:break-all;
}
#post-content ul{
margin:0;padding:0.5em 1em;
}
#post-content ul li{
margin-bottom:0.5em;
}
#post-content ol{
margin-top:0.5em;padding:0.4em 0;list-style:inside decimal;
}
#post-content ol li{
border-bottom:1px dashed #abc;padding:0.4em 0;margin-bottom:0.3em;
}
#post-content b{
color:green;
}
#post-content strong{
color:red;
}
#post-content table{
width:100%;margin:1em 0;
}
#post-content table td{
padding:0.3em 0.2em;background:chocolate;color:#fff;
}
#post-content img{
max-width:98%;border:1px solid #e6e6e6;padding:4px;
}
img.screenshot{
width:98%;display:block;margin-top:0.5em;
}
.post-content video{
max-width:98%;
}
#copyright{
text-align:padding:0.5em 0.2em;color:red;
}
#copyright:before{
content:"© ";display:inline-block;color:black;
}
#post-cont-footer{
margin:0 0.5em;padding:0;border-bottom:1px dotted #ccc
;background:#fff;
}
.tag a{
color:#555;margin-right:0.5em;
}
.copy{
white-space:nowrap;table-layout:fixed;width:100%;text-align:center;border-collapse:collapse;border-spacing:0
}
.copy td{
overflow:hidden;text-overflow:ellipsis;line-height:1.8em;height:1.8em;border:1px solid #ccc;padding-left:0.5em;text-align:justify;
}
.copy .ct{
width:5.2em;
background:#f8f8f8;
}
.neighborlog{
margin:0.8em 0.5em 0.4em;
}
.prevlog,.nextlog{
height:2.5em;line-height:2.5em;
}
.prevlog{
border-bottom:1px dashed #ccc
}
.neighborlog a{
white-space:nowrap;overflow:hidden;text-overflow:ellipsis
;display:block;margin:0;
}
.neighborlog span{
border-left:3px solid #abc;padding-left:0.5em
}
/* 随机推荐阅读区域定义 */
.randlog{
margin:1em 0.5em
;
}
.randlog-title{
height:2.5em;line-height:2.5em;
background:#f5f5f5;font-size:1.1em;text-align:left;color:#000;margin:0;padding-left:0.5em;border-bottom:1px solid #ccc;
box-shadow:0 2px 1px #ccc
}
a.right{
float:right;margin-right:0.5em
;color:#333;display:inline-block;
font-weight:bold;
}
.randlog-title a .fav{
background:url(http://static1.mtime.cn/html5/20140709171658/images/ele_icon_grade.png) no-repeat 0 0;background-size:18px 16px;display:inline-block;width:17px;height:18px;margin-right:4px;overflow:hidden;vertical-align:middle;
}
.randlog ul{
margin:0.1em 0;padding:0;
}
.randlog li{
display:block;margin:0;border-bottom:1px solid #ccc;background:#fff;height:3em;line-height:3em;
float:left;width:50%;
}
/* 清除浮动 */
.clear{
clear:both;
}
.randlog li a{
margin:0;display:block;padding-left:0.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.randlog li a:before{
content:">";color:#009;
margin-right:0.1em;
}
.randlog li:last-child,.randlog li:nth-child(5){
border:none;
}
/* 分页页码定义 */
.page-box{
margin:1.2em 0.5em;
border:1px solid #ccc
}
.page-box .page-wrap {
width:100%;text-align:center
;
}
.page-box .page-wrap a{
text-align:center;color:#000;margin:0;display:inline-block;width:98%;border:1px solid #ccc;background:#f5f5f5;box-shadow:inset 0 1px 1px #ccc;color:#666;background:#79828f -webkit-gradient(linear,0 100%,0 0,from(#f4f4f4),to(#fff));
}
.page-left,.first-page,.last-page,.page-right,.page-select{}

.page-box td{
width:3em;background:#fff;border-radius:0.2em;height:2em;line-height:2em;
box-shadow:inset 0 1px 1px #eee;
}
.page-select select{
width:100%
}
#page{
text-align:center;margin:0.8em 0.5em 0;height:2em;line-height:2em;border:1px solid #ccc;background:#fff
}
#page span{
background:#ccc;padding:0.25em 0.4em;border:1px solid #999;color:#333;
margin-right:0.3em
}
#page a{
background:#fff;padding:0.25em 0.4em;border:1px solid #ddd;color:#090;
margin-right:0.3em
}
/* 底部热门推荐 */
.hot-log-title{
height:2.5em;line-height:2.5em;margin:0.4em 0.4em 0;border:1px solid #ccc;font-size:1.15em;padding-left:0.5em;padding-right:0.5em
;
background:#f5f5f5;color:#555
}
.title-left{
border-left:5px solid #abc;padding-left:0.3em
}
.right{
float:right
}
ul.hot-log{
list-style:none;margin:0 0.4em 0.5em;padding:0;border:1px solid #ccc;background:#fff
;border-top:none;
}
.hot-log li{
height:2.3em;line-height:2.3em;border-bottom:1px dashed #ccc;
}
.hot-log li a{
display:block;margin:0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding-left:0.4em;
}
.hot-log li{
background:url(gray-arrow.png) no-repeat right ;background-size:15px 15px;
}
.hotone{background-color:#e04620}
.hottwo{background-color:#00ccff}
.hotthree{background-color:#03bf03}
.hotSoSo{background-color:#aaaaaa}
.hot-log em{
font-size:12px;font-style:normal;color:#FFFFFF;text-align:center;display:inline-block;width:18px;height:18px;line-height:18px;border-radius:2px;text-align:center;text-shadow:0 0 0 #fff;margin-right:0.4em;
}
/* 友情链接 */
#footer-nav{
border:1px solid #ccc;background:#f5f5f5;margin:0.8em 0.5em;
}
#footer-nav table{
width:100%;margin:0;
}
#footer-nav table{
height:2.8em;line-height:2.8em;
}
td.links-title{
margin:0;border-right:1px solid #ccc;background:#f5f5f5;text-align:center;width:5em;
}
td.select-links{
margin:0;padding:0;text-align:center
}
#footer-nav select{
width:90%;
}
#footer-nav select,.page-select select{
cursor:pointer;height:32px;overflow:hidden; border:1px solid #ccc;outline:none;border-style:solid;-webkit-appearance: none;border-width:1px 23px 1px 1px;-webkit-border-image:url(select-arrow.png) 1 24 1 1 round round; color:#727070; padding:0 2px; position:relative; display:inline-block; font-size:15px;margin:auto;
}
.login a{
background:#efefef;padding:0.4em 0.3em;border:1px solid #ccc;margin:0 0.2em;
}
.login{
margin:0;border-left:1px solid #ccc;width:6em;text-align:center;
}
.select-theme{
text-align:center;font-size:1.1em;
height:2.5em;line-height:2.5em
;border:1px solid #ccc;margin:1em 0.3em;
}
.select-theme a{
display:inline-block;width:33.33%;
background:#f5f5f5;
}
.select-theme .center{

background:#f5f5f5;box-shadow:inset 0 1px 3px #ccc
}
/* 返回顶部 */
a.gotop{
color:#090
}
/* 底部 */
#footer{
margin:0;padding:0.5em;text-align:center;font-weight:bold;color:#fff;box-shadow:0 -1px 5px grey
;background:rgba(0,130,22,1);
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,133,22,1)),to(rgba(0,113,33,1)));
}
.copyright{
line-height:1.6em;
}
.copyright a{
color:yellow
}
.copyright hr{
margin:0.3em 0.4em;
height:1px;background:#090;border:0;
}
/* 主体定义 */
#content{
margin:0.8em 0.5em
;
}
#pagebox{padding:20px 0 14px;margin-top:10px;text-align:center;cursor:pointer;line-height:50px;}
#pagebox a{border:1px solid #ccc;margin:2px;padding:5px;text-decoration:none;background:url(html.png) 0 -456px repeat-x;}
#pagebox a:hover{color:#163F8F;background:#F0FAFF;}
#pagebox span{border:1px solid #ccc;margin:2px;padding:5px;color:#999;background:#F0FAFF;}