Team:SZU-China/css/szuzan.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
@media (min-width: 820px) {
 +
 +
 +
 +
 +
@charset "utf-8";
@charset "utf-8";
.zan-transition {
.zan-transition {
Line 13: Line 19:
transform: scale(1.05, 1.05)
transform: scale(1.05, 1.05)
}
}
 +
@-webkit-keyframes wobble-horizontal {
@-webkit-keyframes wobble-horizontal {
16.65% {
16.65% {
Line 2,384: Line 2,391:
margin: 0 10px 10px 0
margin: 0 10px 10px 0
}/* CSS Document */
}/* CSS Document */
 +
 +
 +
}

Revision as of 04:42, 14 September 2014

@media (min-width: 820px) {



@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 }

  1. loading-comments {

font-size: 30px; display: none; color: #16a085; text-align: center }

  1. mainstay {

position: relative }

  1. 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 }

  1. loading-article {

position: absolute; z-index: 1001; top: 100px; left: 50%; margin-left: -50px; font-size: 100px; color: #16a085 }

  1. loading {

color: #16a085 }

  1. 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 }

  1. 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 }

  1. searchform {

padding: 20px; margin-bottom: 20px; background-color: #fff }

  1. searchform input {

width: 65% !important; float: left }

  1. 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 }

  1. sidebar video {

border: 5px solid #fff }

  1. smilelink {

cursor: pointer; margin-bottom: 10px }

  1. 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 }

  1. 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 }

  1. 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 }

  1. comment-nav {

margin: 30px 0 10px 0 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. reply-title {

font-size: 18px; color: #16a085; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #16a085 }

  1. reply-title a:hover {

color: #fff }

  1. reply-title #cancel-comment-reply-link {

padding: 2px 5px; background-color: #f04f4f; color: #fff }

  1. commentform .form-allowed-tags {

margin-top: 10px }

@media (max-width:767px) {

  1. commentform .form-allowed-tags {

display: none } }

  1. commentform .input-group {

margin-bottom: 20px }

  1. commentform .input-group .input-group-addon {

background-color: #16a085; color: #fff; border: 2px solid #16a085; border-radius: 0 !important }

  1. commentform .input-group .input-group-addon i {

width: 15px }

  1. commentform input {

padding: 10px 15px; background-color: transparent; border: 2px solid #16a085 }

@media (max-width:1199px) and (min-width:992px) {

  1. commentform input {

padding: 10px 5px; width: 142px } }

@media (max-width:991px) {

  1. commentform input {

padding: 10px } }

  1. commentform textarea {

margin: 0; padding: 10px 15px; width: 100%; background-color: transparent; border: 2px solid #c1c1c1 }

  1. commentform textarea:focus {

border: 2px solid #16a085 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. zan-footer {

margin-top: 40px }

  1. zan-footer a {

color: #fff }

  1. 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 } }

  1. 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 }

  1. zan-gotop .gotop {

position: relative; width: 30px; width: 50px\9; height: 50px; line-height: 50px; background-color: #0b445b; margin-bottom: 5px }

  1. 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 }

  1. zan-gotop .gotop::before, #zan-gotop .gotop::after {

position: absolute; content: ; pointer-events: none }

  1. zan-gotop .gotop::before {

border-right: 13px solid #0b445b; border-top: 25px solid transparent; border-bottom: 25px solid transparent; left: -13px }

  1. zan-gotop .gotop::after {

border-left: 13px solid #0b445b; border-top: 25px solid transparent; border-bottom: 25px solid transparent; right: -13px }

  1. 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 }

  1. post-related .thumbnail .caption {

padding: 3px }

  1. post-related .post-related-title {

overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal }

  1. post-related .post-related-title a {

color: #0b445b }

  1. post-related .post-related-title a:hover {

color: #16a085 }

  1. post-related .post-related-content {

max-height: 130px; overflow: hidden; font-size: 12px; line-height: 22px; color: #c1c1c1 }

  1. post-related .read-more {

margin: 0 }

  1. post-related .post-related-img {

display: block; height: 130px; overflow: hidden }

@media (max-width:1199px) and (min-width:992px) {

  1. post-related .post-related-img {

height: 96px } }

  1. post-related .post-related-img img {

max-width: 100%; display: block; height: auto }

  1. commentform .input-group input {

margin-right: 20px }

  1. commentform .input-group label.error {

display: block; border-left: 2px solid #16a085 }

  1. 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 } }

  1. zan-apple {

position: relative; height: 600px }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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 }

  1. 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) {

  1. error-page {

font-size: 180px } }

  1. 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 */


}

Retrieved from "http://2014.igem.org/Team:SZU-China/css/szuzan.css"