18 lines
8.3 KiB
CSS
18 lines
8.3 KiB
CSS
/**
|
|
* Solo - A small and beautiful blogging system written in Java.
|
|
* Copyright (c) 2010-2018, b3log.org & hacpai.com
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
body,img{font-size:12px}.article-relative ul,.header .right ul,.side-tool ul{list-style-type:none}.comment-info,.side-tool ul ul li a{word-wrap:break-word;overflow:hidden}body{background-image:url(../images/bg-grey.jpg);background-color:#000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';margin:0;padding:0}a,a:link,a:visited{color:#BE0700;text-decoration:underline}a:hover{text-decoration:none;color:rgba(190,7,0,.75)}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden}.error-msg{color:#BE0700}#blueBG,#brownBG,#goTop,#greyBG,.article .day,.article .month,.brush-icon,.comment-form button,.pagination a,.side-tool ul ul li a{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:'\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 li{float:left;margin:18px 30px 0 0;width:84px}.header .right li a{color:#FFF;font-family:sans-serif;font-size:26px;text-decoration:none;font-weight:700}.header .right li a:hover{color:#DDD;font-family: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:'\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) 98px -150px no-repeat fixed;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}.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;overflow:hidden;line-height:145%}.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:700;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:#FFF;border:1px solid #C5C3C2;color:#3E3E3E;font-weight:700;padding:1px 7px 2px 6px}.pagination a:hover{background:#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);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);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 .page-icon{height:14px;width:14px}#blueBG,#brownBG,#greyBG{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.selected,#greyBG:hover{background-position:-126px 0}#brownBG.selected,#brownBG:hover{background-position:-126px -26px}#blueBG.selected,#blueBG:hover{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:700;height:86px;margin:9px 0;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;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:700;margin:0 3px 3px 0}.article-relative{margin:15px 0}.article-relative h4{font-family:'\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px}#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(../../../images/emotions/emotions.png);background-size:120px;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-body:nth-child(2n){background-color:#F1EEE9}.comment-author{width:100px}.comment-info{margin-right:12px;width:423px}.comment-info>a{font-size:14px;font-weight:700}.comment-content{margin:10px 0}.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:0}.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:700;height:34px;padding:5px 10px;width:140px}.comment-body-ref{background:url(../images/bg-transparent.png);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} |