"
Team:SZU-China/css/szuzan.css
From 2014.igem.org
| Line 1: | Line 1: | ||
@charset "utf-8"; | @charset "utf-8"; | ||
| - | + | .zan-transition { | |
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .zan-transform { | ||
| + | -webkit-transform: scale(1.05, 1.05); | ||
| + | -moz-transform: scale(1.05, 1.05); | ||
| + | -ms-transform: scale(1.05, 1.05); | ||
| + | -o-transform: scale(1.05, 1.05); | ||
| + | transform: scale(1.05, 1.05) | ||
| + | } | ||
| + | @-webkit-keyframes wobble-horizontal { | ||
| + | 16.65% { | ||
| + | -webkit-transform:translateX(8px); | ||
| + | transform:translateX(8px) | ||
| + | } | ||
| + | 33.3% { | ||
| + | -webkit-transform:translateX(-6px); | ||
| + | transform:translateX(-6px) | ||
| + | } | ||
| + | 49.95% { | ||
| + | -webkit-transform:translateX(4px); | ||
| + | transform:translateX(4px) | ||
| + | } | ||
| + | 66.6% { | ||
| + | -webkit-transform:translateX(-2px); | ||
| + | transform:translateX(-2px) | ||
| + | } | ||
| + | 83.25% { | ||
| + | -webkit-transform:translateX(1px); | ||
| + | transform:translateX(1px) | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform:translateX(0); | ||
| + | transform:translateX(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes wobble-horizontal { | ||
| + | 16.65% { | ||
| + | -webkit-transform:translateX(8px); | ||
| + | transform:translateX(8px) | ||
| + | } | ||
| + | 33.3% { | ||
| + | -webkit-transform:translateX(-6px); | ||
| + | transform:translateX(-6px) | ||
| + | } | ||
| + | 49.95% { | ||
| + | -webkit-transform:translateX(4px); | ||
| + | transform:translateX(4px) | ||
| + | } | ||
| + | 66.6% { | ||
| + | -webkit-transform:translateX(-2px); | ||
| + | transform:translateX(-2px) | ||
| + | } | ||
| + | 83.25% { | ||
| + | -webkit-transform:translateX(1px); | ||
| + | transform:translateX(1px) | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform:translateX(0); | ||
| + | transform:translateX(0) | ||
| + | } | ||
| + | } | ||
| + | .zan-navbar { | ||
| + | background-color: #0b445b !important; | ||
| + | border-bottom: 3px solid #16a085 | ||
| + | } | ||
| + | .zan-shadow { | ||
| + | -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2); | ||
| + | -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2); | ||
| + | -o-box-shadow: 0 1px 4px rgba(0,0,0,0.2); | ||
| + | box-shadow: 0 1px 4px rgba(0,0,0,0.2) | ||
| + | } | ||
| + | .zan-border-radius { | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .zan-transform { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .zan-transform:hover { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | -webkit-transform: scale(1.1); | ||
| + | -moz-transform: scale(1.1); | ||
| + | -o-transform: scale(1.1); | ||
| + | transform: scale(1.1) | ||
| + | } | ||
| + | .zan-thumb { | ||
| + | overflow: hidden; | ||
| + | margin-bottom: 0; | ||
| + | padding: 0; | ||
| + | border: 0; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .zan-thumb img { | ||
| + | -webkit-transform: scale(1.05, 1.05); | ||
| + | -moz-transform: scale(1.05, 1.05); | ||
| + | -ms-transform: scale(1.05, 1.05); | ||
| + | -o-transform: scale(1.05, 1.05); | ||
| + | transform: scale(1.05, 1.05); | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .zan-thumb img:hover { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | -webkit-transform: scale(1.1); | ||
| + | -moz-transform: scale(1.1); | ||
| + | -o-transform: scale(1.1); | ||
| + | transform: scale(1.1) | ||
| + | } | ||
| + | .footer-space { | ||
| + | background-color: #fff; | ||
| + | padding: 10px 0 5px 0 | ||
| + | } | ||
| + | .footer-space-line { | ||
| + | background-color: #0b445b; | ||
| + | height: 5px | ||
| + | } | ||
| + | .category-cloud a { | ||
| + | background-color: #16a085; | ||
| + | padding: 5px; | ||
| + | font-size: 12px; | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | border-radius: 0; | ||
| + | line-height: 1; | ||
| + | text-align: center; | ||
| + | color: #fff; | ||
| + | margin-right: 5px; | ||
| + | text-transform: uppercase | ||
| + | } | ||
| + | .category-cloud a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | .white-space-nowrap { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | word-wrap: normal | ||
| + | } | ||
| + | body { | ||
| + | font-family: "Microsoft YaHei"; | ||
| + | background-color: #f5f5f5; | ||
| + | word-wrap: break-word | ||
| + | } | ||
| + | body.theme-release nav.navbar-inverse { | ||
| + | margin-bottom: 0 | ||
| + | } | ||
| + | a.btn, .btn, .panel, input, .alert, div.well { | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .well { | ||
| + | border: 2px solid #fff; | ||
| + | box-shadow: none | ||
| + | } | ||
| + | audio { | ||
| + | width: 100% | ||
| + | } | ||
| + | .format-video iframe, .zan-article iframe, .zan-article embed { | ||
| + | width: 100%; | ||
| + | height: 500px | ||
| + | } | ||
| + | |||
| + | @media (max-width:1199px) { | ||
| + | .format-video iframe, .zan-article iframe, .zan-article embed { | ||
| + | height: 350px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .format-video iframe, .zan-article iframe, .zan-article embed { | ||
| + | height: 200px | ||
| + | } | ||
| + | } | ||
| + | .ad { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .ad * { | ||
| + | max-width: 100% | ||
| + | } | ||
| + | code { | ||
| + | white-space: normal; | ||
| + | border-radius: 0; | ||
| + | color: #f04f4f; | ||
| + | margin: 0 5px; | ||
| + | background-color: #fff | ||
| + | } | ||
| + | code a:hover { | ||
| + | color: #16a085 !important | ||
| + | } | ||
| + | ul { | ||
| + | list-style-type: none; | ||
| + | margin: 0; | ||
| + | padding: 0 | ||
| + | } | ||
| + | a { | ||
| + | color: #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | a:hover { | ||
| + | color: #16a085; | ||
| + | text-decoration: none; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .form-control { | ||
| + | height: auto; | ||
| + | border: 2px solid #c1c1c1; | ||
| + | background-color: transparent; | ||
| + | box-shadow: none | ||
| + | } | ||
| + | .form-control:focus { | ||
| + | border-color: #16a085; | ||
| + | background-color: transparent; | ||
| + | outline: 0; | ||
| + | box-shadow: none; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .article-stick { | ||
| + | position: absolute; | ||
| + | top: -10px; | ||
| + | right: 5%; | ||
| + | font-size: 40px; | ||
| + | color: #16a085 | ||
| + | } | ||
| + | #loading-comments { | ||
| + | font-size: 30px; | ||
| + | display: none; | ||
| + | color: #16a085; | ||
| + | text-align: center | ||
| + | } | ||
| + | #mainstay { | ||
| + | position: relative | ||
| + | } | ||
| + | #mainstay.load #article-list, #mainstay.load #zan-page, #mainstay.load .ad, #mainstay.load aside { | ||
| + | cursor: not-allowed; | ||
| + | filter: alpha(opacity=30); | ||
| + | -khtml-opacity: .3; | ||
| + | -moz-opacity: .3; | ||
| + | opacity: .3 | ||
| + | } | ||
| + | #loading-article { | ||
| + | position: absolute; | ||
| + | z-index: 1001; | ||
| + | top: 100px; | ||
| + | left: 50%; | ||
| + | margin-left: -50px; | ||
| + | font-size: 100px; | ||
| + | color: #16a085 | ||
| + | } | ||
| + | #loading { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | #sidebar .list-group { | ||
| + | margin-bottom: 0 | ||
| + | } | ||
| + | .alert-primary { | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #007e63; | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-primary a { | ||
| + | color: #00290e; | ||
| + | text-decoration: underline; | ||
| + | padding: 0 5px | ||
| + | } | ||
| + | .alert-primary a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-info { | ||
| + | background-color: #5dade2; | ||
| + | border: 2px solid #3b8bc0; | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-info a { | ||
| + | color: #00366b; | ||
| + | text-decoration: underline; | ||
| + | padding: 0 5px | ||
| + | } | ||
| + | .alert-info a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-success { | ||
| + | background-color: #2ecc71; | ||
| + | border: 2px solid #0caa4f; | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-success a { | ||
| + | color: #050; | ||
| + | text-decoration: underline; | ||
| + | padding: 0 5px | ||
| + | } | ||
| + | .alert-success a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-warning { | ||
| + | background-color: #f4d03f; | ||
| + | border: 2px solid #d2ae1d; | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-warning a { | ||
| + | color: #7d5900; | ||
| + | text-decoration: underline; | ||
| + | padding: 0 5px | ||
| + | } | ||
| + | .alert-warning a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-danger { | ||
| + | background-color: #f04f4f; | ||
| + | border: 2px solid #ce2d2d; | ||
| + | color: #fff | ||
| + | } | ||
| + | .alert-danger a { | ||
| + | color: #790000; | ||
| + | text-decoration: underline; | ||
| + | padding: 0 5px | ||
| + | } | ||
| + | .alert-danger a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | .btn-primary { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | .btn-primary:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | .btn-inverse { | ||
| + | color: #0b445b; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #0b445b | ||
| + | } | ||
| + | .btn-inverse:hover { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b | ||
| + | } | ||
| + | .btn-info { | ||
| + | color: #5dade2; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #5dade2 | ||
| + | } | ||
| + | .btn-info:hover { | ||
| + | color: #fff; | ||
| + | background-color: #5dade2; | ||
| + | border: 2px solid #5dade2 | ||
| + | } | ||
| + | .btn-success { | ||
| + | color: #2ecc71; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #2ecc71 | ||
| + | } | ||
| + | .btn-success:hover { | ||
| + | color: #fff; | ||
| + | background-color: #2ecc71; | ||
| + | border: 2px solid #2ecc71 | ||
| + | } | ||
| + | .btn-warning { | ||
| + | color: #f4d03f; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #f4d03f | ||
| + | } | ||
| + | .btn-warning:hover { | ||
| + | color: #fff; | ||
| + | background-color: #f4d03f; | ||
| + | border: 2px solid #f4d03f | ||
| + | } | ||
| + | .btn-danger { | ||
| + | color: #f04f4f; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #f04f4f | ||
| + | } | ||
| + | .btn-danger:hover { | ||
| + | color: #fff; | ||
| + | background-color: #f04f4f; | ||
| + | border: 2px solid #f04f4f | ||
| + | } | ||
| + | .panel-primary>.panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #16a085 | ||
| + | } | ||
| + | .panel-inverse>.panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b | ||
| + | } | ||
| + | .panel-info>.panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #5dade2 | ||
| + | } | ||
| + | .panel-success>.panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #2ecc71 | ||
| + | } | ||
| + | .panel-warning>.panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #f4d03f | ||
| + | } | ||
| + | .panel-danger>.panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #f04f4f | ||
| + | } | ||
| + | .navbar-nav>li { | ||
| + | margin-right: 50px | ||
| + | } | ||
| + | |||
| + | @media (max-width:1199px) { | ||
| + | .navbar-nav>li { | ||
| + | margin-right: 15px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width:991px) { | ||
| + | .navbar-nav>li { | ||
| + | margin-right: 0 | ||
| + | } | ||
| + | } | ||
| + | pre { | ||
| + | border-radius: 0; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | .panel-group .panel-heading+.panel-collapse .panel-body { | ||
| + | border-top: 0 | ||
| + | } | ||
| + | .btn-zan-line-wp { | ||
| + | color: #fff; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-wp:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-wi { | ||
| + | color: #fff; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-wi:hover { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-ww { | ||
| + | color: #fff; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-ww:hover { | ||
| + | color: #0b445b; | ||
| + | background-color: #fff; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-ii { | ||
| + | color: #0b445b; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-ii .badge { | ||
| + | color: #0b445b; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-ii:hover { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-ii:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-pp { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-pp .badge { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-pp:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-line-pp:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-iw { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-iw:hover { | ||
| + | color: #0b445b; | ||
| + | background-color: #fff; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-wi { | ||
| + | color: #0b445b; | ||
| + | background-color: #fff; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-wi:hover { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-ip { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-ip:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-pi { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-pi:hover { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: 2px solid #0b445b; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-pw { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .btn-zan-solid-pw:hover { | ||
| + | color: #16a085; | ||
| + | background-color: #fff; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .label-zan { | ||
| + | border-radius: 0 !important; | ||
| + | padding: 5px; | ||
| + | font-size: 12px; | ||
| + | text-transform: uppercase; | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | background-color: #16a085 | ||
| + | } | ||
| + | .label-zan a { | ||
| + | color: #fff | ||
| + | } | ||
| + | .label-avatar { | ||
| + | width: 60px; | ||
| + | padding: 3px 8px; | ||
| + | font-size: 12px; | ||
| + | border-radius: 0 !important; | ||
| + | text-transform: uppercase; | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | background-color: #0b445b | ||
| + | } | ||
| + | .label-avatar a { | ||
| + | color: #fff | ||
| + | } | ||
| + | .panel { | ||
| + | border: 0 | ||
| + | } | ||
| + | .panel .panel-heading { | ||
| + | border-top-right-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | border-bottom: 0 | ||
| + | } | ||
| + | .panel.panel-zan .panel-heading { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border-color: none; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .panel.panel-zan .panel-body { | ||
| + | padding: 0 15px | ||
| + | } | ||
| + | .panel.panel-zan .panel-body.custom { | ||
| + | padding: 15px; | ||
| + | background-color: #0b445b; | ||
| + | color: #fff | ||
| + | } | ||
| + | .panel.panel-zan .panel-body.custom * { | ||
| + | max-width: 100% | ||
| + | } | ||
| + | .list-group .zan-list { | ||
| + | padding: 15px 0; | ||
| + | list-style: none; | ||
| + | border-bottom: 1px solid #eee | ||
| + | } | ||
| + | .list-group .zan-list .sidebar-avatar, .list-group .zan-list .thumbnail.zan-thumb { | ||
| + | width: 75px; | ||
| + | height: 75px; | ||
| + | overflow: hidden; | ||
| + | float: left | ||
| + | } | ||
| + | .list-group .zan-list h5, .list-group .zan-list h6 { | ||
| + | padding: 5px 0 0 15px; | ||
| + | margin: 0; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | line-height: 20px | ||
| + | } | ||
| + | .list-group .zan-list:last-child { | ||
| + | border-bottom: none | ||
| + | } | ||
| + | .pagination-zan { | ||
| + | margin: 0 0 20px 0; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .pagination-zan li>a, .pagination-zan li>span { | ||
| + | color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | background-color: transparent; | ||
| + | margin-left: 10px; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .pagination-zan li>a:hover, .pagination-zan li>span:hover { | ||
| + | color: #fff; | ||
| + | border: 2px solid #16a085; | ||
| + | background-color: #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .pagination-zan .active a, .pagination-zan .active span { | ||
| + | color: #fff; | ||
| + | border: 2px solid #16a085; | ||
| + | background-color: #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .pagination-zan .active a:hover, .pagination-zan .active span:hover { | ||
| + | color: #fff; | ||
| + | border: 2px solid #16a085; | ||
| + | background-color: #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | cursor: not-allowed | ||
| + | } | ||
| + | .zan-article { | ||
| + | background-color: #fff; | ||
| + | padding: 20px; | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .zan-article .post-big-info span { | ||
| + | margin: 10px 10px 10px 0 | ||
| + | } | ||
| + | .zan-article .zan-thumb { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .zan-article .zan-single-content { | ||
| + | width: 100% | ||
| + | } | ||
| + | .zan-article .zan-single-content img { | ||
| + | margin: 20px auto; | ||
| + | border: 2px solid #fff | ||
| + | } | ||
| + | .zan-article img { | ||
| + | max-width: 100%; | ||
| + | height: auto | ||
| + | } | ||
| + | .breadcrumb { | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .breadcrumb .fa { | ||
| + | font-size: 18px | ||
| + | } | ||
| + | #zan-breadcrumb { | ||
| + | background-color: #fff | ||
| + | } | ||
| + | .pager li>a { | ||
| + | border-radius: 0; | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .pager li>a .badge { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .pager li>a:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .pager li>a:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .thumbnail { | ||
| + | border-radius: 0; | ||
| + | border: 0 | ||
| + | } | ||
| + | blockquote { | ||
| + | font-size: 16px; | ||
| + | color: #007e63 !important; | ||
| + | border-left: 5px solid #16a085 !important | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | blockquote { | ||
| + | padding: 5px 10px | ||
| + | } | ||
| + | } | ||
| + | .navbar-toggle { | ||
| + | border-radius: 0 | ||
| + | } | ||
| + | .navbar-inverse .navbar-toggle { | ||
| + | border-color: #fff | ||
| + | } | ||
| + | .navbar-inverse .navbar-toggle:hover { | ||
| + | border-color: #0b445b; | ||
| + | color: #0b445b; | ||
| + | background-color: #fff | ||
| + | } | ||
| + | .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px | ||
| + | } | ||
| + | #searchform { | ||
| + | padding: 20px; | ||
| + | margin-bottom: 20px; | ||
| + | background-color: #fff | ||
| + | } | ||
| + | #searchform input { | ||
| + | width: 65% !important; | ||
| + | float: left | ||
| + | } | ||
| + | #searchform button { | ||
| + | width: 33%; | ||
| + | float: right | ||
| + | } | ||
| + | .flexslider { | ||
| + | border-radius: 0 !important; | ||
| + | margin-bottom: 20px; | ||
| + | box-shadow: none | ||
| + | } | ||
| + | .flex-control-nav { | ||
| + | display: none | ||
| + | } | ||
| + | .flex-control-paging li a { | ||
| + | display: none; | ||
| + | background: #0b445b | ||
| + | } | ||
| + | .flex-control-paging li a.flex-active { | ||
| + | background: #16a085; | ||
| + | cursor: default | ||
| + | } | ||
| + | .slide-text { | ||
| + | position: absolute; | ||
| + | bottom: 0; | ||
| + | width: 100%; | ||
| + | padding: 20px; | ||
| + | color: #fff; | ||
| + | font-size: 22px; | ||
| + | background: #16a085 | ||
| + | } | ||
| + | .zan-author { | ||
| + | position: relative; | ||
| + | width: 100%; | ||
| + | height: 260px; | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .zan-author .author-top { | ||
| + | position: absolute; | ||
| + | background-color: #0b445b; | ||
| + | width: 100%; | ||
| + | height: 80px | ||
| + | } | ||
| + | .zan-author .author-bottom { | ||
| + | position: absolute; | ||
| + | top: 80px; | ||
| + | width: 100%; | ||
| + | height: 180px; | ||
| + | background-color: #16a085; | ||
| + | border-top: 4px solid #fff | ||
| + | } | ||
| + | .zan-author img { | ||
| + | margin-top: -60px; | ||
| + | background-color: #fff; | ||
| + | border: 3px solid #fff; | ||
| + | border-radius: 50%; | ||
| + | -webkit-transition: all .3s ease-in-out; | ||
| + | -moz-transition: all .3s ease-in-out; | ||
| + | -o-transition: all .3s ease-in-out; | ||
| + | transition: all .3s ease-in-out | ||
| + | } | ||
| + | .zan-author img:hover { | ||
| + | -webkit-transition: all .3s ease-in-out; | ||
| + | -moz-transition: all .3s ease-in-out; | ||
| + | -o-transition: all .3s ease-in-out; | ||
| + | transition: all .3s ease-in-out; | ||
| + | transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | -webkit-transform: rotate(360deg) | ||
| + | } | ||
| + | .zan-author span { | ||
| + | display: block | ||
| + | } | ||
| + | .zan-author .author-name { | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | font-size: 24px; | ||
| + | color: #fff | ||
| + | } | ||
| + | .zan-author .author-social .btn { | ||
| + | border-left: none; | ||
| + | border-right: none; | ||
| + | padding: 20px | ||
| + | } | ||
| + | .zan-category a { | ||
| + | width: 100%; | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | padding: 15px 30px; | ||
| + | border-bottom: 1px solid #eee | ||
| + | } | ||
| + | .zan-category a:hover { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts { | ||
| + | background-color: #fff; | ||
| + | padding: 20px; | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts dt { | ||
| + | display: none | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts dd #frm-email { | ||
| + | float: left; | ||
| + | width: 65%; | ||
| + | padding: 6px 12px; | ||
| + | height: auto; | ||
| + | background-color: transparent; | ||
| + | box-shadow: none; | ||
| + | border: 2px solid #c1c1c1 | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts dd #frm-email:focus { | ||
| + | border-color: #16a085; | ||
| + | background-color: transparent; | ||
| + | outline: 0; | ||
| + | box-shadow: none; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts dd #frm-email:focus { | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts dd .btn { | ||
| + | width: 33%; | ||
| + | float: right | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts input.text { | ||
| + | color: #0b445b | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts input.text:focus { | ||
| + | color: #0b445b | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts .error { | ||
| + | width: 100%; | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 15px; | ||
| + | padding: 10px; | ||
| + | font-weight: normal; | ||
| + | font-size: 12px; | ||
| + | color: #fff; | ||
| + | background-color: #f04f4f; | ||
| + | border-radius: 0 | ||
| + | } | ||
| + | aside[id*="simplesubscribe-"] .widgetGuts .success { | ||
| + | width: 100%; | ||
| + | padding: 10px; | ||
| + | font-weight: normal; | ||
| + | font-size: 12px; | ||
| + | color: #fff; | ||
| + | background-color: #2ecc71; | ||
| + | border-radius: 0 | ||
| + | } | ||
| + | aside[id*="zan_audio"] { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .audiojs { | ||
| + | width: 100%; | ||
| + | padding: 10px 5px; | ||
| + | height: 60px; | ||
| + | box-shadow: none; | ||
| + | background-color: #0b445b; | ||
| + | background-image: none | ||
| + | } | ||
| + | .audiojs .play-pause { | ||
| + | width: 10%; | ||
| + | border: none | ||
| + | } | ||
| + | .audiojs .scrubber { | ||
| + | margin: 10px 0 10px 8px; | ||
| + | width: 50%; | ||
| + | border: none; | ||
| + | background-color: #fff | ||
| + | } | ||
| + | |||
| + | @media (min-width:1200px) { | ||
| + | .audiojs .scrubber { | ||
| + | width: 58% | ||
| + | } | ||
| + | } | ||
| + | .audiojs .scrubber .progress { | ||
| + | border-radius: 0; | ||
| + | background-color: #f04f4f; | ||
| + | background-image: none | ||
| + | } | ||
| + | .audiojs .scrubber .loaded { | ||
| + | background-color: #16a085; | ||
| + | background-image: none | ||
| + | } | ||
| + | .audiojs .time { | ||
| + | float: right; | ||
| + | padding: 0 5px; | ||
| + | text-shadow: none; | ||
| + | border: none; | ||
| + | color: #fff | ||
| + | } | ||
| + | #sidebar video { | ||
| + | border: 5px solid #fff | ||
| + | } | ||
| + | #smilelink { | ||
| + | cursor: pointer; | ||
| + | margin-bottom: 10px | ||
| + | } | ||
| + | #smilelink img:hover { | ||
| + | filter: alpha(opacity=50); | ||
| + | -khtml-opacity: .5; | ||
| + | -moz-opacity: .5; | ||
| + | opacity: .5 | ||
| + | } | ||
| + | aside[id*="zan_login"] { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .login-form { | ||
| + | background-color: #fff; | ||
| + | padding: 30px 20px | ||
| + | } | ||
| + | .login-form .input-group-addon { | ||
| + | background-color: #16a085; | ||
| + | color: #fff; | ||
| + | border: 2px solid #16a085; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .login-form .input-group-addon i { | ||
| + | width: 15px | ||
| + | } | ||
| + | .login-form .form-control { | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | padding: 10px 5px; | ||
| + | border-left: none | ||
| + | } | ||
| + | .login-form .btn { | ||
| + | width: 48%; | ||
| + | padding: 10px | ||
| + | } | ||
| + | .login-form img { | ||
| + | border: 3px solid #16a085; | ||
| + | border-radius: 50%; | ||
| + | padding: 3px | ||
| + | } | ||
| + | .login-panel { | ||
| + | height: 100px; | ||
| + | padding: 20px 0; | ||
| + | background-color: #0b445b | ||
| + | } | ||
| + | |||
| + | @media (min-width:992px) and (max-width:1199px) { | ||
| + | .login-panel { | ||
| + | padding: 20px 0 | ||
| + | } | ||
| + | } | ||
| + | .login-panel img { | ||
| + | margin-right: 20px; | ||
| + | border-radius: 50%; | ||
| + | border: 2px solid #fff; | ||
| + | background-color: #fff; | ||
| + | -webkit-transition: all .3s ease-in-out; | ||
| + | -moz-transition: all .3s ease-in-out; | ||
| + | -o-transition: all .3s ease-in-out; | ||
| + | transition: all .3s ease-in-out | ||
| + | } | ||
| + | .login-panel img:hover { | ||
| + | -webkit-transition: all .3s ease-in-out; | ||
| + | -moz-transition: all .3s ease-in-out; | ||
| + | -o-transition: all .3s ease-in-out; | ||
| + | transition: all .3s ease-in-out; | ||
| + | transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | -webkit-transform: rotate(360deg) | ||
| + | } | ||
| + | .login-panel a { | ||
| + | color: #fff | ||
| + | } | ||
| + | .login-panel a:hover { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .login-panel .user-name { | ||
| + | margin-right: 20px | ||
| + | } | ||
| + | #sidebar .ad { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .header { | ||
| + | padding: 10px 0 20px; | ||
| + | background-color: #16a085 | ||
| + | } | ||
| + | .header .logo { | ||
| + | display: block; | ||
| + | height: 160px; | ||
| + | width: 160px; | ||
| + | margin: 0 auto; | ||
| + | border: 5px solid #fff; | ||
| + | border-radius: 50%; | ||
| + | background: url("../images/logo.jpg") no-repeat center; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .header .logo.animation { | ||
| + | box-shadow: #12856e 1px 1px, #12856e 2px 2px, #12856e 3px 3px, #12856e 4px 4px, #12856e 5px 5px, #12856e 6px 6px, #12856e 7px 7px, #12856e 8px 8px, #12856e 9px 9px, #12856e 10px 10px, #12856e 11px 11px, #12856e 12px 12px, #12856e 13px 13px, #12856e 14px 14px, #12856e 15px 15px, #12866f 16px 16px, #128770 17px 17px, #128871 18px 18px, #128971 19px 19px, #128a72 20px 20px, #128b73 21px 21px, #138c74 22px 22px, #138d74 23px 23px, #138e75 24px 24px, #138e76 25px 25px, #138f77 26px 26px, #139077 27px 27px, #139178 28px 28px, #149279 29px 29px, #14937a 30px 30px, #14947b 31px 31px, #14957b 32px 32px, #14967c 33px 33px, #14977d 34px 34px, #14977e 35px 35px, #14987e 36px 36px, #15997f 37px 37px, #159a80 38px 38px, #159b81 39px 39px, #159c81 40px 40px, #159d82 41px 41px, #159e83 42px 42px, #159f84 43px 43px, #16a085 44px 44px; | ||
| + | background-color: #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | nav.navbar-inverse { | ||
| + | min-height: none; | ||
| + | color: #fff; | ||
| + | background-color: #0b445b; | ||
| + | border: none; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | nav.navbar-inverse .navbar-nav li.current-menu-item>a, nav.navbar-inverse .navbar-nav li.current-menu-parent>a { | ||
| + | border-color: #16a085 | ||
| + | } | ||
| + | nav.navbar-inverse .navbar-nav a { | ||
| + | padding-bottom: 12px; | ||
| + | color: #fff !important; | ||
| + | border-bottom: 3px solid transparent | ||
| + | } | ||
| + | nav.navbar-inverse .navbar-nav a:hover { | ||
| + | background-color: #0b445b !important; | ||
| + | border-bottom: 3px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | nav.navbar-inverse .open a { | ||
| + | color: #fff; | ||
| + | background-color: #0b445b !important; | ||
| + | border-bottom: 3px solid #16a085 | ||
| + | } | ||
| + | nav.navbar-inverse .open a:hover { | ||
| + | background-color: #0b445b !important; | ||
| + | border-bottom: 3px solid #16a085 | ||
| + | } | ||
| + | nav.navbar-inverse ul.dropdown-menu { | ||
| + | padding: 0; | ||
| + | border: 0 | ||
| + | } | ||
| + | nav.navbar-inverse ul.dropdown-menu a { | ||
| + | padding: 10px 20px; | ||
| + | background-color: #fff !important; | ||
| + | color: #333 !important; | ||
| + | border: none | ||
| + | } | ||
| + | nav.navbar-inverse ul.dropdown-menu a:hover { | ||
| + | background-color: #16a085 !important; | ||
| + | color: #fff !important; | ||
| + | border: none; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | nav.navbar-inverse .user { | ||
| + | margin-top: 6px | ||
| + | } | ||
| + | #zan-bodyer.margin-top { | ||
| + | margin-top: 70px | ||
| + | } | ||
| + | .zan-post { | ||
| + | position: relative; | ||
| + | background-color: #fff; | ||
| + | padding: 0 20px 20px 20px; | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .zan-outline { | ||
| + | font-size: 14px; | ||
| + | color: #c1c1c1; | ||
| + | line-height: 28px | ||
| + | } | ||
| + | |||
| + | @media (min-width:1200px) { | ||
| + | .zan-outline { | ||
| + | margin-top: 14px | ||
| + | } | ||
| + | } | ||
| + | .post-info { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .post-info a { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .post-info a:hover { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .post-info i { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .post-info span { | ||
| + | margin-right: 10px | ||
| + | } | ||
| + | .widget-sets .nav-pills { | ||
| + | text-align: center; | ||
| + | padding: 10px; | ||
| + | border-bottom: 2px solid #16a085 | ||
| + | } | ||
| + | .widget-sets .nav-pills>li { | ||
| + | float: none; | ||
| + | display: inline-block | ||
| + | } | ||
| + | |||
| + | @media (min-width:1200px) { | ||
| + | .widget-sets .nav-pills>li { | ||
| + | width: 30% | ||
| + | } | ||
| + | } | ||
| + | .widget-sets .nav-pills>li>a { | ||
| + | border-radius: 0 | ||
| + | } | ||
| + | .widget-sets .nav-pills>li.active a { | ||
| + | background-color: #16a085; | ||
| + | border-radius: 0 | ||
| + | } | ||
| + | .widget-sets .nav-pills>li.active a:hover, .widget-sets .nav-pills>li.active a:focus { | ||
| + | background-color: #16a085; | ||
| + | border-radius: 0 | ||
| + | } | ||
| + | .widget-sets .tab-content { | ||
| + | padding: 10px | ||
| + | } | ||
| + | .widget-sets .list-group-item { | ||
| + | border: 0 | ||
| + | } | ||
| + | .widget-sets .list-group-item a { | ||
| + | float: left; | ||
| + | width: 70%; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap | ||
| + | } | ||
| + | .widget-sets .list-group-item .badge { | ||
| + | background-color: #16a085 | ||
| + | } | ||
| + | .sidebar-info { | ||
| + | font-size: 12px; | ||
| + | margin: 20px 0 0 0; | ||
| + | padding: 5px 0 0 15px; | ||
| + | overflow: hidden; | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .sidebar-info a { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .sidebar-info a:hover { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .sidebar-info i { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .sidebar-info span { | ||
| + | margin-right: 10px | ||
| + | } | ||
| + | .sidebar-avatar { | ||
| + | float: left; | ||
| + | text-align: center | ||
| + | } | ||
| + | .sidebar-avatar img { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | margin-bottom: 5px; | ||
| + | border-radius: 50% | ||
| + | } | ||
| + | .sidebar-avatar img:hover { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | -webkit-transform: rotate(360deg) | ||
| + | } | ||
| + | .sidebar-comment { | ||
| + | font-size: 12px; | ||
| + | color: #c1c1c1; | ||
| + | padding: 10px 0 0 15px; | ||
| + | margin: 0; | ||
| + | display: block; | ||
| + | overflow: hidden | ||
| + | } | ||
| + | .sidebar-comment a { | ||
| + | color: #c1c1c1 !important | ||
| + | } | ||
| + | .sidebar-comment a:hover { | ||
| + | color: #16a085 !important | ||
| + | } | ||
| + | .comments-header { | ||
| + | font-size: 18px; | ||
| + | color: #16a085; | ||
| + | padding: 10px; | ||
| + | margin-bottom: 20px; | ||
| + | border-bottom: 2px solid #16a085 | ||
| + | } | ||
| + | .commentlist { | ||
| + | padding: 0 | ||
| + | } | ||
| + | .commentlist #loading, .commentlist #error { | ||
| + | margin-bottom: 10px; | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .commentlist .comment-awaiting-moderation { | ||
| + | color: #5dade2; | ||
| + | margin: 10px 0 | ||
| + | } | ||
| + | .commentlist ol { | ||
| + | padding-left: 20px | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .commentlist ol { | ||
| + | padding-left: 5px | ||
| + | } | ||
| + | } | ||
| + | .commentlist li { | ||
| + | margin: 10px 0 10px 0; | ||
| + | list-style: none; | ||
| + | border: 2px solid #f1f5f8; | ||
| + | padding: 2px; | ||
| + | background-color: #fff | ||
| + | } | ||
| + | .commentlist .comment-body { | ||
| + | position: relative | ||
| + | } | ||
| + | .commentlist .comment-body .comment-meta { | ||
| + | background: #f1f5f8; | ||
| + | position: relative; | ||
| + | height: auto; | ||
| + | min-height: 37px; | ||
| + | line-height: 37px; | ||
| + | padding-left: 45px | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .commentlist .comment-body .comment-meta { | ||
| + | padding-left: 30px | ||
| + | } | ||
| + | } | ||
| + | .commentlist .comment-body .comment-meta .comment-author { | ||
| + | float: left | ||
| + | } | ||
| + | .commentlist .comment-body .comment-meta img { | ||
| + | background-color: #fff; | ||
| + | border: 4px solid #fff; | ||
| + | border-radius: 50%; | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | left: -40px; | ||
| + | top: 10px; | ||
| + | margin: 0; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .commentlist .comment-body .comment-meta img { | ||
| + | left: -25px; | ||
| + | width: 50px; | ||
| + | height: 50px | ||
| + | } | ||
| + | } | ||
| + | .commentlist .comment-body .comment-meta img:hover { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | -webkit-transform: rotate(360deg) | ||
| + | } | ||
| + | .commentlist .comment-body .comment-metadata { | ||
| + | text-transform: uppercase; | ||
| + | float: right; | ||
| + | margin-right: 10px; | ||
| + | font-size: 12px; | ||
| + | text-decoration: none; | ||
| + | font-weight: bold | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .commentlist .comment-body .comment-metadata { | ||
| + | display: none | ||
| + | } | ||
| + | } | ||
| + | .commentlist .comment-body .comment-content { | ||
| + | padding: 20px 55px 30px 45px; | ||
| + | position: relative | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .commentlist .comment-body .comment-content { | ||
| + | padding: 10px 10px 20px 30px | ||
| + | } | ||
| + | } | ||
| + | .commentlist .comment-body .comment-reply-link, .commentlist .comment-body .comment-reply-login { | ||
| + | position: absolute; | ||
| + | bottom: 3px; | ||
| + | right: 12px; | ||
| + | font-size: 12px; | ||
| + | text-transform: uppercase; | ||
| + | display: block | ||
| + | } | ||
| + | .logged-in-as, .must-log-in { | ||
| + | background-color: #fff; | ||
| + | padding: 10px 20px | ||
| + | } | ||
| + | #comment-nav { | ||
| + | margin: 30px 0 10px 0 | ||
| + | } | ||
| + | #comment-nav .nav-previous a { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | padding: 10px | ||
| + | } | ||
| + | #comment-nav .nav-previous a .badge { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #comment-nav .nav-previous a:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #comment-nav .nav-previous a:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #comment-nav .nav-next a { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | padding: 10px | ||
| + | } | ||
| + | #comment-nav .nav-next a .badge { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #comment-nav .nav-next a:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #comment-nav .nav-next a:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .page-numbers { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | margin: 0 0 10px 10px; | ||
| + | padding: 5px 10px; | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | .page-numbers .badge { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .page-numbers:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .page-numbers:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .page-numbers.current { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | cursor: not-allowed | ||
| + | } | ||
| + | .page-numbers.dots { | ||
| + | border: none | ||
| + | } | ||
| + | .page-numbers.dots:hover { | ||
| + | color: #16a085; | ||
| + | background-color: transparent | ||
| + | } | ||
| + | #reply-title { | ||
| + | font-size: 18px; | ||
| + | color: #16a085; | ||
| + | padding: 10px; | ||
| + | margin-bottom: 20px; | ||
| + | border-bottom: 2px solid #16a085 | ||
| + | } | ||
| + | #reply-title a:hover { | ||
| + | color: #fff | ||
| + | } | ||
| + | #reply-title #cancel-comment-reply-link { | ||
| + | padding: 2px 5px; | ||
| + | background-color: #f04f4f; | ||
| + | color: #fff | ||
| + | } | ||
| + | #commentform .form-allowed-tags { | ||
| + | margin-top: 10px | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | #commentform .form-allowed-tags { | ||
| + | display: none | ||
| + | } | ||
| + | } | ||
| + | #commentform .input-group { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | #commentform .input-group .input-group-addon { | ||
| + | background-color: #16a085; | ||
| + | color: #fff; | ||
| + | border: 2px solid #16a085; | ||
| + | border-radius: 0 !important | ||
| + | } | ||
| + | #commentform .input-group .input-group-addon i { | ||
| + | width: 15px | ||
| + | } | ||
| + | #commentform input { | ||
| + | padding: 10px 15px; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | |||
| + | @media (max-width:1199px) and (min-width:992px) { | ||
| + | #commentform input { | ||
| + | padding: 10px 5px; | ||
| + | width: 142px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width:991px) { | ||
| + | #commentform input { | ||
| + | padding: 10px | ||
| + | } | ||
| + | } | ||
| + | #commentform textarea { | ||
| + | margin: 0; | ||
| + | padding: 10px 15px; | ||
| + | width: 100%; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #c1c1c1 | ||
| + | } | ||
| + | #commentform textarea:focus { | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | #commentform input:focus, #commentform textarea:focus { | ||
| + | outline: 0; | ||
| + | -webkit-transition: all .3s ease-in-out; | ||
| + | -moz-transition: all .3s ease-in-out; | ||
| + | -o-transition: all .3s ease-in-out; | ||
| + | transition: all .3s ease-in-out | ||
| + | } | ||
| + | #commentform #submit { | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | width: 100%; | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #commentform #submit .badge { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #commentform #submit:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #commentform #submit:hover .badge { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | a[title*="幻灯片"] { | ||
| + | display: none !important | ||
| + | } | ||
| + | .post-th { | ||
| + | background-color: #fff; | ||
| + | margin-bottom: 20px; | ||
| + | padding: 10px | ||
| + | } | ||
| + | .post-th .zan-thumb { | ||
| + | margin-bottom: 10px | ||
| + | } | ||
| + | .post-th .title { | ||
| + | margin-bottom: 20px; | ||
| + | font-size: 16px | ||
| + | } | ||
| + | .post-th .fa { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .post-th .info { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .post-th .info a { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .post-th .info a:hover { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | #zan-footer { | ||
| + | margin-top: 40px | ||
| + | } | ||
| + | #zan-footer a { | ||
| + | color: #fff | ||
| + | } | ||
| + | #zan-footer a:hover { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | .zan-link, .zan-copyright { | ||
| + | color: #fff; | ||
| + | margin: 0 auto; | ||
| + | background-color: #0b445b; | ||
| + | padding: 30px 0 30px 0; | ||
| + | position: relative | ||
| + | } | ||
| + | .zan-link { | ||
| + | padding: 10px 0 10px 0 | ||
| + | } | ||
| + | .zan-link a { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .zan-link .footer-column { | ||
| + | padding: 20px | ||
| + | } | ||
| + | .zan-link .footer-column .header { | ||
| + | font-size: 18px; | ||
| + | color: #fff | ||
| + | } | ||
| + | .zan-link .tag a { | ||
| + | float: left; | ||
| + | margin-right: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | border: 1px solid #fff; | ||
| + | color: #fff !important; | ||
| + | padding: 3px 5px; | ||
| + | font-size: 14px !important | ||
| + | } | ||
| + | .zan-link .tag a:hover { | ||
| + | background: #fff; | ||
| + | color: #0b445b !important | ||
| + | } | ||
| + | .zan-link .friend-link li { | ||
| + | float: left; | ||
| + | width: 50%; | ||
| + | padding: 10px 0 | ||
| + | } | ||
| + | .zan-copyright { | ||
| + | text-align: center | ||
| + | } | ||
| + | .zan-copyright a { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | |||
| + | @media (min-width:768px) { | ||
| + | .zan-copyright:before { | ||
| + | right: 0; | ||
| + | background-image: -webkit-linear-gradient(top left, #fff 50%, #3e778e 50%); | ||
| + | background-image: linear-gradient(315deg, #fff 50%, #3e778e 50%); | ||
| + | bottom: 0; | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | position: absolute; | ||
| + | content: ''; | ||
| + | pointer-events: none | ||
| + | } | ||
| + | .zan-copyright:after { | ||
| + | filter: alpha(opacity=80); | ||
| + | -khtml-opacity: .8; | ||
| + | -moz-opacity: .8; | ||
| + | opacity: .8; | ||
| + | right: 100px; | ||
| + | background-image: -webkit-linear-gradient(top left, transparent 50%, #001128 50%); | ||
| + | background-image: linear-gradient(315deg, #001128 50%, transparent 50%); | ||
| + | bottom: 0; | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | position: absolute; | ||
| + | content: ''; | ||
| + | pointer-events: none | ||
| + | } | ||
| + | } | ||
| + | #zan-gotop { | ||
| + | cursor: pointer; | ||
| + | position: fixed; | ||
| + | display: block; | ||
| + | right: 40px; | ||
| + | text-align: center; | ||
| + | border-bottom: none; | ||
| + | z-index: 9999; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #zan-gotop .gotop { | ||
| + | position: relative; | ||
| + | width: 30px; | ||
| + | width: 50px\9; | ||
| + | height: 50px; | ||
| + | line-height: 50px; | ||
| + | background-color: #0b445b; | ||
| + | margin-bottom: 5px | ||
| + | } | ||
| + | #zan-gotop .gotop:hover { | ||
| + | opacity: .8; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | #zan-gotop .gotop::before, #zan-gotop .gotop::after { | ||
| + | position: absolute; | ||
| + | content: ''; | ||
| + | pointer-events: none | ||
| + | } | ||
| + | #zan-gotop .gotop::before { | ||
| + | border-right: 13px solid #0b445b; | ||
| + | border-top: 25px solid transparent; | ||
| + | border-bottom: 25px solid transparent; | ||
| + | left: -13px | ||
| + | } | ||
| + | #zan-gotop .gotop::after { | ||
| + | border-left: 13px solid #0b445b; | ||
| + | border-top: 25px solid transparent; | ||
| + | border-bottom: 25px solid transparent; | ||
| + | right: -13px | ||
| + | } | ||
| + | #zan-gotop .gotop .fa { | ||
| + | font-size: 18px; | ||
| + | color: #fff | ||
| + | } | ||
| + | .zan-share { | ||
| + | margin: 20px auto | ||
| + | } | ||
| + | .bd_weixin_popup { | ||
| + | padding: 0 !important | ||
| + | } | ||
| + | .related-title { | ||
| + | font-size: 18px; | ||
| + | color: #16a085; | ||
| + | padding: 10px; | ||
| + | margin-bottom: 20px; | ||
| + | border-bottom: 2px solid #16a085; | ||
| + | line-height: 1.1 | ||
| + | } | ||
| + | #post-related .thumbnail .caption { | ||
| + | padding: 3px | ||
| + | } | ||
| + | #post-related .post-related-title { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | word-wrap: normal | ||
| + | } | ||
| + | #post-related .post-related-title a { | ||
| + | color: #0b445b | ||
| + | } | ||
| + | #post-related .post-related-title a:hover { | ||
| + | color: #16a085 | ||
| + | } | ||
| + | #post-related .post-related-content { | ||
| + | max-height: 130px; | ||
| + | overflow: hidden; | ||
| + | font-size: 12px; | ||
| + | line-height: 22px; | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | #post-related .read-more { | ||
| + | margin: 0 | ||
| + | } | ||
| + | #post-related .post-related-img { | ||
| + | display: block; | ||
| + | height: 130px; | ||
| + | overflow: hidden | ||
| + | } | ||
| + | |||
| + | @media (max-width:1199px) and (min-width:992px) { | ||
| + | #post-related .post-related-img { | ||
| + | height: 96px | ||
| + | } | ||
| + | } | ||
| + | #post-related .post-related-img img { | ||
| + | max-width: 100%; | ||
| + | display: block; | ||
| + | height: auto | ||
| + | } | ||
| + | #commentform .input-group input { | ||
| + | margin-right: 20px | ||
| + | } | ||
| + | #commentform .input-group label.error { | ||
| + | display: block; | ||
| + | border-left: 2px solid #16a085 | ||
| + | } | ||
| + | #commentform label.error { | ||
| + | margin-right: 20px; | ||
| + | font-size: 12px; | ||
| + | color: #fff; | ||
| + | background-color: #f04f4f; | ||
| + | padding: 10px; | ||
| + | margin-bottom: 0; | ||
| + | box-shadow: 0 0 1px rgba(0,0,0,0); | ||
| + | -webkit-transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | -webkit-animation: wobble-horizontal 1s ease-in-out; | ||
| + | animation: wobble-horizontal 1s ease-in-out | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .copyright.well { | ||
| + | font-size: 12px | ||
| + | } | ||
| + | } | ||
| + | .theme-release { | ||
| + | background-color: #0b445b | ||
| + | } | ||
| + | .theme-release #zan-bodyer { | ||
| + | background-color: #f04f4f | ||
| + | } | ||
| + | .theme-cover { | ||
| + | color: #fff; | ||
| + | padding: 30px 0 80px 0 | ||
| + | } | ||
| + | .theme-cover .row { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0 | ||
| + | } | ||
| + | |||
| + | @media (min-width:1200px) { | ||
| + | .theme-cover .release-right { | ||
| + | padding-top: 150px | ||
| + | } | ||
| + | } | ||
| + | .theme-cover .release-right .feature-icons i { | ||
| + | font-size: 30px; | ||
| + | margin-right: 20px | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .theme-cover .release-right img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | display: block | ||
| + | } | ||
| + | } | ||
| + | #zan-apple { | ||
| + | position: relative; | ||
| + | height: 600px | ||
| + | } | ||
| + | #zan-apple #zan-mac { | ||
| + | position: absolute; | ||
| + | left: 30%; | ||
| + | top: 0; | ||
| + | filter: alpha(opacity=0); | ||
| + | -khtml-opacity: 0; | ||
| + | -moz-opacity: 0; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: all .8s ease-in-out; | ||
| + | -moz-transition: all .8s ease-in-out; | ||
| + | -o-transition: all .8s ease-in-out; | ||
| + | transition: all .8s ease-in-out | ||
| + | } | ||
| + | #zan-apple #zan-mac.animation { | ||
| + | position: absolute; | ||
| + | left: 30%; | ||
| + | top: 10%; | ||
| + | filter: alpha(opacity=100); | ||
| + | -khtml-opacity: 1; | ||
| + | -moz-opacity: 1; | ||
| + | opacity: 1; | ||
| + | -webkit-transition: all .8s ease-in-out; | ||
| + | -moz-transition: all .8s ease-in-out; | ||
| + | -o-transition: all .8s ease-in-out; | ||
| + | transition: all .8s ease-in-out | ||
| + | } | ||
| + | #zan-apple #zan-pad { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 30%; | ||
| + | filter: alpha(opacity=0); | ||
| + | -khtml-opacity: 0; | ||
| + | -moz-opacity: 0; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: all 1.2s ease-in-out .5s; | ||
| + | -moz-transition: all 1.2s ease-in-out .5s; | ||
| + | -o-transition: all 1.2s ease-in-out .5s; | ||
| + | transition: all 1.2s ease-in-out .5s | ||
| + | } | ||
| + | #zan-apple #zan-pad.animation { | ||
| + | position: absolute; | ||
| + | left: 15%; | ||
| + | top: 30%; | ||
| + | filter: alpha(opacity=100); | ||
| + | -khtml-opacity: 1; | ||
| + | -moz-opacity: 1; | ||
| + | opacity: 1; | ||
| + | -webkit-transition: all 1.2s ease-in-out .5s; | ||
| + | -moz-transition: all 1.2s ease-in-out .5s; | ||
| + | -o-transition: all 1.2s ease-in-out .5s; | ||
| + | transition: all 1.2s ease-in-out .5s | ||
| + | } | ||
| + | #zan-apple #zan-mini { | ||
| + | position: absolute; | ||
| + | left: 10%; | ||
| + | top: 48%; | ||
| + | filter: alpha(opacity=0); | ||
| + | -khtml-opacity: 0; | ||
| + | -moz-opacity: 0; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: all 1.2s ease-in-out .3s; | ||
| + | -moz-transition: all 1.2s ease-in-out .3s; | ||
| + | -o-transition: all 1.2s ease-in-out .3s; | ||
| + | transition: all 1.2s ease-in-out .3s | ||
| + | } | ||
| + | #zan-apple #zan-mini.animation { | ||
| + | position: absolute; | ||
| + | left: 40%; | ||
| + | top: 48%; | ||
| + | filter: alpha(opacity=100); | ||
| + | -khtml-opacity: 1; | ||
| + | -moz-opacity: 1; | ||
| + | opacity: 1; | ||
| + | -webkit-transition: all 1.2s ease-in-out .3s; | ||
| + | -moz-transition: all 1.2s ease-in-out .3s; | ||
| + | -o-transition: all 1.2s ease-in-out .3s; | ||
| + | transition: all 1.2s ease-in-out .3s | ||
| + | } | ||
| + | #zan-apple #zan-5c { | ||
| + | position: absolute; | ||
| + | left: 100%; | ||
| + | top: 62%; | ||
| + | filter: alpha(opacity=0); | ||
| + | -khtml-opacity: 0; | ||
| + | -moz-opacity: 0; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: all .8s ease-in-out 1s; | ||
| + | -moz-transition: all .8s ease-in-out 1s; | ||
| + | -o-transition: all .8s ease-in-out 1s; | ||
| + | transition: all .8s ease-in-out 1s | ||
| + | } | ||
| + | #zan-apple #zan-5c.animation { | ||
| + | position: absolute; | ||
| + | left: 88%; | ||
| + | top: 62%; | ||
| + | filter: alpha(opacity=100); | ||
| + | -khtml-opacity: 1; | ||
| + | -moz-opacity: 1; | ||
| + | opacity: 1; | ||
| + | -webkit-transition: all .8s ease-in-out 1s; | ||
| + | -moz-transition: all .8s ease-in-out 1s; | ||
| + | -o-transition: all .8s ease-in-out 1s; | ||
| + | transition: all .8s ease-in-out 1s | ||
| + | } | ||
| + | #zan-apple #zan-5s { | ||
| + | position: absolute; | ||
| + | left: 110%; | ||
| + | top: 64%; | ||
| + | filter: alpha(opacity=0); | ||
| + | -khtml-opacity: 0; | ||
| + | -moz-opacity: 0; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: all .8s ease-in-out 1s; | ||
| + | -moz-transition: all .8s ease-in-out 1s; | ||
| + | -o-transition: all .8s ease-in-out 1s; | ||
| + | transition: all .8s ease-in-out 1s | ||
| + | } | ||
| + | #zan-apple #zan-5s.animation { | ||
| + | position: absolute; | ||
| + | left: 100%; | ||
| + | top: 64%; | ||
| + | filter: alpha(opacity=100); | ||
| + | -khtml-opacity: 1; | ||
| + | -moz-opacity: 1; | ||
| + | opacity: 1; | ||
| + | -webkit-transition: all .8s ease-in-out 1s; | ||
| + | -moz-transition: all .8s ease-in-out 1s; | ||
| + | -o-transition: all .8s ease-in-out 1s; | ||
| + | transition: all .8s ease-in-out 1s | ||
| + | } | ||
| + | .theme-feature { | ||
| + | height: auto; | ||
| + | color: #fff; | ||
| + | background-color: #0b445b | ||
| + | } | ||
| + | .theme-feature .row .feature-cell { | ||
| + | border: 2px solid #fff; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | |||
| + | @media (min-width:1200px) { | ||
| + | .theme-feature .row .feature-cell { | ||
| + | margin: 40px 20px; | ||
| + | padding: 30px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width:1199px) { | ||
| + | .theme-feature .row .feature-cell { | ||
| + | margin: 20px 0; | ||
| + | padding: 10px | ||
| + | } | ||
| + | } | ||
| + | .theme-feature .row .feature-cell:hover { | ||
| + | color: #0b445b; | ||
| + | background-color: #fff; | ||
| + | -webkit-transform: scale(1.05, 1.05); | ||
| + | -moz-transform: scale(1.05, 1.05); | ||
| + | -ms-transform: scale(1.05, 1.05); | ||
| + | -o-transform: scale(1.05, 1.05); | ||
| + | transform: scale(1.05, 1.05); | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .theme-feature .row .feature-cell:hover:hover { | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | -webkit-transform: scale(1.1); | ||
| + | -moz-transform: scale(1.1); | ||
| + | -o-transform: scale(1.1); | ||
| + | transform: scale(1.1) | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .theme-feature .row .feature-cell h4 { | ||
| + | font-size: 14px | ||
| + | } | ||
| + | } | ||
| + | .theme-feature i { | ||
| + | font-size: 100px | ||
| + | } | ||
| + | |||
| + | @media (max-width:1199px) { | ||
| + | .theme-feature i { | ||
| + | font-size: 80px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | .theme-feature i { | ||
| + | font-size: 50px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (min-width:768px) { | ||
| + | .theme-feature i { | ||
| + | margin-bottom: 10px | ||
| + | } | ||
| + | } | ||
| + | body.error-body { | ||
| + | background-color: #16a085 | ||
| + | } | ||
| + | #error-page { | ||
| + | margin: auto; | ||
| + | position: absolute; | ||
| + | top: 10%; | ||
| + | width: 100%; | ||
| + | display: table; | ||
| + | height: auto; | ||
| + | color: #f1f1f1; | ||
| + | text-transform: uppercase; | ||
| + | text-align: center; | ||
| + | font-size: 300px; | ||
| + | font-weight: normal | ||
| + | } | ||
| + | |||
| + | @media (max-width:767px) { | ||
| + | #error-page { | ||
| + | font-size: 180px | ||
| + | } | ||
| + | } | ||
| + | #home-link { | ||
| + | margin: auto; | ||
| + | position: absolute; | ||
| + | top: 70%; | ||
| + | width: 100%; | ||
| + | text-align: center | ||
| + | } | ||
| + | .readers-list { | ||
| + | background-color: #fff; | ||
| + | padding: 20px; | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .readers-list .post-big-info span { | ||
| + | margin: 10px 10px 10px 0 | ||
| + | } | ||
| + | .readers-list .zan-thumb { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .readers-list .zan-single-content { | ||
| + | width: 100% | ||
| + | } | ||
| + | .readers-list .zan-single-content img { | ||
| + | margin: 20px auto; | ||
| + | border: 2px solid #fff | ||
| + | } | ||
| + | .readers-list img { | ||
| + | max-width: 100%; | ||
| + | height: auto | ||
| + | } | ||
| + | .readers-list li { | ||
| + | margin-bottom: 20px; | ||
| + | text-align: center | ||
| + | } | ||
| + | .readers-list .avatar { | ||
| + | position: relative; | ||
| + | display: block; | ||
| + | margin: 0 auto | ||
| + | } | ||
| + | .readers-list .avatar img { | ||
| + | display: block; | ||
| + | width: 48px; | ||
| + | height: 48px; | ||
| + | padding: 2px; | ||
| + | margin-bottom: 5px; | ||
| + | border-radius: 50%; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | .readers-list .avatar:hover span { | ||
| + | top: 0; | ||
| + | filter: alpha(opacity=100); | ||
| + | -khtml-opacity: 1; | ||
| + | -moz-opacity: 1; | ||
| + | opacity: 1; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease | ||
| + | } | ||
| + | .readers-list .avatar span { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | width: 48px; | ||
| + | height: 48px; | ||
| + | line-height: 48px; | ||
| + | left: 50%; | ||
| + | top: 50%; | ||
| + | margin-left: -24px; | ||
| + | background-color: #fff; | ||
| + | filter: alpha(opacity=0); | ||
| + | -khtml-opacity: 0; | ||
| + | -moz-opacity: 0; | ||
| + | opacity: 0; | ||
| + | border-radius: 50%; | ||
| + | -webkit-transition: all .3s ease; | ||
| + | -moz-transition: all .3s ease; | ||
| + | -o-transition: all .3s ease; | ||
| + | transition: all .3s ease; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | .readers-list .name { | ||
| + | text-align: center; | ||
| + | font-size: 12px; | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .format-status { | ||
| + | position: relative; | ||
| + | padding-top: 30px; | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| + | .format-status .data { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 20px; | ||
| + | padding: 0 5px; | ||
| + | background-color: #16a085; | ||
| + | color: #fff | ||
| + | } | ||
| + | .format-status p { | ||
| + | margin: 0 | ||
| + | } | ||
| + | .format-audio { | ||
| + | margin-bottom: 20px | ||
| + | } | ||
| + | .format-audio p { | ||
| + | margin: 0 | ||
| + | } | ||
| + | .format-video { | ||
| + | margin-bottom: 20px; | ||
| + | border: 5px solid #fff | ||
| + | } | ||
| + | .format-video p { | ||
| + | margin: 0 | ||
| + | } | ||
| + | .sitemap-module { | ||
| + | margin-bottom: 50px | ||
| + | } | ||
| + | .sitemap-module.tags .content a { | ||
| + | color: #16a085; | ||
| + | background-color: transparent; | ||
| + | border: 2px solid #16a085; | ||
| + | display: inline-block; | ||
| + | *display:inline; | ||
| + | *zoom:1; | ||
| + | padding: 6px 12px | ||
| + | } | ||
| + | .sitemap-module.tags .content a:hover { | ||
| + | color: #fff; | ||
| + | background-color: #16a085; | ||
| + | border: 2px solid #16a085 | ||
| + | } | ||
| + | .sitemap-module .title { | ||
| + | font-size: 18px; | ||
| + | color: #16a085; | ||
| + | padding: 10px; | ||
| + | margin-bottom: 20px; | ||
| + | border-bottom: 2px solid #16a085; | ||
| + | line-height: 1.1 | ||
| + | } | ||
| + | .sitemap-module .content a { | ||
| + | margin: 0 10px 10px 0 | ||
| + | }/* CSS Document */ | ||
Revision as of 04:35, 14 September 2014
@charset "utf-8"; .zan-transition { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .zan-transform { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) } @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform:translateX(8px); transform:translateX(8px) } 33.3% { -webkit-transform:translateX(-6px); transform:translateX(-6px) } 49.95% { -webkit-transform:translateX(4px); transform:translateX(4px) } 66.6% { -webkit-transform:translateX(-2px); transform:translateX(-2px) } 83.25% { -webkit-transform:translateX(1px); transform:translateX(1px) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes wobble-horizontal { 16.65% { -webkit-transform:translateX(8px); transform:translateX(8px) } 33.3% { -webkit-transform:translateX(-6px); transform:translateX(-6px) } 49.95% { -webkit-transform:translateX(4px); transform:translateX(4px) } 66.6% { -webkit-transform:translateX(-2px); transform:translateX(-2px) } 83.25% { -webkit-transform:translateX(1px); transform:translateX(1px) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .zan-navbar { background-color: #0b445b !important; border-bottom: 3px solid #16a085 } .zan-shadow { -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 4px rgba(0,0,0,0.2) } .zan-border-radius { border-radius: 0 !important } .zan-transform { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .zan-transform:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .zan-thumb { overflow: hidden; margin-bottom: 0; padding: 0; border: 0; border-radius: 0 !important } .zan-thumb img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .zan-thumb img:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .footer-space { background-color: #fff; padding: 10px 0 5px 0 } .footer-space-line { background-color: #0b445b; height: 5px } .category-cloud a { background-color: #16a085; padding: 5px; font-size: 12px; display: inline-block;
- display:inline;
- zoom:1;
border-radius: 0; line-height: 1; text-align: center; color: #fff; margin-right: 5px; text-transform: uppercase } .category-cloud a:hover { color: #fff } .white-space-nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } body { font-family: "Microsoft YaHei"; background-color: #f5f5f5; word-wrap: break-word } body.theme-release nav.navbar-inverse { margin-bottom: 0 } a.btn, .btn, .panel, input, .alert, div.well { border-radius: 0 !important } .well { border: 2px solid #fff; box-shadow: none } audio { width: 100% } .format-video iframe, .zan-article iframe, .zan-article embed { width: 100%; height: 500px }
@media (max-width:1199px) { .format-video iframe, .zan-article iframe, .zan-article embed { height: 350px } }
@media (max-width:767px) { .format-video iframe, .zan-article iframe, .zan-article embed { height: 200px } } .ad { margin-bottom: 20px } .ad * { max-width: 100% } code { white-space: normal; border-radius: 0; color: #f04f4f; margin: 0 5px; background-color: #fff } code a:hover { color: #16a085 !important } ul { list-style-type: none; margin: 0; padding: 0 } a { color: #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } a:hover { color: #16a085; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .form-control { height: auto; border: 2px solid #c1c1c1; background-color: transparent; box-shadow: none } .form-control:focus { border-color: #16a085; background-color: transparent; outline: 0; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .article-stick { position: absolute; top: -10px; right: 5%; font-size: 40px; color: #16a085 }
- loading-comments {
font-size: 30px; display: none; color: #16a085; text-align: center }
- mainstay {
position: relative }
- mainstay.load #article-list, #mainstay.load #zan-page, #mainstay.load .ad, #mainstay.load aside {
cursor: not-allowed; filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3 }
- loading-article {
position: absolute; z-index: 1001; top: 100px; left: 50%; margin-left: -50px; font-size: 100px; color: #16a085 }
- loading {
color: #16a085 }
- sidebar .list-group {
margin-bottom: 0 } .alert-primary { background-color: #16a085; border: 2px solid #007e63; color: #fff } .alert-primary a { color: #00290e; text-decoration: underline; padding: 0 5px } .alert-primary a:hover { color: #fff } .alert-info { background-color: #5dade2; border: 2px solid #3b8bc0; color: #fff } .alert-info a { color: #00366b; text-decoration: underline; padding: 0 5px } .alert-info a:hover { color: #fff } .alert-success { background-color: #2ecc71; border: 2px solid #0caa4f; color: #fff } .alert-success a { color: #050; text-decoration: underline; padding: 0 5px } .alert-success a:hover { color: #fff } .alert-warning { background-color: #f4d03f; border: 2px solid #d2ae1d; color: #fff } .alert-warning a { color: #7d5900; text-decoration: underline; padding: 0 5px } .alert-warning a:hover { color: #fff } .alert-danger { background-color: #f04f4f; border: 2px solid #ce2d2d; color: #fff } .alert-danger a { color: #790000; text-decoration: underline; padding: 0 5px } .alert-danger a:hover { color: #fff } .btn-primary { color: #16a085; background-color: transparent; border: 2px solid #16a085 } .btn-primary:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085 } .btn-inverse { color: #0b445b; background-color: transparent; border: 2px solid #0b445b } .btn-inverse:hover { color: #fff; background-color: #0b445b; border: 2px solid #0b445b } .btn-info { color: #5dade2; background-color: transparent; border: 2px solid #5dade2 } .btn-info:hover { color: #fff; background-color: #5dade2; border: 2px solid #5dade2 } .btn-success { color: #2ecc71; background-color: transparent; border: 2px solid #2ecc71 } .btn-success:hover { color: #fff; background-color: #2ecc71; border: 2px solid #2ecc71 } .btn-warning { color: #f4d03f; background-color: transparent; border: 2px solid #f4d03f } .btn-warning:hover { color: #fff; background-color: #f4d03f; border: 2px solid #f4d03f } .btn-danger { color: #f04f4f; background-color: transparent; border: 2px solid #f04f4f } .btn-danger:hover { color: #fff; background-color: #f04f4f; border: 2px solid #f04f4f } .panel-primary>.panel-heading { color: #fff; background-color: #16a085 } .panel-inverse>.panel-heading { color: #fff; background-color: #0b445b } .panel-info>.panel-heading { color: #fff; background-color: #5dade2 } .panel-success>.panel-heading { color: #fff; background-color: #2ecc71 } .panel-warning>.panel-heading { color: #fff; background-color: #f4d03f } .panel-danger>.panel-heading { color: #fff; background-color: #f04f4f } .navbar-nav>li { margin-right: 50px }
@media (max-width:1199px) { .navbar-nav>li { margin-right: 15px } }
@media (max-width:991px) { .navbar-nav>li { margin-right: 0 } } pre { border-radius: 0; border: 2px solid #16a085 } .panel-group .panel-heading+.panel-collapse .panel-body { border-top: 0 } .btn-zan-line-wp { color: #fff; background-color: transparent; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-wp:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-wi { color: #fff; background-color: transparent; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-wi:hover { color: #fff; background-color: #0b445b; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-ww { color: #fff; background-color: transparent; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-ww:hover { color: #0b445b; background-color: #fff; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-ii { color: #0b445b; background-color: transparent; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-ii .badge { color: #0b445b; background-color: transparent; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-ii:hover { color: #fff; background-color: #0b445b; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-ii:hover .badge { color: #fff; background-color: #0b445b; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-pp { color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-pp .badge { color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-pp:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-line-pp:hover .badge { color: #fff; background-color: #16a085; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-iw { color: #fff; background-color: #0b445b; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-iw:hover { color: #0b445b; background-color: #fff; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-wi { color: #0b445b; background-color: #fff; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-wi:hover { color: #fff; background-color: #0b445b; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-ip { color: #fff; background-color: #0b445b; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-ip:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-pi { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-pi:hover { color: #fff; background-color: #0b445b; border: 2px solid #0b445b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-pw { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-zan-solid-pw:hover { color: #16a085; background-color: #fff; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .label-zan { border-radius: 0 !important; padding: 5px; font-size: 12px; text-transform: uppercase; display: inline-block;
- display:inline;
- zoom:1;
background-color: #16a085 } .label-zan a { color: #fff } .label-avatar { width: 60px; padding: 3px 8px; font-size: 12px; border-radius: 0 !important; text-transform: uppercase; display: inline-block;
- display:inline;
- zoom:1;
background-color: #0b445b } .label-avatar a { color: #fff } .panel { border: 0 } .panel .panel-heading { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom: 0 } .panel.panel-zan .panel-heading { color: #fff; background-color: #16a085; border-color: none; border-radius: 0 !important } .panel.panel-zan .panel-body { padding: 0 15px } .panel.panel-zan .panel-body.custom { padding: 15px; background-color: #0b445b; color: #fff } .panel.panel-zan .panel-body.custom * { max-width: 100% } .list-group .zan-list { padding: 15px 0; list-style: none; border-bottom: 1px solid #eee } .list-group .zan-list .sidebar-avatar, .list-group .zan-list .thumbnail.zan-thumb { width: 75px; height: 75px; overflow: hidden; float: left } .list-group .zan-list h5, .list-group .zan-list h6 { padding: 5px 0 0 15px; margin: 0; display: block; overflow: hidden; line-height: 20px } .list-group .zan-list:last-child { border-bottom: none } .pagination-zan { margin: 0 0 20px 0; border-radius: 0 !important } .pagination-zan li>a, .pagination-zan li>span { color: #16a085; border: 2px solid #16a085; background-color: transparent; margin-left: 10px; border-radius: 0 !important } .pagination-zan li>a:hover, .pagination-zan li>span:hover { color: #fff; border: 2px solid #16a085; background-color: #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pagination-zan .active a, .pagination-zan .active span { color: #fff; border: 2px solid #16a085; background-color: #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pagination-zan .active a:hover, .pagination-zan .active span:hover { color: #fff; border: 2px solid #16a085; background-color: #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: not-allowed } .zan-article { background-color: #fff; padding: 20px; margin-bottom: 20px } .zan-article .post-big-info span { margin: 10px 10px 10px 0 } .zan-article .zan-thumb { margin-bottom: 20px } .zan-article .zan-single-content { width: 100% } .zan-article .zan-single-content img { margin: 20px auto; border: 2px solid #fff } .zan-article img { max-width: 100%; height: auto } .breadcrumb { border-radius: 0 !important } .breadcrumb .fa { font-size: 18px }
- zan-breadcrumb {
background-color: #fff } .pager li>a { border-radius: 0; color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pager li>a .badge { color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pager li>a:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pager li>a:hover .badge { color: #fff; background-color: #16a085; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .thumbnail { border-radius: 0; border: 0 } blockquote { font-size: 16px; color: #007e63 !important; border-left: 5px solid #16a085 !important }
@media (max-width:767px) { blockquote { padding: 5px 10px } } .navbar-toggle { border-radius: 0 } .navbar-inverse .navbar-toggle { border-color: #fff } .navbar-inverse .navbar-toggle:hover { border-color: #0b445b; color: #0b445b; background-color: #fff } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 15px; padding-right: 15px }
- searchform {
padding: 20px; margin-bottom: 20px; background-color: #fff }
- searchform input {
width: 65% !important; float: left }
- searchform button {
width: 33%; float: right } .flexslider { border-radius: 0 !important; margin-bottom: 20px; box-shadow: none } .flex-control-nav { display: none } .flex-control-paging li a { display: none; background: #0b445b } .flex-control-paging li a.flex-active { background: #16a085; cursor: default } .slide-text { position: absolute; bottom: 0; width: 100%; padding: 20px; color: #fff; font-size: 22px; background: #16a085 } .zan-author { position: relative; width: 100%; height: 260px; margin-bottom: 20px } .zan-author .author-top { position: absolute; background-color: #0b445b; width: 100%; height: 80px } .zan-author .author-bottom { position: absolute; top: 80px; width: 100%; height: 180px; background-color: #16a085; border-top: 4px solid #fff } .zan-author img { margin-top: -60px; background-color: #fff; border: 3px solid #fff; border-radius: 50%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .zan-author img:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .zan-author span { display: block } .zan-author .author-name { margin-top: 10px; margin-bottom: 10px; font-size: 24px; color: #fff } .zan-author .author-social .btn { border-left: none; border-right: none; padding: 20px } .zan-category a { width: 100%; display: inline-block;
- display:inline;
- zoom:1;
padding: 15px 30px; border-bottom: 1px solid #eee } .zan-category a:hover { color: #fff; background-color: #0b445b } aside[id*="simplesubscribe-"] .widgetGuts { background-color: #fff; padding: 20px; margin-bottom: 20px } aside[id*="simplesubscribe-"] .widgetGuts dt { display: none } aside[id*="simplesubscribe-"] .widgetGuts dd #frm-email { float: left; width: 65%; padding: 6px 12px; height: auto; background-color: transparent; box-shadow: none; border: 2px solid #c1c1c1 } aside[id*="simplesubscribe-"] .widgetGuts dd #frm-email:focus { border-color: #16a085; background-color: transparent; outline: 0; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } aside[id*="simplesubscribe-"] .widgetGuts dd #frm-email:focus { border: 2px solid #16a085 } aside[id*="simplesubscribe-"] .widgetGuts dd .btn { width: 33%; float: right } aside[id*="simplesubscribe-"] .widgetGuts input.text { color: #0b445b } aside[id*="simplesubscribe-"] .widgetGuts input.text:focus { color: #0b445b } aside[id*="simplesubscribe-"] .widgetGuts .error { width: 100%; margin-top: 0; margin-bottom: 15px; padding: 10px; font-weight: normal; font-size: 12px; color: #fff; background-color: #f04f4f; border-radius: 0 } aside[id*="simplesubscribe-"] .widgetGuts .success { width: 100%; padding: 10px; font-weight: normal; font-size: 12px; color: #fff; background-color: #2ecc71; border-radius: 0 } aside[id*="zan_audio"] { margin-bottom: 20px } .audiojs { width: 100%; padding: 10px 5px; height: 60px; box-shadow: none; background-color: #0b445b; background-image: none } .audiojs .play-pause { width: 10%; border: none } .audiojs .scrubber { margin: 10px 0 10px 8px; width: 50%; border: none; background-color: #fff }
@media (min-width:1200px) { .audiojs .scrubber { width: 58% } } .audiojs .scrubber .progress { border-radius: 0; background-color: #f04f4f; background-image: none } .audiojs .scrubber .loaded { background-color: #16a085; background-image: none } .audiojs .time { float: right; padding: 0 5px; text-shadow: none; border: none; color: #fff }
- sidebar video {
border: 5px solid #fff }
- smilelink {
cursor: pointer; margin-bottom: 10px }
- smilelink img:hover {
filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5 } aside[id*="zan_login"] { margin-bottom: 20px } .login-form { background-color: #fff; padding: 30px 20px } .login-form .input-group-addon { background-color: #16a085; color: #fff; border: 2px solid #16a085; border-radius: 0 !important } .login-form .input-group-addon i { width: 15px } .login-form .form-control { display: inline-block;
- display:inline;
- zoom:1;
padding: 10px 5px; border-left: none } .login-form .btn { width: 48%; padding: 10px } .login-form img { border: 3px solid #16a085; border-radius: 50%; padding: 3px } .login-panel { height: 100px; padding: 20px 0; background-color: #0b445b }
@media (min-width:992px) and (max-width:1199px) { .login-panel { padding: 20px 0 } } .login-panel img { margin-right: 20px; border-radius: 50%; border: 2px solid #fff; background-color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .login-panel img:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .login-panel a { color: #fff } .login-panel a:hover { color: #16a085 } .login-panel .user-name { margin-right: 20px }
- sidebar .ad {
margin-bottom: 20px } .header { padding: 10px 0 20px; background-color: #16a085 } .header .logo { display: block; height: 160px; width: 160px; margin: 0 auto; border: 5px solid #fff; border-radius: 50%; background: url("../images/logo.jpg") no-repeat center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .header .logo.animation { box-shadow: #12856e 1px 1px, #12856e 2px 2px, #12856e 3px 3px, #12856e 4px 4px, #12856e 5px 5px, #12856e 6px 6px, #12856e 7px 7px, #12856e 8px 8px, #12856e 9px 9px, #12856e 10px 10px, #12856e 11px 11px, #12856e 12px 12px, #12856e 13px 13px, #12856e 14px 14px, #12856e 15px 15px, #12866f 16px 16px, #128770 17px 17px, #128871 18px 18px, #128971 19px 19px, #128a72 20px 20px, #128b73 21px 21px, #138c74 22px 22px, #138d74 23px 23px, #138e75 24px 24px, #138e76 25px 25px, #138f77 26px 26px, #139077 27px 27px, #139178 28px 28px, #149279 29px 29px, #14937a 30px 30px, #14947b 31px 31px, #14957b 32px 32px, #14967c 33px 33px, #14977d 34px 34px, #14977e 35px 35px, #14987e 36px 36px, #15997f 37px 37px, #159a80 38px 38px, #159b81 39px 39px, #159c81 40px 40px, #159d82 41px 41px, #159e83 42px 42px, #159f84 43px 43px, #16a085 44px 44px; background-color: #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } nav.navbar-inverse { min-height: none; color: #fff; background-color: #0b445b; border: none; border-radius: 0 !important } nav.navbar-inverse .navbar-nav li.current-menu-item>a, nav.navbar-inverse .navbar-nav li.current-menu-parent>a { border-color: #16a085 } nav.navbar-inverse .navbar-nav a { padding-bottom: 12px; color: #fff !important; border-bottom: 3px solid transparent } nav.navbar-inverse .navbar-nav a:hover { background-color: #0b445b !important; border-bottom: 3px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } nav.navbar-inverse .open a { color: #fff; background-color: #0b445b !important; border-bottom: 3px solid #16a085 } nav.navbar-inverse .open a:hover { background-color: #0b445b !important; border-bottom: 3px solid #16a085 } nav.navbar-inverse ul.dropdown-menu { padding: 0; border: 0 } nav.navbar-inverse ul.dropdown-menu a { padding: 10px 20px; background-color: #fff !important; color: #333 !important; border: none } nav.navbar-inverse ul.dropdown-menu a:hover { background-color: #16a085 !important; color: #fff !important; border: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } nav.navbar-inverse .user { margin-top: 6px }
- zan-bodyer.margin-top {
margin-top: 70px } .zan-post { position: relative; background-color: #fff; padding: 0 20px 20px 20px; margin-bottom: 20px } .zan-outline { font-size: 14px; color: #c1c1c1; line-height: 28px }
@media (min-width:1200px) { .zan-outline { margin-top: 14px } } .post-info { color: #c1c1c1 } .post-info a { color: #c1c1c1 } .post-info a:hover { color: #16a085 } .post-info i { color: #16a085 } .post-info span { margin-right: 10px } .widget-sets .nav-pills { text-align: center; padding: 10px; border-bottom: 2px solid #16a085 } .widget-sets .nav-pills>li { float: none; display: inline-block }
@media (min-width:1200px) { .widget-sets .nav-pills>li { width: 30% } } .widget-sets .nav-pills>li>a { border-radius: 0 } .widget-sets .nav-pills>li.active a { background-color: #16a085; border-radius: 0 } .widget-sets .nav-pills>li.active a:hover, .widget-sets .nav-pills>li.active a:focus { background-color: #16a085; border-radius: 0 } .widget-sets .tab-content { padding: 10px } .widget-sets .list-group-item { border: 0 } .widget-sets .list-group-item a { float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .widget-sets .list-group-item .badge { background-color: #16a085 } .sidebar-info { font-size: 12px; margin: 20px 0 0 0; padding: 5px 0 0 15px; overflow: hidden; color: #c1c1c1 } .sidebar-info a { color: #c1c1c1 } .sidebar-info a:hover { color: #16a085 } .sidebar-info i { color: #16a085 } .sidebar-info span { margin-right: 10px } .sidebar-avatar { float: left; text-align: center } .sidebar-avatar img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-bottom: 5px; border-radius: 50% } .sidebar-avatar img:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .sidebar-comment { font-size: 12px; color: #c1c1c1; padding: 10px 0 0 15px; margin: 0; display: block; overflow: hidden } .sidebar-comment a { color: #c1c1c1 !important } .sidebar-comment a:hover { color: #16a085 !important } .comments-header { font-size: 18px; color: #16a085; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #16a085 } .commentlist { padding: 0 } .commentlist #loading, .commentlist #error { margin-bottom: 10px; color: #16a085 } .commentlist .comment-awaiting-moderation { color: #5dade2; margin: 10px 0 } .commentlist ol { padding-left: 20px }
@media (max-width:767px) { .commentlist ol { padding-left: 5px } } .commentlist li { margin: 10px 0 10px 0; list-style: none; border: 2px solid #f1f5f8; padding: 2px; background-color: #fff } .commentlist .comment-body { position: relative } .commentlist .comment-body .comment-meta { background: #f1f5f8; position: relative; height: auto; min-height: 37px; line-height: 37px; padding-left: 45px }
@media (max-width:767px) { .commentlist .comment-body .comment-meta { padding-left: 30px } } .commentlist .comment-body .comment-meta .comment-author { float: left } .commentlist .comment-body .comment-meta img { background-color: #fff; border: 4px solid #fff; border-radius: 50%; position: absolute; display: block; left: -40px; top: 10px; margin: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
@media (max-width:767px) { .commentlist .comment-body .comment-meta img { left: -25px; width: 50px; height: 50px } } .commentlist .comment-body .comment-meta img:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .commentlist .comment-body .comment-metadata { text-transform: uppercase; float: right; margin-right: 10px; font-size: 12px; text-decoration: none; font-weight: bold }
@media (max-width:767px) { .commentlist .comment-body .comment-metadata { display: none } } .commentlist .comment-body .comment-content { padding: 20px 55px 30px 45px; position: relative }
@media (max-width:767px) { .commentlist .comment-body .comment-content { padding: 10px 10px 20px 30px } } .commentlist .comment-body .comment-reply-link, .commentlist .comment-body .comment-reply-login { position: absolute; bottom: 3px; right: 12px; font-size: 12px; text-transform: uppercase; display: block } .logged-in-as, .must-log-in { background-color: #fff; padding: 10px 20px }
- comment-nav {
margin: 30px 0 10px 0 }
- comment-nav .nav-previous a {
color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 10px }
- comment-nav .nav-previous a .badge {
color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- comment-nav .nav-previous a:hover {
color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- comment-nav .nav-previous a:hover .badge {
color: #fff; background-color: #16a085; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- comment-nav .nav-next a {
color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 10px }
- comment-nav .nav-next a .badge {
color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- comment-nav .nav-next a:hover {
color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- comment-nav .nav-next a:hover .badge {
color: #fff; background-color: #16a085; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .page-numbers { color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 0 0 10px 10px; padding: 5px 10px; display: inline-block;
- display:inline;
- zoom:1;
border-radius: 0 !important } .page-numbers .badge { color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .page-numbers:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .page-numbers:hover .badge { color: #fff; background-color: #16a085; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .page-numbers.current { color: #fff; background-color: #16a085; cursor: not-allowed } .page-numbers.dots { border: none } .page-numbers.dots:hover { color: #16a085; background-color: transparent }
- reply-title {
font-size: 18px; color: #16a085; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #16a085 }
- reply-title a:hover {
color: #fff }
- reply-title #cancel-comment-reply-link {
padding: 2px 5px; background-color: #f04f4f; color: #fff }
- commentform .form-allowed-tags {
margin-top: 10px }
@media (max-width:767px) {
- commentform .form-allowed-tags {
display: none } }
- commentform .input-group {
margin-bottom: 20px }
- commentform .input-group .input-group-addon {
background-color: #16a085; color: #fff; border: 2px solid #16a085; border-radius: 0 !important }
- commentform .input-group .input-group-addon i {
width: 15px }
- commentform input {
padding: 10px 15px; background-color: transparent; border: 2px solid #16a085 }
@media (max-width:1199px) and (min-width:992px) {
- commentform input {
padding: 10px 5px; width: 142px } }
@media (max-width:991px) {
- commentform input {
padding: 10px } }
- commentform textarea {
margin: 0; padding: 10px 15px; width: 100%; background-color: transparent; border: 2px solid #c1c1c1 }
- commentform textarea:focus {
border: 2px solid #16a085 }
- commentform input:focus, #commentform textarea:focus {
outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
- commentform #submit {
margin-top: 10px; margin-bottom: 10px; width: 100%; color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- commentform #submit .badge {
color: #16a085; background-color: transparent; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- commentform #submit:hover {
color: #fff; background-color: #16a085; border: 2px solid #16a085; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- commentform #submit:hover .badge {
color: #fff; background-color: #16a085; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } a[title*="幻灯片"] { display: none !important } .post-th { background-color: #fff; margin-bottom: 20px; padding: 10px } .post-th .zan-thumb { margin-bottom: 10px } .post-th .title { margin-bottom: 20px; font-size: 16px } .post-th .fa { color: #16a085 } .post-th .info { color: #c1c1c1 } .post-th .info a { color: #c1c1c1 } .post-th .info a:hover { color: #16a085 }
- zan-footer {
margin-top: 40px }
- zan-footer a {
color: #fff }
- zan-footer a:hover {
color: #16a085 } .zan-link, .zan-copyright { color: #fff; margin: 0 auto; background-color: #0b445b; padding: 30px 0 30px 0; position: relative } .zan-link { padding: 10px 0 10px 0 } .zan-link a { color: #c1c1c1 } .zan-link .footer-column { padding: 20px } .zan-link .footer-column .header { font-size: 18px; color: #fff } .zan-link .tag a { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #fff; color: #fff !important; padding: 3px 5px; font-size: 14px !important } .zan-link .tag a:hover { background: #fff; color: #0b445b !important } .zan-link .friend-link li { float: left; width: 50%; padding: 10px 0 } .zan-copyright { text-align: center } .zan-copyright a { color: #c1c1c1 }
@media (min-width:768px) { .zan-copyright:before { right: 0; background-image: -webkit-linear-gradient(top left, #fff 50%, #3e778e 50%); background-image: linear-gradient(315deg, #fff 50%, #3e778e 50%); bottom: 0; width: 100px; height: 100px; position: absolute; content: ; pointer-events: none } .zan-copyright:after { filter: alpha(opacity=80); -khtml-opacity: .8; -moz-opacity: .8; opacity: .8; right: 100px; background-image: -webkit-linear-gradient(top left, transparent 50%, #001128 50%); background-image: linear-gradient(315deg, #001128 50%, transparent 50%); bottom: 0; width: 100px; height: 100px; position: absolute; content: ; pointer-events: none } }
- zan-gotop {
cursor: pointer; position: fixed; display: block; right: 40px; text-align: center; border-bottom: none; z-index: 9999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- zan-gotop .gotop {
position: relative; width: 30px; width: 50px\9; height: 50px; line-height: 50px; background-color: #0b445b; margin-bottom: 5px }
- zan-gotop .gotop:hover {
opacity: .8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
- zan-gotop .gotop::before, #zan-gotop .gotop::after {
position: absolute; content: ; pointer-events: none }
- zan-gotop .gotop::before {
border-right: 13px solid #0b445b; border-top: 25px solid transparent; border-bottom: 25px solid transparent; left: -13px }
- zan-gotop .gotop::after {
border-left: 13px solid #0b445b; border-top: 25px solid transparent; border-bottom: 25px solid transparent; right: -13px }
- zan-gotop .gotop .fa {
font-size: 18px; color: #fff } .zan-share { margin: 20px auto } .bd_weixin_popup { padding: 0 !important } .related-title { font-size: 18px; color: #16a085; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #16a085; line-height: 1.1 }
- post-related .thumbnail .caption {
padding: 3px }
- post-related .post-related-title {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal }
- post-related .post-related-title a {
color: #0b445b }
- post-related .post-related-title a:hover {
color: #16a085 }
- post-related .post-related-content {
max-height: 130px; overflow: hidden; font-size: 12px; line-height: 22px; color: #c1c1c1 }
- post-related .read-more {
margin: 0 }
- post-related .post-related-img {
display: block; height: 130px; overflow: hidden }
@media (max-width:1199px) and (min-width:992px) {
- post-related .post-related-img {
height: 96px } }
- post-related .post-related-img img {
max-width: 100%; display: block; height: auto }
- commentform .input-group input {
margin-right: 20px }
- commentform .input-group label.error {
display: block; border-left: 2px solid #16a085 }
- commentform label.error {
margin-right: 20px; font-size: 12px; color: #fff; background-color: #f04f4f; padding: 10px; margin-bottom: 0; box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: wobble-horizontal 1s ease-in-out; animation: wobble-horizontal 1s ease-in-out }
@media (max-width:767px) { .copyright.well { font-size: 12px } } .theme-release { background-color: #0b445b } .theme-release #zan-bodyer { background-color: #f04f4f } .theme-cover { color: #fff; padding: 30px 0 80px 0 } .theme-cover .row { margin-left: 0; margin-right: 0 }
@media (min-width:1200px) { .theme-cover .release-right { padding-top: 150px } } .theme-cover .release-right .feature-icons i { font-size: 30px; margin-right: 20px }
@media (max-width:767px) { .theme-cover .release-right img { max-width: 100%; height: auto; display: block } }
- zan-apple {
position: relative; height: 600px }
- zan-apple #zan-mac {
position: absolute; left: 30%; top: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out }
- zan-apple #zan-mac.animation {
position: absolute; left: 30%; top: 10%; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out }
- zan-apple #zan-pad {
position: absolute; left: 0; top: 30%; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 1.2s ease-in-out .5s; -moz-transition: all 1.2s ease-in-out .5s; -o-transition: all 1.2s ease-in-out .5s; transition: all 1.2s ease-in-out .5s }
- zan-apple #zan-pad.animation {
position: absolute; left: 15%; top: 30%; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 1.2s ease-in-out .5s; -moz-transition: all 1.2s ease-in-out .5s; -o-transition: all 1.2s ease-in-out .5s; transition: all 1.2s ease-in-out .5s }
- zan-apple #zan-mini {
position: absolute; left: 10%; top: 48%; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 1.2s ease-in-out .3s; -moz-transition: all 1.2s ease-in-out .3s; -o-transition: all 1.2s ease-in-out .3s; transition: all 1.2s ease-in-out .3s }
- zan-apple #zan-mini.animation {
position: absolute; left: 40%; top: 48%; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 1.2s ease-in-out .3s; -moz-transition: all 1.2s ease-in-out .3s; -o-transition: all 1.2s ease-in-out .3s; transition: all 1.2s ease-in-out .3s }
- zan-apple #zan-5c {
position: absolute; left: 100%; top: 62%; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .8s ease-in-out 1s; -moz-transition: all .8s ease-in-out 1s; -o-transition: all .8s ease-in-out 1s; transition: all .8s ease-in-out 1s }
- zan-apple #zan-5c.animation {
position: absolute; left: 88%; top: 62%; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all .8s ease-in-out 1s; -moz-transition: all .8s ease-in-out 1s; -o-transition: all .8s ease-in-out 1s; transition: all .8s ease-in-out 1s }
- zan-apple #zan-5s {
position: absolute; left: 110%; top: 64%; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .8s ease-in-out 1s; -moz-transition: all .8s ease-in-out 1s; -o-transition: all .8s ease-in-out 1s; transition: all .8s ease-in-out 1s }
- zan-apple #zan-5s.animation {
position: absolute; left: 100%; top: 64%; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all .8s ease-in-out 1s; -moz-transition: all .8s ease-in-out 1s; -o-transition: all .8s ease-in-out 1s; transition: all .8s ease-in-out 1s } .theme-feature { height: auto; color: #fff; background-color: #0b445b } .theme-feature .row .feature-cell { border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
@media (min-width:1200px) { .theme-feature .row .feature-cell { margin: 40px 20px; padding: 30px } }
@media (max-width:1199px) { .theme-feature .row .feature-cell { margin: 20px 0; padding: 10px } } .theme-feature .row .feature-cell:hover { color: #0b445b; background-color: #fff; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .theme-feature .row .feature-cell:hover:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
@media (max-width:767px) { .theme-feature .row .feature-cell h4 { font-size: 14px } } .theme-feature i { font-size: 100px }
@media (max-width:1199px) { .theme-feature i { font-size: 80px } }
@media (max-width:767px) { .theme-feature i { font-size: 50px } }
@media (min-width:768px) { .theme-feature i { margin-bottom: 10px } } body.error-body { background-color: #16a085 }
- error-page {
margin: auto; position: absolute; top: 10%; width: 100%; display: table; height: auto; color: #f1f1f1; text-transform: uppercase; text-align: center; font-size: 300px; font-weight: normal }
@media (max-width:767px) {
- error-page {
font-size: 180px } }
- home-link {
margin: auto; position: absolute; top: 70%; width: 100%; text-align: center } .readers-list { background-color: #fff; padding: 20px; margin-bottom: 20px } .readers-list .post-big-info span { margin: 10px 10px 10px 0 } .readers-list .zan-thumb { margin-bottom: 20px } .readers-list .zan-single-content { width: 100% } .readers-list .zan-single-content img { margin: 20px auto; border: 2px solid #fff } .readers-list img { max-width: 100%; height: auto } .readers-list li { margin-bottom: 20px; text-align: center } .readers-list .avatar { position: relative; display: block; margin: 0 auto } .readers-list .avatar img { display: block; width: 48px; height: 48px; padding: 2px; margin-bottom: 5px; border-radius: 50%; border: 2px solid #16a085 } .readers-list .avatar:hover span { top: 0; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .readers-list .avatar span { position: absolute; display: block; width: 48px; height: 48px; line-height: 48px; left: 50%; top: 50%; margin-left: -24px; background-color: #fff; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid #16a085 } .readers-list .name { text-align: center; font-size: 12px; color: #c1c1c1 } .format-status { position: relative; padding-top: 30px; color: #c1c1c1 } .format-status .data { position: absolute; top: 0; left: 20px; padding: 0 5px; background-color: #16a085; color: #fff } .format-status p { margin: 0 } .format-audio { margin-bottom: 20px } .format-audio p { margin: 0 } .format-video { margin-bottom: 20px; border: 5px solid #fff } .format-video p { margin: 0 } .sitemap-module { margin-bottom: 50px } .sitemap-module.tags .content a { color: #16a085; background-color: transparent; border: 2px solid #16a085; display: inline-block;
- display:inline;
- zoom:1;
padding: 6px 12px } .sitemap-module.tags .content a:hover { color: #fff; background-color: #16a085; border: 2px solid #16a085 } .sitemap-module .title { font-size: 18px; color: #16a085; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #16a085; line-height: 1.1 } .sitemap-module .content a { margin: 0 10px 10px 0 }/* CSS Document */
