100 lines
7.7 KiB
CSS
100 lines
7.7 KiB
CSS
body{background-image:url("../images/bg-grey.jpg");background-color:#000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0}
|
|
a,a:link,a:visited{color:#be0700;text-decoration:underline}
|
|
a:hover{text-decoration:none;color:rgba(190,7,0,0.75)}
|
|
.error-msg{color:#be0700}
|
|
.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url('../images/icon.png')}
|
|
.wrapper{width:910px;margin:0 auto;position:relative}
|
|
.main{float:left;width:627px}
|
|
.side-navi{float:left;width:282px}
|
|
.header{background:url('../images/bgs.png') no-repeat;width:910px;height:185px;float:left}
|
|
.header .left{width:566px}
|
|
.header h1{margin:18px 0 0 37px}
|
|
.header .left a,.sub-title{color:#fff;font-family:'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif';font-size:46px;text-decoration:none}
|
|
.sub-title{color:#000;font-size:22px;margin-left:40px;margin-top:0;display:block}
|
|
.header>.left>div{float:right;color:#c0bebd}
|
|
.header .right{width:343px}
|
|
.header .right ul{list-style-type:none}
|
|
.header .right li{float:left;margin:18px 30px 0 0;width:84px}
|
|
.header .right li a{color:#fff;font-family:'Reenie Beanie','sans-serif';font-size:45px;text-decoration:none;font-weight:bold}
|
|
.header .right li a:hover{color:#ddd;font-family:'Neucha','sans-serif'}
|
|
.main-content{padding:0 45px;background-color:#d4d4d4}
|
|
.main-content>h2{color:#be0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'Neucha','\5fae\8f6f\96c5\9ed1'}
|
|
.main-footer{background:url('../images/bgs.png') 0 -185px;height:14px;width:627px}
|
|
.brush{left:-52px;position:absolute;top:283px;width:100px}
|
|
#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px}
|
|
.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1}
|
|
.brush-icon:hover{background-position:0 -69px}
|
|
.article a.underline:hover{text-decoration:underline;color:#be0700}
|
|
.article .date{width:40px;float:left}
|
|
.article .month{color:#fff;height:20px;text-align:center;width:36px}
|
|
.article .day{border:1px solid #c4bfba;border-top:0;background-position:0 -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px}
|
|
.article h2{margin-bottom:3px;width:495px;*line-height:28px}
|
|
.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none}
|
|
.article h2 a:hover{color:#be0700;text-decoration:underline}
|
|
.article h2 sup{color:#be0700;font-size:10px;vertical-align:top}
|
|
.article-abstract{border-top:2px dashed #f1eee9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%}
|
|
.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px}
|
|
.pagination{line-height:21px}
|
|
.pagination a{background-position:0 -47px;border:1px solid #c5c3c2;color:#8c8c8c;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px}
|
|
.pagination a.selected{background:none #fff;border:1px solid #c5c3c2;color:#3e3e3e;font-weight:bold;padding:1px 7px 2px 6px}
|
|
.pagination a:hover{background:none #f3dedd;color:#be0700;border:1px solid #be0700}
|
|
.side-navi ul{list-style:none}
|
|
.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#eae7e0}
|
|
.side-navi .item dd{margin-bottom:25px}
|
|
.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908a;padding:4px 0 1px 6px;margin-left:0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#eae7e0;position:relative;line-height:21px}
|
|
.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #bab8b5}
|
|
.side-navi .item dd li:hover a{color:#fff}
|
|
.side-navi .item dd li a{white-space:nowrap;color:#eae7e0;text-decoration:none}
|
|
.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px}
|
|
.side-navi .item dd .navi-tags a{padding-left:18px}
|
|
#naviComments li a{white-space:normal}
|
|
#naviComments li br{display:none}
|
|
#naviComments li p{display:inline}
|
|
#naviComments li a.author{color:#be0700}
|
|
#naviComments li:hover{background-image:none}
|
|
#naviComments li a:hover{text-decoration:underline}
|
|
#naviComments img{height:16px;width:16px}
|
|
.side-navi .item h4{border-bottom:1px solid #93908a;color:#eae7e0;padding:0 5px 8px;font-size:16px}
|
|
.footer{background-image:url("../images/footer.png");color:#eae7e0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center}
|
|
.footer a{text-decoration:none}
|
|
.footer a:hover{text-decoration:underline}
|
|
.side-tool{position:fixed;top:30px;left:0}
|
|
.side-tool li{margin-left:0}
|
|
.side-tool ul{list-style-type:none}
|
|
#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer}
|
|
#brownBG{background-position:-103px -26px}
|
|
#blueBG{background-position:-103px -52px}
|
|
#greyBG:hover,#greyBG.selected{background-position:-126px 0}
|
|
#brownBG:hover,#brownBG.selected{background-position:-126px -26px}
|
|
#blueBG:hover,#blueBG.selected{background-position:-126px -52px}
|
|
#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px}
|
|
#goTop:hover{background-position:-105px -74px}
|
|
.side-tool ul ul li a{background-position:right -159px;color:#eae7e0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase}
|
|
.article-body{border-top:2px dashed #f1eee9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%}
|
|
.article-body p:first-child:first-letter,.article-body:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0}
|
|
.article-relative{margin:15px 0}
|
|
.article-relative h4{font-family:'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px}
|
|
.article-relative ul{list-style-type:none}
|
|
#randomArticles,.relevantArticles{width:262px;overflow:hidden}
|
|
#comments{position:relative}
|
|
#comments,.comment-form{padding-bottom:30px}
|
|
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../andrea/images/emotions/emotions-black.png");margin-right:4px}
|
|
.comment-form{margin-right:15px;color:#606060}
|
|
h2.comment-label{border-bottom:2px solid #3f3d36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636}
|
|
.comment-body{padding:20px 0}
|
|
.comment-author{width:100px}
|
|
.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px}
|
|
.comment-info>a{font-size:14px;font-weight:bold}
|
|
.comment-content{margin:10px 0}
|
|
.comment-odd{background-color:#f1eee9}
|
|
.comment-author img{width:64px;height:64px;border:6px solid #f1eee9;margin-left:12px}
|
|
.comment-form img{cursor:pointer}
|
|
.comment-form input,.comment-form textarea{border-radius:5px;background-color:#ebe9e5;border:1px solid #babaae;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none}
|
|
.comment-form input:focus,.comment-form textarea:focus{background-color:#e3ebcf;border-color:#73b722}
|
|
#commentValidate,#commentValidateReply{width:80px}
|
|
.comment-form button{border-radius:5px;border:1px solid #80b53b;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px}
|
|
.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999;border-radius:5px;z-index:10;left:180px}
|
|
#tagsPanel{min-height:1px}
|
|
#tagsPanel a{display:block;float:left;border:1px solid #d4d4d4}
|
|
#tagsPanel a:hover{border:1px solid #be0700}
|