Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
1425 lines (1201 sloc) 25.4 KB
/*
Theme Name: Hany Dark
Theme URI: https://github.com/johnhany/Hany-Dark
Author: John Hany
Author URI: http://johnhany.net/
Description: Hany Dark is a responsive theme based on _s.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hany-dark
Tags: two-columns, responsive-layout, right-sidebar, white, blue, dark
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
hany-dark is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
13.0 Header
14.0 Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
font-size: 87.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
@font-face {
font-family: AdobeHeitiStd-Regular;
src: url('fonts/AdobeHeitiStd-Regular.otf') format("truetype");
}
body,
button,
input,
select,
textarea {
color: #000000;
font-family: "Microsoft YaHei", 微软雅黑;
font-size: 16px;
line-height: 1.5;
}
h1,
h2 {
clear: right;
font-family: "Microsoft YaHei", 微软雅黑;
color: #000000;
}
h3,
h4,
h5,
h6 {
clear: right;
font-family: "Microsoft YaHei", 微软雅黑;
color: #000000;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
color: royalblue;
}
a:visited {
color: purple;
}
a:hover,
a:focus,
a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
margin-left: 100px;
margin-right: 0;
margin-top: -50px;
clear: both;
display: block;
float: left;
font-family: "Microsoft YaHei", 微软雅黑;
background: transparent;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul a {
text-align: center;
font-weight: bold;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
width: auto;
text-decoration: none;
padding: 10px 20px 10px 20px;
font-size: 20px;
color: #ffffff;
}
.main-navigation ul ul {
background: #73727c;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
float: left;
position: absolute;
top: 50px;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
text-align: left;
font-weight: normal;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
color: #b9b9b9;
background: transparent;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
color: #000000;
background: #b9b9b9;
}
.main-navigation ul li:hover > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
background: #73727c;
color: #ffffff;
}
.main-navigation .current_page_ancestor {
background: #73727c;
}
.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
color: #ffffff;
background: #313131;
}
/* Small menu. */
@media screen and (min-width: 550px) and (max-width: 645px) {
.main-navigation {
float: right;
margin-right: 64px;
margin-left: auto;
}
}
@media screen and (max-width: 549px) {
.main-navigation {
margin-left: 0;
margin-top: -50px;
clear: both;
display: block;
float: left;
width: 100%;
font-family: "Microsoft YaHei", 微软雅黑;
background: #73727c;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 20px;
}
.main-navigation ul a {
text-align: left;
}
.main-navigation li {
float: none;
border-bottom: 1px solid #d5d5d5;
}
.main-navigation a {
width: 100%;
text-decoration: none;
padding: 10px;
font-size: 20px;
color: #ffffff;
}
.main-navigation ul ul {
margin-left: 80px;
background: #b9b9b9;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
float: left;
top: 50px;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul a {
width: 300px;
text-align: left;
color: #000000;
}
.main-navigation ul ul li {
float: none;
border-bottom: 1px solid #000000;
}
.main-navigation li:hover > a {
color: #b9b9b9;
background: transparent;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
color: #ffffff;
background: #313131;
}
.main-navigation ul li:hover > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
background: #73727c;
color: #b9b9b9;
}
.main-navigation .current_page_ancestor {
color: #b9b9b9;
background: #73727c;
}
.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
color: #ffffff;
background: #313131;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
font-family: "Microsoft YaHei", 微软雅黑;
font-size: 16px;
margin: 40px 0 0 0;
padding: 6px 18px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
overflow: hidden;
}
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 40px 0 0 0;
}
.site-main .comment-navigation {
margin: 12px 32px 12px 32px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-navigation a,
.posts-navigation a,
.post-navigation a {
color: #73727c;
}
.comment-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:hover {
color: #000000;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
font-family: "Microsoft YaHei", 微软雅黑;
margin-top: 40px;
padding: 12px 24px 12px 24px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
}
.widget-title {
font-size: 16px;
border-bottom: 1px solid #000000;
}
.widget ul {
margin-left: 0;
margin-bottom: 24px;
}
.widget ul ul {
margin-left: 21px;
margin-bottom: 0;
}
.widget ul,
.widget ol {
padding: 0;
margin: 0 0 0 12px;
list-style-type: none;
}
.widget ul li,
.widget ul ul li {
padding: 4px 0;
}
.widget ul a,
.widget ul ul a {
color: #73727c;
word-break: break-all;
}
.widget ul a:hover,
.widget ul ul a:hover {
color: #000000;
}
.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before,
.widget_categories li:before {
display: block;
float: left;
padding: 2px 8px 0 0;
font-family: 'fontawesome';
font-size: 14px;
color: #000000;
}
.widget_recent_entries li:before { content: "\f036"; }
.widget_recent_comments li:before { content: "\f075"; }
/*
.widget_archive li:before { content: "\f187"; }
.widget_categories li:before { content: "\f07b"; }
*/
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
display: none;
}
.footer-widgets {
width: 100%;
margin: 0 auto;
}
.footer-widgets .widget {
width: 310px;
float: left;
margin: 10px 20px;
}
@media screen and (max-width: 780px) {
.footer-widgets .widget {
float: none;
width: 100%;
}
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.page-header h1 {
color: #ffffff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content {
padding: 12px 18px 12px 32px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
}
.page-content,
.entry-content,
.entry-summary {
margin: 10px 0 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.taxonomy-description {
margin: 0 32px 0 32px;
padding: 6px 18px 6px 18px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comments-area {
}
.comments-area h2 {
color: #ffffff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
}
.comment-list {
margin: 0 32px 0 32px;
padding: 12px 18px 12px 45px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
}
.comment-list h2 {
color: #000000;
text-shadow: none;
}
.comment-list .comment-body {
padding: 12px 0;
margin-top: -1px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.comment-body .reply a:before {
padding: 12px 0;
display: block;
float: left;
padding: 2px 8px 0 0;
font-family: 'fontawesome';
font-size: 14px;
color: #000000;
}
.comment-body .reply a:before { content: "\f112"; }
.comment-body a,
.comment-respond a {
word-wrap: break-word;
}
.bypostauthor > .comment-body {
position: relative;
background: #eee;
}
.comment-respond,
.no-comments {
margin-top: 24px;
padding: 12px 18px 12px 32px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
padding: 0.8075em 1em;
font-size: 14px;
font-size: 1.4rem;
font-family: 'Lato', sans-serif;
background: #e5e5e5;
background: hsl(0, 0%, 90%);
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*----------------------------------------------------
13.0 Header
---------------------------------------------*/
.header-image img {
display: block;
height: 272px;
margin: 0 auto;
}
.site-branding {
height: 272px;
padding: 2rem 0;
text-align: center;
background: #73727c;
}
.header-background-image {
background: no-repeat center;
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
}
.title-box {
width: 500px;
margin: 0 auto;
padding: 0;
}
.icon-box {
float: left;
margin-left: 0;
width: 140px;
height: 140px;
}
.icon-image {
width: 140px;
height: 140px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}
.title-text {
float: left;
}
.site-title {
font-size: 36px;
padding-left: 40px;
}
.site-description {
margin-top: -1rem;
padding-left: 150px;
font-size: 24px;
}
.site-title a,
.site-description {
color: #ffffff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
}
/* Header search */
.search-toggle {
display: block;
margin-top: -50px;
float: right;
width: 64px;
height: 50px;
padding: 12px;
margin-right: 100px;
color: #ffffff;
text-align: center;
cursor: pointer;
}
.search-toggle:hover,
.search-toggle.active {
background: #4d4d4d;
}
@media screen and (min-width: 646px) and (max-width: 740px) {
.search-toggle {
float: left;
margin-left: 560px;
margin-right: auto;
}
}
@media screen and (min-width: 550px) and (max-width: 645px) {
.search-toggle {
float:right;
margin-right: 0;
margin-left: auto;
}
}
@media screen and (max-width: 549px) {
.search-toggle {
display: none;
}
}
input[type="search"] {
box-sizing: border-box;
width: 100%;
}
.search-box-wrapper {
z-index: 2;
width: 100%;
display: none;
}
.search-box {
padding: 6px;
background: #4d4d4d;
}
.search-box .search-field {
max-width: 400px;
float: right;
margin-right: 100px;
padding: 6px 20px 6px 40px;
font-size: 20px;
background-color: #ffffff;
border: 0;
}
.error404 .search-submit,
.search .search-submit,
.search-box .search-submit {
display: none;
}
@media screen and (min-width: 646px) and (max-width: 740px) {
.search-box .search-field {
float: left;
margin-left: 210px;
margin-right: auto;
}
}
@media screen and (min-width: 550px) and (max-width: 645px) {
.search-box .search-field {
float:right;
margin-right: 0;
margin-left: auto;
}
}
@media screen and (max-width: 549px) {
.search-box .search-field {
float: right;
width: 100%;
margin-right: 0;
margin-left: auto;
}
.search-box-wrapper {
display: block;
}
}
/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/
.site-footer {
padding: 2em;
font-family: "Microsoft YaHei", 微软雅黑;
font-size: 16px;
color: #73727c;
background: #474747;
}
.site-footer a {
color: #73727c;
}
.site-footer a:hover {
color: #000000;
}
.site-info {
margin-top: 32px;
text-align: center;
color: #e5e5e5;
}
.site-info a {
color: #757575;
}
.site-info a:hover {
color: #ffffff;
}