.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 #316174
}
.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: #316174;
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: #e9eaed;
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: #316174 !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: #316174;
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: #316174;
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: #316174
}
#loading-comments {
font-size: 30px;
display: none;
color: #316174;
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: #316174
}
#loading {
color: #316174
}
#sidebar .list-group {
margin-bottom: 0
}
.alert-primary {
background-color: #316174;
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: #316174;
background-color: transparent;
border: 2px solid #316174
}
.btn-primary:hover {
color: #fff;
background-color: #316174;
border: 2px solid #316174
}
.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: #316174
}
.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 #316174
}
.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: #316174;
border: 2px solid #316174;
-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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: #316174;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: #316174
}
.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{
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.panel.panel-zan .panel-heading {
color: #fff;
background-color: #316174;
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: #316174;
border: 2px solid #316174;
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 #316174;
background-color: #316174;
-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 #316174;
background-color: #316174;
-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 #316174;
background-color: #316174;
-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;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.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: #316174;
background-color: transparent;
border: 2px solid #316174;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.pager li>a .badge {
color: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: 12px;
}
@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;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#searchform input {
width: 65% !important;
float: left
}
#searchform button {
width: 33%;
float: right
}
.flexslider {
border-radius: 0 !important;
margin-bottom: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.flex-control-nav {
display: none
}
.flex-control-paging li a {
display: none;
background: #0b445b
}
.flex-control-paging li a.flex-active {
background: #316174;
cursor: default
}
.slide-text {
position: absolute;
bottom: 0;
width: 100%;
padding: 5px;
color: #fff;
font-size: 16px;
background: #316174
}
.zan-author {
position: relative;
width: 100%;
height: 392px;
margin-bottom: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.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: #fff;
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;
padding: 15px 40px;
background-color: #fff;
}
.zan-author .author-name {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
color: #316174;
}
.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: #316174;
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 #316174
}
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: #316174;
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: #316174;
color: #fff;
border: 2px solid #316174;
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 #316174;
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: #316174
}
.login-panel .user-name {
margin-right: 20px
}
#sidebar .ad {
margin-bottom: 20px
}
.header {
padding: 10px 0;
text-align: center;
background: url(//www.ferecord.com/wp-content/themes/zanblogtheme/ui/images/header-bg.jpg);
}
.header .logo {
display: inline-block;
height: 80px;
width: 160px;
margin: 0 auto;
vertical-align: top;
border-right:  solid 2px ;
background: url(//www.ferecord.com/wp-content/themes/zanblogtheme/ui/images/logo.png) 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 {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.header .logo-w{
padding: 30px 0 20px 0;
cursor: pointer;
font-family: 'Handlee',"华文行楷","Microsoft Yahei",arial,sans-serif;
font-weight: 100;
}
.header .logo-w01 {
letter-spacing: -2px;
position: relative;
color: #fff;
font-size: 54px;
text-shadow: 0 0 1px rgba(28,92,136,0.8);
margin: 0;
padding: 0;
z-index: 0;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.header .logo-w02 {
position: relative;
color: #fff;
font-weight: normal;
font-size: 24px;
text-shadow: 0 0 1px rgba(8,92,136,0.8);
margin-left: -6px;
letter-spacing: -2px;
padding: 0;
z-index: 2;
vertical-align: middle;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
}
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: #316174
}
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 #316174;
-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 #316174
}
nav.navbar-inverse .open a:hover {
background-color: #0b445b !important;
border-bottom: 3px solid #316174
}
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: #316174 !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;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.zan-outline {
font-size: 14px;
color: #000;
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: #316174
}
.post-info i {
color: #316174
}
.post-info span {
margin-right: 10px
}
.widget-sets .nav-pills {
text-align: center;
padding: 10px;
border-bottom: 2px solid #316174
}
.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: #316174;
border-radius: 0
}
.widget-sets .nav-pills>li.active a:hover, .widget-sets .nav-pills>li.active a:focus {
background-color: #316174;
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: #316174
}
.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: #316174
}
.sidebar-info i {
color: #316174
}
.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: #316174 !important
}
.comments-header {
font-size: 18px;
color: #316174;
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #316174
}
.commentlist {
padding: 0
}
.commentlist #loading, .commentlist #error {
margin-bottom: 10px;
color: #316174
}
.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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: #316174;
cursor: not-allowed
}
.page-numbers.dots {
border: none
}
.page-numbers.dots:hover {
color: #316174;
background-color: transparent
}
#reply-title {
font-size: 18px;
color: #316174;
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #316174
}
#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: #316174;
color: #fff;
border: 2px solid #316174;
border-radius: 0 !important
}
#commentform .input-group .input-group-addon i {
width: 15px
}
#commentform input {
padding: 10px 15px;
background-color: transparent;
border: 2px solid #316174
}
@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 #316174
}
#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: #316174;
background-color: transparent;
border: 2px solid #316174;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
#commentform #submit .badge {
color: #316174;
background-color: transparent;
border: 2px solid #316174;
-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: #316174;
border: 2px solid #316174;
-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: #316174;
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: #316174
}
.post-th .info {
color: #c1c1c1
}
.post-th .info a {
color: #c1c1c1
}
.post-th .info a:hover {
color: #316174
}
#zan-footer {
margin-top: 40px
}
#zan-footer a {
color: #fff
}
#zan-footer a:hover {
color: #316174
}
.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: #316174;
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #316174;
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: #316174
}
#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 #316174
}
#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: #316174
}
#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 #316174
}
.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 #316174
}
.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: #316174;
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: #316174;
background-color: transparent;
border: 2px solid #316174;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 6px 12px
}
.sitemap-module.tags .content a:hover {
color: #fff;
background-color: #316174;
border: 2px solid #316174
}
.sitemap-module .title {
font-size: 18px;
color: #316174;
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #316174;
line-height: 1.1
}
.sitemap-module .content a {
margin: 0 10px 10px 0
}