16 lines
11 KiB
CSS
16 lines
11 KiB
CSS
/**
|
|
* Copyright (c) 2010-2015, b3log.org
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
@charset "utf-8";.header,sub,sup{position:relative}.article-title,.fn-ellipsis{text-overflow:ellipsis;white-space:nowrap}@font-face{font-family:IcoMoon;src:url(font/IcoMoon.eot);src:url(font/IcoMoon.eot?#iefix) format('embedded-opentype'),url(font/IcoMoon.svg#IcoMoon) format('svg'),url(font/IcoMoon.woff) format('woff'),url(font/IcoMoon.ttf) format('truetype');font-weight:400;font-style:normal}[data-ico]:before{font-family:IcoMoon;content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#D1D2D1}a{outline:0;text-decoration:none;color:#BDBEBD}a:hover{color:#FFF}a:focus{color:#9E0B0E!important}sub,sup{font-size:70%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;word-wrap:normal}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../images/emotions/emotions-black.png);float:left;height:24px;margin-right:8px;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}.article-abstract .article-tags a:hover,.article-abstract .article-title a:hover,.article-body a,.article-relative a:hover,.footer a:hover{text-decoration:underline}.article-body a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#FFF;padding:30px;margin-right:10px}.main{float:left;width:920px}.header .title{color:#E61E1E;padding:30px 0}.header .title:hover{color:#CA1B1E}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7B7B7B;border:0;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}#showTop,.navigation{display:none}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}.sub-nav{background-color:#E61E1E;color:#FFF;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#EA4040;color:#FFF;padding:6px 7px;text-align:center;font-weight:700}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFF}.navigation a.lats{border-bottom-width:0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3E3E3E;opacity:.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;width:430px;font-weight:400}.article-title span{color:#E61E1E}.article-title a{color:#F8F7F7}.article-title sup{color:#9E0B0E}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#FFF;color:#E61E1E;float:left;padding:10px;transition:all .8s}#search,.side-tile{transition:all .3s ease-out 0s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.article-body{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}#search,.side form>span{background-color:#FFF;color:#3A3A3A;margin-top:5px}.side{float:right;width:240px}#search{border:0;height:50px;padding:0 10px;width:177px}.side form>span{float:right;font-size:25px;height:32px;padding:9px}.side-tile,.side-tile>.text a{color:#FFF}.side-tile{float:left;margin-top:20px;padding:15px 25px;position:relative;background-color:#F09609;width:65px}.archives a,.article-info>a{transition:all .8s;float:left}#dynamic .footer:hover,.form button:hover,.form input:focus,.form textarea:focus,.side form input:focus,.side-tile:hover{outline:#BABABA solid 3px}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:700;left:93px;line-height:30px;position:absolute;top:20px}.article-relative,.notice-board,.online-count,.share,.user{width:188px}.logout,.prev,.prev-disabled,.register,.translate{margin-left:10px}.translate{background-color:#2E8BCC}.login,.settings{background-color:#008641}.logout,.register{background-color:#7B4F9D}.next,.prev{background-color:#E61E1E}.next-disabled,.prev-disabled{color:#BDBEBD;background-color:#EA4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count,.share{background-color:#20608E}.share div.text{color:#BDBEBD;font-size:43px;font-weight:400;left:128px;line-height:54px;top:5px;width:105px}.share .text span:hover{color:#FFF}.article-relative .text,.online-count .text{font-size:12px;font-weight:400;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2E8BCC;overflow:hidden;height:auto}.notice-board .text,.user .text{top:36px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#E61E1E;color:#FFF;line-height:15px;margin:10px;padding:10px 15px;white-space:nowrap}.archives a:hover{background-color:#FFF;color:#E61E1E}.article-header{background-color:#E61E1E;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#FFF;color:#E61E1E;font-size:14px;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}#dynamic .footer,.form button,.form input,.form textarea{transition:all .3s ease-out 0s}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:400;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.at,.form button{color:#FFF;font-size:15px}.main>.article-body{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#F7F7F7}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments .article-body{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:700}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-weight:700}.comment-main{float:right}.comment-body-ref{background-color:#EA4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#EA4040;color:#FFF;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0;cursor:pointer;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .article-body{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left}.links-tile,.most-comment,.most-view,.tags-tile{position:static;background-color:#F09609;width:535px;margin-top:20px}.most-view{margin-left:20px;background-color:#2E8BCC}.tags-tile{margin-left:20px;background-color:#393}.links-tile{background-color:#7B4F9D}.links-tile span,.most-comment span,.most-view span,.tags-tile span{font-size:60px}.links-tile .text,.most-comment .text,.most-view .text,.tags-tile .text{position:static;width:430px}.links-tile a,.tags-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all .8s ease 0s;white-space:nowrap}.links-tile a:hover,.tags-tile a:hover{background-color:#FFF;color:#EA4040}.most-comment .text,.most-view .text{margin-right:20px;line-height:24px}.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline}.most-comment .text span,.most-view .text span{color:#D1D2D1;font-size:13px;font-weight:400} |