18 lines
15 KiB
CSS
18 lines
15 KiB
CSS
/**
|
|
* Solo - A small and beautiful blogging system written in Java.
|
|
* Copyright (c) 2010-2019, 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/>.
|
|
*/
|
|
.article-body kbd,img{vertical-align:middle}.tags a:hover,a{text-decoration:none}.article-body,.articles pre,.header .sub-title,.module{word-wrap:break-word}.header li,.module>ul.list,.nav-abs li,.tags li{list-style-type:none}.clear,.fn-clear:after{clear:both}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%}body{font:.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666;background-color:#363A3D;overflow-y:scroll}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:0}a{color:#6599C6;outline:0;transition:color 1s ease 0s}a:hover{color:#000}img{max-width:100%;border:0}.article-body h1,.article-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.article-body{overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.article-body ol,.article-body ul{padding-left:2em;margin-top:0;margin-bottom:16px}.article-body li{margin-top:.25em}.article-body img{cursor:zoom-in}.article-body img.emoji{cursor:auto;max-width:18px}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{font-size:1.7em}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid rgba(0,0,0,.38)}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.article-body pre{position:relative}.article-body pre textarea{position:absolute;top:-100000px}.articles,.module{position:relative}.article-body pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px;display:block}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.fn-clear:after,.fn-clear:before{display:table;content:""}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.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}.tags{margin:0}.tags li{float:left;height:45px}.tags a{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;margin:5px 10px;padding:5px 10px}.tags a:hover{text-shadow:0 0 2px;box-shadow:0 0 4px #D5D5D5}.header .title a,.header li a{text-shadow:0 1px 0 rgba(255,255,255,.7)}.tags b{font-size:70%;opacity:.6;filter:alpha(opacity=60)}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:grey}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.module{background-color:#FFF;border:1px solid #BEC3C7;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:30px;padding:15px}.module>h3.title{margin:0 0 10px;color:#444}.module>ul.list{padding-left:0;margin:0;overflow:hidden}.module>ul.list>li{border-top:1px solid #EEE;padding:6px 0}#search,.articles .arrow,.ico-author,.ico-comment,.ico-reply,.ico-tags,.ico-top,.ico-translate,.ico-view{background-repeat:no-repeat;background-image:url(../images/icons.png)}.ico-author,.ico-comment,.ico-reply,.ico-tags,.ico-view{padding-left:20px;background-position:-1px -63px;margin-right:10px}.ico-tags{background-position:-1px -83px}.ico-comment{background-position:-1px -41px}.ico-view{background-position:0 -122px}.ico-reply{background-position:0 -162px}.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px}#search{background-position:5px -138px;border:none;border-radius:12px;box-shadow:0 1px 0 rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.1);color:#A5A099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width .7s ease 0s;width:60px}#search:focus{color:#333;width:140px}.ico-top{background-color:#363A3D;background-position:4px -100px;border-radius:20em;bottom:60px;box-shadow:0 -1px 2px rgba(0,0,0,.3) inset,0 1px 0 rgba(255,255,255,.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer}.ico-next,.ico-pre{background-color:#6599C6;border-radius:10em;color:#FFF;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0s;width:32px}.ico-next{float:right;margin:-8px 0 0 10px}a:hover>.ico-next,a:hover>.ico-pre{background-color:#000}.wrapper{min-width:400px;padding:50px 0;background:url(../images/bg.png) #DEE4EA}.header{background-color:#BFBFBF;background-image:url(../images/nav-bg.png),linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-ms-linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-o-linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-webkit-linear-gradient(#CCC,#A9A9A9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,.3) inset,0 1px 1px rgba(0,0,0,.2)}.container{width:80%;margin:0 auto}.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%}.footer a{color:#9CC0DE}.footer a:hover{text-decoration:underline}.header .title{font-size:150%;margin:3px 0 0}.header .title a{color:#414141}.header .sub-title{float:left;max-width:574px;white-space:normal}.header li a{color:#444;padding:17px;line-height:20px;white-space:nowrap}.header li a.current{border-bottom:2px solid #D26911}.header a:hover{color:#000}.header li{float:left}.header>.container>form,.header>.container>ul{height:auto;overflow:visible}.header .page-icon{height:14px;width:14px;margin:-1px 5px 0 0}.articles{margin-top:11px}.articles>div.fn-clear{position:relative;margin-bottom:50px}.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px}.articles>.vertical{background-color:#9EB5C6;border-radius:20em;box-shadow:0 0 1px 0 rgba(0,0,0,.5) inset,0 0 1px 0 rgba(255,255,255,.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.articles article{width:50%;float:left}.articles article.l>div.module{margin-right:30px;left:0}.articles article.r{left:50%}.articles article.r>div{margin-left:30px;position:relative}.articles .dot{background-color:#FFF;border:3px solid #60829F;border-radius:20em;height:6px;position:absolute;right:-37px;top:22px;width:6px}.articles .r .dot{left:-37px;right:inherit}.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px}.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit}.articles pre{background-color:#F5F5F5;border:1px solid #ddd;border-radius:4px;padding:9.5px;white-space:pre-wrap}time.article-time{top:-8px;left:50%;position:absolute}time.article-time>span{background-color:#FFF;border:1px solid #A8A9A9;border-radius:20em;font-size:80%;margin-left:-56px;padding:5px 10px}.article-archive,.article-more{background-color:#60829F;border-radius:20em;box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 1px 0 rgba(255,255,255,.6);padding:5px 20px}article .article-title{margin:10px 0 0}article .article-title>sup{color:#6599C6;font-size:70%}article .article-title a{color:#000;text-decoration:none}.ico>a{color:#999;font-size:80%;text-decoration:none}.ico>a:hover{color:#000}.article-more{color:#FFF;cursor:pointer;font-weight:700;height:19px;left:50%;margin-left:-38px;position:absolute;text-align:center;top:100%;width:36px}.article-archive{color:#FFF;font-size:80%;font-weight:400}.dynamic-l{float:left;width:70%}.dynamic-l>div{margin-right:30px}.dynamic-r{float:right;width:30%}.dynamic-r .tags a,.links a{line-height:24px}#comments{margin:30px 0 50px;position:relative}.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px}.comments .author{font-size:130%;font-style:italic}.comments>li>div>div.article-body{padding-left:75px;margin:12px 0}.module>ul>li.comment-body-ref{background-color:#FFF;border:1px solid #ddd;left:76px;opacity:.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px}.comment-body-ref .ico-reply{display:none}.comment-form{width:100%;margin:30px 0}#commentForm{margin-top:0}.comment-form input[type=text],.comment-form textarea{background:url(../images/bg.png) #E5E8EA;border:1px solid #BCBDBE;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;margin:5px 5px 5px 0;padding:6px}.comment-form input[type=text]:focus,.comment-form textarea:focus{background-color:#EFEFEF;outline:0}#submitCommentButton,#submitCommentButtonReply{background:#868889;border:1px solid #5D6265;border-radius:10em;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 1px 1px rgba(0,0,0,.3);color:#FFF;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444}.nav-abs{background-color:#6B6B6B;border:1px solid #898989;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(255,255,255,.6);color:#CCC;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap}.index-nav-abs{padding:0;position:fixed;max-width:160px}.nav-abs li{background-color:#DEDDDD;border:1px solid #6B6B6B;color:#616161;cursor:pointer;float:left;height:20px;padding:3px 5px;width:28px}.nav-abs li.year{background-color:#6B6B6B;clear:both;color:#CCC;float:none;text-shadow:0 -1px 0 rgba(0,0,0,.5);width:auto;border-width:0}.nav-abs li:hover{background-color:#EFEEEE;color:#000}.nav-abs li.open,.nav-abs li.year:hover{background-color:#353535;color:#fff}@media (max-width:650px){#top>.left,.container{width:100%}#admin,#admin>a,#top>.left,#top>a,.author,.ico-reply{display:block}.wrapper{min-width:200px}#top>.left{float:none}#top>a{float:none!important}#hideTop{position:absolute;right:0;top:0}#admin{float:none}#admin>a{border-right-width:0!important;float:none!important;line-height:26px!important;margin:0!important}.header .title{height:26px;max-width:72%;overflow:hidden}.header>.container>div.left{float:none;height:50px;margin-left:10px}.header>.container>ul{float:none;padding:0}.header>.container li{float:none;padding:3px 10px}.header>.container li>a{padding:0;display:block}.header>.container li:hover{background-color:#FFF;background-image:linear-gradient(#FFF,#E5E5E5);background-image:-ms-linear-gradient(#FFF,#E5E5E5);background-image:-o-linear-gradient(#FFF,#E5E5E5);background-image:-webkit-linear-gradient(#FFF,#E5E5E5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5')}.header>.container>form{float:none}#search{margin:5px 0 10px 10px}#search:focus{width:92%}.ico-list{background-color:#FCFCFC;background-image:url(../images/icons.png);background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px}.articles article,.dynamic-l,.dynamic-r,.nav-abs li{float:none;width:auto}.ico-list:hover{background-color:#FFF}.footer>.container>.right{float:none;padding:0 10px;line-height:19px}.footer>.container>.right>.left{float:none}.nav-abs{position:inherit!important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none!important}.index-nav-abs{margin:0}.author,.ico-reply{margin-left:75px}.comments>li>div>div.article-body{padding-left:0}.dynamic-l>div{margin-right:0}#admin>span,.articles .arrow,.articles .dot,.footer>.container>.left,.ft-next,.ft-pre{display:none}.header>.container>form,.header>.container>ul{height:0;overflow:hidden;margin:0}.articles{padding-bottom:10px}.articles>div.fn-clear>h2{margin-bottom:40px}}@media (max-width:360px){#commentForm label,#replyForm label,.footer>.container>.right>.left>span,.ico{display:block}.ico{float:none;line-height:19px}.dynamic-r .ico{float:right}.ico-translate{display:block;float:none;margin-left:0}.ico-top{bottom:114px}} |