156 lines
10 KiB
CSS
156 lines
10 KiB
CSS
html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
|
|
::selection{background-color:#ccc;color:#fff}
|
|
::-moz-selection{background-color:#ccc;color:#fff}
|
|
body{font-family:"Lucida Grande","Verdana","\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#f9f9f9;color:#333}
|
|
a:link{outline:none;color:#21759b;text-decoration:none}
|
|
a:visited{color:#555777}
|
|
a:hover{color:#d54e21}
|
|
a:active{color:#333}
|
|
img{vertical-align:middle;border:0}
|
|
textarea,input{outline:none}
|
|
.left{float:left}
|
|
.right{float:right}
|
|
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}
|
|
.none{display:none}
|
|
.logo{padding:0 5px;text-shadow:0 0 1px #eee}
|
|
.tip{color:#d54e21;font-size:11px}
|
|
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../neoease/images/emotions/emotions-black.png");float:left;height:24px;margin-right:5px;width:24px}
|
|
.em01{background-position:-24px 0}
|
|
.em02{background-position:-48px 0}
|
|
.em03{background-position:-72px 0}
|
|
.em04{background-position:-96px 0}
|
|
.em05{background-position:0 -24px}
|
|
.em06{background-position:-24px -24px}
|
|
.em07{background-position:-48px -24px}
|
|
.em08{background-position:-72px -24px}
|
|
.em09{background-position:-96px -24px}
|
|
.em10{background-position:0 -48px}
|
|
.em11{background-position:-24px -48px}
|
|
.em12{background-position:-48px -48px}
|
|
.em13{background-position:-72px -48px}
|
|
.em14{background-position:-96px -48px}
|
|
.em-span{line-height:24px;float:left}
|
|
.em-br{line-height:24px}
|
|
.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../neoease/images/icons.png")}
|
|
.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}
|
|
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px}
|
|
.translate-ico:hover{border-color:#d54e21;box-shadow:0 0 1px #999;background-color:#f2f2f2}
|
|
.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat}
|
|
.collapse-ico{background-position:54px -69px}
|
|
.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px}
|
|
.tag-ico{margin:6px 6px 0 0}
|
|
.date-ico{float:left;background-position:0 -16px}
|
|
.user-ico{background-position:0 -32px;float:left;margin-left:12px}
|
|
.wrapper{margin:0 auto;width:960px}
|
|
.body{border-top:2px solid #ddd}
|
|
.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px}
|
|
.header{background:url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #f2f2f2;padding:20px 0}
|
|
.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal}
|
|
.header .sub-title{color:#242424;font-size:11px}
|
|
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#fff;border:1px solid #ddd;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}
|
|
#search:focus{background-color:#f9f9f9;width:196px}
|
|
.nav{background-color:#e9e9e9;border-bottom:1px solid #ccc}
|
|
.nav ul{list-style:none;float:left}
|
|
.nav li{float:left}
|
|
.nav a{color:#666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #eee}
|
|
.nav a:hover{color:#d54e21;background-color:#ddd}
|
|
.nav .current{background-color:#ddd;margin:-1px 0;padding-right:2px}
|
|
.nav .current a{background-color:#f9f9f9;border-color:#ccc #ccc #f9f9f9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #c6d9e9}
|
|
.nav img{margin-left:3px}
|
|
.nav .right{line-height:29px}
|
|
.footer{background-color:#e9e9e9;border-top:3px solid #ddd;color:#999;font-size:11px;padding:12px 0}
|
|
.footer a{color:#787878}
|
|
.footer a:hover{color:#d54e21}
|
|
#goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #ddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}
|
|
#goTop:hover{background-color:#eaeaea}
|
|
.side{float:right;overflow:hidden;width:278px;margin-bottom:50px}
|
|
.side>div{border-bottom:1px solid #dedede;padding:10px 5px 15px}
|
|
.side h4{font-size:14px;line-height:32px}
|
|
.side ul{list-style:none}
|
|
#archiveSide{list-style:square outside none;margin-left:18px}
|
|
#archiveSide .archive-year{color:#d54e21;font-weight:bold;height:18px;line-height:18px;list-style:none}
|
|
.side a{line-height:18px;color:#21759b}
|
|
.side a:hover{text-decoration:underline}
|
|
.side sup{color:#333}
|
|
.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px}
|
|
.side .side-li a{white-space:nowrap}
|
|
.recent-comments li>img{background-color:#fff;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px}
|
|
.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px}
|
|
.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}
|
|
.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)}
|
|
.recent-comments-main .collapse-ico{background-position:0 -70px}
|
|
.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
|
|
.recent-comments-content img{width:16px}
|
|
.recent-comments-content a{color:#555777}
|
|
.recent-comments-content a:hover{text-decoration:none}
|
|
.article{border-bottom:1px solid #ccc;padding:0 5px 10px;margin-top:20px}
|
|
.article-element{font-size:11px;line-height:16px;margin:12px 0}
|
|
.article-element a{border-bottom:1px solid #dfdfdf;color:#555;text-decoration:none;padding-bottom:1px}
|
|
.article-element a:hover{color:#d54e21;border-bottom-color:#d54e21}
|
|
.article-title{color:#21759b;font-size:20px;font-weight:normal}
|
|
.article-title:hover{color:#d54e21}
|
|
.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}
|
|
.article .collapse-ico{background-position:0 -70px}
|
|
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word}
|
|
.article-body h1{font-size:2em;margin:.67em 0}
|
|
.article-body h2{font-size:1.5em;margin:.75em 0}
|
|
.article-body h3{font-size:1.17em;margin:.83em 0}
|
|
.article-body h4{margin:1.12em 0}
|
|
.article-body h4{font-size:.83em;margin:1.5em 0}
|
|
.article-body h6{font-size:.75em;margin:1.67em 0}
|
|
.article-body ol,.article-body ul{margin-left:40px}
|
|
.article-body a{border-bottom:1px solid #dfdfdf}
|
|
.article-body a:hover{color:#d54e21;border-bottom:1px solid #d54e21}
|
|
.article-body p{line-height:18px}
|
|
.pagination{margin-top:30px;line-height:21px}
|
|
.pagination a{border:1px solid #c5c3c2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#f2f2f2}
|
|
.pagination a.current{background-color:#fff;font-weight:bold;padding:2px 6px;color:#000}
|
|
.pagination a:hover{background-color:#f3dedd;color:#d54e21;border:1px solid #d54e21}
|
|
.page{margin-top:20px;padding:0 5px 5px}
|
|
.article-panel1{background-color:#f2f2f2;padding:5px 10px}
|
|
.article-panel2{background-color:#fff;margin-top:12px;padding:5px 10px}
|
|
.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px}
|
|
.share{border-bottom:1px solid #dedede;margin-top:15px}
|
|
.share-comment{background-color:#ddd;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px}
|
|
.share-comment:hover{background-color:#eaeaea}
|
|
#comments{position:relative}
|
|
#comments>div{border-bottom:1px solid #dedede;padding:10px;width:647px}
|
|
#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}
|
|
#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)}
|
|
.comment-even{background-color:#f8f8f8}
|
|
.comment-odd{background-color:#f5f5f5}
|
|
.comment-header{height:50px;width:50px;float:left;background-color:#fff;border:1px solid #dedede;padding:1px}
|
|
.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px}
|
|
.comment-panel .article-body{margin-top:5px}
|
|
#comments .comment-body-ref{border-bottom:0;background-color:#fff;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #dedede;width:560px}
|
|
.comment-body-ref .comment-panel{width:486px}
|
|
.comment-body-ref .arrow{border-color:#f5f5f5 #fff #f5f5f5 #f5f5f5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px}
|
|
.form{margin:10px}
|
|
.form img{cursor:pointer}
|
|
.form h4{margin:10px 0 5px 5px}
|
|
.form th{text-align:right;white-space:nowrap}
|
|
.form input[type="text"],.form input[type="password"],.form textarea{border-color:#c0c0c0 #d9d9d9 #d9d9d9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px}
|
|
.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,0.3) inset}
|
|
.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px}
|
|
.form input{height:24px;line-height:16px;width:260px}
|
|
.form button{background-color:#b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;height:28px;line-height:28px;padding:0 12px}
|
|
.form button:hover{background-color:#98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e}
|
|
#tags li{float:left;list-style:none;height:38px}
|
|
#tags a:hover{text-shadow:0 0 2px}
|
|
#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px}
|
|
#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap}
|
|
.tags1{font-size:12px;color:#a1a1a1}
|
|
.tags2{font-size:14px;color:#687f95}
|
|
.tags3{font-size:16px;color:#4c6e90}
|
|
.tags4{font-size:18px;color:#258}
|
|
.tags5{font-size:20px}
|
|
#tagsSide .tags2{font-size:14px}
|
|
#tagsSide .tags3{font-size:16px}
|
|
#tagsSide .tags4{font-size:18px}
|
|
#tagsSide .tags5{font-size:20px}
|
|
.main>h2{margin-top:16px}
|
|
.error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px}
|
|
.error h2{left:-68px;position:absolute;top:-20px}
|
|
.error a{background-color:#9cd941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}
|
|
.error a:hover{background-color:#adeb51}
|