115 lines
8.2 KiB
CSS
115 lines
8.2 KiB
CSS
@charset "utf-8";
|
|
header,footer,article,nav,section,aside,time,hgroup{display:block}
|
|
html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td{border:0;font:12px/22px 'Verdana','sans-serif';margin:0;outline:0;padding:0}
|
|
BODY{background:#ddd;margin:0 0 0 0;color:#444}
|
|
A,A:LINK,A:ACTIVE,A:VISITED{color:#016f93;text-decoration:none}
|
|
A:HOVER{color:#db0202}
|
|
a.selected{font-weight:bold;color:#000}
|
|
H1,H3,H4,H5,H6{background:url(../images/ai4.png) no-repeat 0 7px;border-bottom:1px solid #ccc;color:#666;font-weight:bold;margin:0 0 10px;padding:0 0 0 25px}
|
|
H1{background:url(../images/ai4.png) no-repeat 0 6px;font-size:15px}
|
|
H1 a{font-weight:bold;font-size:15px}
|
|
H2{font-size:14px;margin:0 0 20px 0}
|
|
H3{background:url(../images/ai5.png) no-repeat 0 7px}
|
|
H3,H4,H5,H6{font-size:13px}
|
|
h4{background-position:0 5px}
|
|
sup{color:#444;top:-4px}
|
|
header{border-radius:4px;background:#0098cc url(../images/hd.jpg) no-repeat top left;height:200px;margin:0 0 10px 0;padding:10px 10px;position:relative}
|
|
header a:link,header a:active,header a:visited{font-weight:bold;color:#fff;font-size:16px}
|
|
header a:hover{color:#fff}
|
|
header p{border-radius:4px;background:#fff;bottom:20px;color:#000;font-weight:bold;opacity:.5;padding:10px;position:absolute;right:20px;width:400px}
|
|
article{border-radius:4px;background:#fff;border:1px solid #ccc;float:right;height:auto;padding:20px;width:550px}
|
|
article h1{color:#666;font-weight:bold;font-size:15px}
|
|
.highlight-1,.highlight-2,.highlight-3{-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px}
|
|
.highlight-1{background:#fcc;border:1px dotted #f96}
|
|
.highlight-2{background:#ff9;border:1px dotted #fc3}
|
|
.highlight-3{background:#cf9;border:1px dotted #cc3}
|
|
cite{border-left:2px solid #0098cc;color:#666;font-size:12px;font-style:normal;font-weight:bold;margin:0;padding:5px 10px}
|
|
blockquote{border-left:2px solid #0098cc;color:#666;margin:0 0 20px 0;padding:5px 10px}
|
|
pre{color:#333;font-size:10px;line-height:15px;overflow:hidden;overflow-y:hidden;}
|
|
pre code{background:#eee;border-left:2px solid #0098cc;margin:0 0 10px 0;padding:5px;display:block}
|
|
dl.vevent{margin:-20px 0 20px 0;padding:0}
|
|
.vevent dt{font-size:10px;position:relative;left:0;top:22px;font-weight:bold}
|
|
.vevent dd{border-left:2px solid #0098cc;font-size:11px;margin:0 0 0 80px;padding:0 0 0 10px}
|
|
dd.summary{font-weight:bold}
|
|
.vevent a{font-size:11px}
|
|
article form{border-radius:4px;background:#ddd;margin:0 0 20px;padding:10px}
|
|
article label{color:#666;display:block;font-size:10px;font-weight:bold;margin:0 0 0 2px}
|
|
article input,article textarea{border-radius:4px;border:1px solid #ccc;font-size:11px;padding:4px 5px;width:458px}
|
|
article ul,aside ul{list-style:none;margin:0 0 20px 0}
|
|
article ul{margin:0 0 20px 23px}
|
|
article ul li{background:url(../images/ai2.png) no-repeat 0 8px;padding:0 0 0 17px}
|
|
aside{background:#eee;float:left;margin:0 0 20px 0;width:200px;white-space:normal}
|
|
aside ul.aside-comments img{border-radius:4px;width:32px;height:32px;border:1px solid #999;padding:1px;margin-top:5px;margin-right:5px}
|
|
aside ul.aside-comments a{font-weight:bold}
|
|
aside ul.aside-comments .side-comment{color:#555;font-weight:normal;overflow:hidden;white-space:nowrap;width:158px;height:18px}
|
|
aside ul.aside-comments div.left>div>div{display:none}
|
|
aside ul.aside-comments .side-comment img{border:0;height:16px;width:16px;padding:0;margin-right:0;margin-top:0}
|
|
aside ul.aside-comments li{padding:2px 0}
|
|
aside ul.aside-comments li div{width:158px}
|
|
aside ul.aside-comments li div.left div{height:18px;line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
|
|
aside ul.navi-tags li{padding-left:0;background-image:none}
|
|
aside ul.navi-tags li img{margin-bottom:3px;padding-right:6px;height:16px;width:16px}
|
|
#mostViewCountArticles li,#mostCommentArticles li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
|
|
#mostViewCountArticles a,#mostCommentArticles a{white-space:nowrap}
|
|
.s{border-radius:4px;margin:0 0 20px 0;padding:10px;width:179px}
|
|
.s input{border-radius:4px;border:1px solid #aaa;color:#999;font-size:11px;padding:4px 5px;width:168px}
|
|
nav ul{list-style:none}
|
|
nav li{background:url(../images/ai1.png) no-repeat 0 8px;padding:0 0 0 15px}
|
|
nav li ul,aside li ul li ul{margin:0}
|
|
nav li li a{font-size:11px}
|
|
nav li li li a{font-size:10px}
|
|
nav li li li,aside li.active li li{background:url(../images/ai8.png) no-repeat 0 10px}
|
|
nav li.active,aside li.active li{background:url(../images/ai2.png) no-repeat 0 8px}
|
|
.gallery{list-style:none;margin:0 0 10px}
|
|
.gallery li{display:inline;margin:0 15px 0 0}
|
|
.gallery a img{border:1px solid #999;height:50px;opacity:.8;padding:1px;width:50px}
|
|
.gallery li:last-child{margin:0 0 10px 0}
|
|
.gallery a img:hover{opacity:1}
|
|
.adspace{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.3);background:#eee;height:100%;margin:0 0 20px 0;padding:5px 10px;text-align:center;width:178px}
|
|
.adspace a img{border:none}
|
|
#tagcloud{overflow:hidden;width:200px}
|
|
#tagcloud li{display:inline;margin:0 10px 0 0}
|
|
.tagcloudsize-1 a{font-size:14px}
|
|
.tagcloudsize-2 a{font-size:16px}
|
|
.tagcloudsize-3 a{font-size:18px}
|
|
footer{border-top:1px dotted #b5b3a9;clear:both;margin:20px 0}
|
|
footer a,footer p{color:#666;display:inline;font-size:12px}
|
|
footer div{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2a2a2a;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;float:right;white-space:nowrap}
|
|
footer span{margin:0}
|
|
footer img{height:28px}
|
|
.comments{position:relative;background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px}
|
|
.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative}
|
|
.comment-body-ref{border-radius:6px;background-color:#fff;border:1px solid #ccc;opacity:.9;padding:6px;position:absolute;width:387px;left:174px}
|
|
.comment-body-ref .comment-author{width:67px}
|
|
.comment-body-ref .comment-info{width:300px;border-width:0}
|
|
.comment-body{margin-top:15px}
|
|
.comment-author{float:left;text-align:center;width:81px}
|
|
.comment-author div{margin-top:10px;padding-right:14px;background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent}
|
|
.comment-author img{border-radius:4px;border:1px solid #999;padding:1px;width:32px;height:32px}
|
|
.comment-author a{white-space:nowrap;margin-right:14px;font-weight:bold}
|
|
.comment-info{border-radius:6px;width:440px;padding:5px 10px;background:#edeff0;border:1px dotted #edeff0}
|
|
.comment-content{word-wrap:break-word;overflow:hidden;background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;line-height:145%;margin:0 -15px;padding:9px 15px 10px;font-size:12px}
|
|
.comment-form img{cursor:pointer}
|
|
.comment-form input,.comment-form textarea{height:16px;outline:none;font-family:Helvetica,Arial,sans-serif;color:#555;background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #a6a6a6;padding:2px 1px;width:200px}
|
|
.comment-form textarea{width:541px;font-size:12px;height:auto}
|
|
.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;padding:0 6px;height:22px;line-height:22px;border-radius:0}
|
|
.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e}
|
|
.error-msg{color:#36c}
|
|
#a,#b{margin:0 auto;position:relative}
|
|
#a{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.3);background:#eee;margin:15px auto;padding:10px 10px 0 10px;width:800px}
|
|
#b{overflow:hidden}
|
|
#c,.meta,.s,nav ul{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.4);background:#ccc}
|
|
#c{margin:0 0 20px 0;padding:5px 10px;width:178px}
|
|
#c p,#c a{font-size:11px;line-height:15px}
|
|
#c p{margin:0 0 10px 0}
|
|
#c img{border-radius:4px;float:left;margin:4px 10px 2px 0}
|
|
.meta{margin:10px 0 30px;padding:2px 5px}
|
|
.meta p,.meta a{font-size:10px;margin:0}
|
|
nav ul{padding:10px}
|
|
nav ul ul{border-radius:none;box-shadow:none}
|
|
.single_page{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.2);background:#f2f7f8;padding:10px;margin-bottom:25px;width:531px}
|
|
::-webkit-scrollbar{width:6px}
|
|
::-webkit-scrollbar-track{background-color:#bbb}
|
|
::-webkit-scrollbar-thumb{background-color:#eee}
|
|
::-webkit-scrollbar-thumb:hover{background-color:#888}
|