Diff
checker
文本
文本
图像
文档
Excel
文件夹
Legal
Enterprise
桌面版
定价
登录
下载 Diffchecker 桌面版
比较文本
查找两个文本文件之间的差异
工具
历史
显示
视图
拆分
统一
实时编辑器
隐藏空白更改
折叠未更改行
关闭换行
比对精度
智能
语法
无
更改外观
处理
忽略
文本转换
转到第一个差异
编辑输入
Diffchecker Desktop
运行Diffchecker最安全的方式。获取Diffchecker桌面应用:您的差异永远不会离开您的电脑!
获取桌面版
Untitled diff
创建于
10年前
差异永不过期
清除
导出
分享
解释
266 删除
行
总计
删除
字符
总计
删除
要继续使用此功能,请升级到
Diff
checker
Pro
查看价格
1456 行
全部复制
246 添加
行
总计
添加
字符
总计
添加
要继续使用此功能,请升级到
Diff
checker
Pro
查看价格
1432 行
全部复制
复制
已复制
复制
已复制
/*
# Genesis Sample Child Theme
/*
Theme Name: Genesis Sample
Theme
Theme Name: Genesis Sample
Theme URI: http://
my
.studiopress.com/
themes/genesis/
Theme URI: http://
www
.studiopress.com/
Description: This is the sample theme created for the Genesis Framework.
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author: StudioPress
Author URI: http://www.studiopress.com/
Author URI: http://www.studiopress.com/
复制
已复制
复制
已复制
Version: 2.2.3
Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
复制
已复制
复制
已复制
Template: genesis
Template: genesis
Template Version: 2.2.
2
Template Version: 2.2.
3
Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
License: GPL-2.0+
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
*/
/* # Table of Contents
/* # Table of Contents
- HTML5 Reset
- HTML5 Reset
- Baseline Normalize
- Baseline Normalize
- Box Sizing
- Box Sizing
- Float Clearing
- Float Clearing
- Defaults
- Defaults
- Typographical Elements
- Typographical Elements
- Headings
- Headings
- Objects
- Objects
- Gallery
- Gallery
- Forms
- Forms
- Tables
- Tables
- Screen Reader Text
- Screen Reader Text
- Structure and Layout
- Structure and Layout
- Site Containers
- Site Containers
- Column Widths and Positions
- Column Widths and Positions
- Column Classes
- Column Classes
- Common Classes
- Common Classes
- Avatar
- Avatar
- Genesis
- Genesis
- Search Form
- Search Form
- Titles
- Titles
- WordPress
- WordPress
- Widgets
- Widgets
- Featured Content
- Featured Content
- Plugins
- Plugins
- Genesis eNews Extended
- Genesis eNews Extended
- Jetpack
- Jetpack
复制
已复制
复制
已复制
- Skip Links
- Site Header
- Site Header
- Title Area
- Title Area
- Widget Area
- Widget Area
- Site Navigation
- Site Navigation
- Accessible Menu
- Accessible Menu
- Site Header Navigation
- Site Header Navigation
复制
已复制
复制
已复制
-
Primary
Navigation
-
After Header
Navigation
-
Secondary
Navigation
-
Footer
Navigation
- Skip Links
- Content Area
- Content Area
- Entries
- Entries
- Entry Meta
- Entry Meta
- Pagination
- Pagination
- Comments
- Comments
- Sidebars
- Sidebars
- Footer Widgets
- Footer Widgets
- Site Footer
- Site Footer
- Media Queries
- Media Queries
复制
已复制
复制
已复制
-
Retina Display
-
Max-width: 1340px
- Max-width: 1200px
- Max-width: 1200px
复制
已复制
复制
已复制
- Max-width:
960px
- Max-width:
1023px
- Max-width: 8
0
0px
- Max-width: 8
6
0px
- Print Styles
- Print Styles
*/
*/
/* # HTML5 Reset
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
/* ## Baseline Normalize
--------------------------------------------- */
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* ## Box Sizing
/* ## Box Sizing
--------------------------------------------- */
--------------------------------------------- */
html,
html,
input[type="search"]{
input[type="search"]{
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
}
}
*,
*,
*:before,
*:before,
*:after {
*:after {
box-sizing: inherit;
box-sizing: inherit;
}
}
/* ## Float Clearing
/* ## Float Clearing
--------------------------------------------- */
--------------------------------------------- */
.author-box:before,
.author-box:before,
.clearfix:before,
.clearfix:before,
.entry:before,
.entry:before,
.entry-content:before,
.entry-content:before,
.footer-widgets:before,
.footer-widgets:before,
.nav-primary:before,
.nav-primary:before,
.nav-secondary:before,
.nav-secondary:before,
.pagination:before,
.pagination:before,
.site-container:before,
.site-container:before,
.site-footer:before,
.site-footer:before,
.site-header:before,
.site-header:before,
.site-inner:before,
.site-inner:before,
复制
已复制
复制
已复制
.widget:before,
.wrap:before {
.wrap:before {
content: " ";
content: " ";
display: table;
display: table;
}
}
.author-box:after,
.author-box:after,
.clearfix:after,
.clearfix:after,
.entry:after,
.entry:after,
.entry-content:after,
.entry-content:after,
.footer-widgets:after,
.footer-widgets:after,
.nav-primary:after,
.nav-primary:after,
.nav-secondary:after,
.nav-secondary:after,
.pagination:after,
.pagination:after,
.site-container:after,
.site-container:after,
.site-footer:after,
.site-footer:after,
.site-header:after,
.site-header:after,
.site-inner:after,
.site-inner:after,
复制
已复制
复制
已复制
.widget:after,
.wrap:after {
.wrap:after {
clear: both;
clear: both;
content: " ";
content: " ";
display: table;
display: table;
}
}
/* # Defaults
/* # Defaults
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Typographical Elements
/* ## Typographical Elements
--------------------------------------------- */
--------------------------------------------- */
html {
html {
复制
已复制
复制
已复制
font-size: 62.5%; /* 10px browser default */
font-size: 62.5%; /* 10px browser default */
}
}
/* Chrome fix */
/* Chrome fix */
body > div {
body > div {
复制
已复制
复制
已复制
font-size:
1.8
rem;
font-size:
2
rem;
}
}
body {
body {
复制
已复制
复制
已复制
background-color: #
f5f5f5
;
background-color: #
eee
;
color: #333;
color: #333;
复制
已复制
复制
已复制
font-family:
Lato
, sans-serif;
font-family:
'Source Sans Pro'
, sans-serif;
font-size:
18px
;
font-size:
20px
;
font-size:
1.8
rem;
font-size:
2
rem;
font-weight:
3
00;
-webkit-font-smoothing: antialiased;
font-weight:
4
00;
line-height: 1.625;
line-height: 1.625;
margin: 0;
margin: 0;
}
}
a,
a,
button,
button,
input:focus,
input:focus,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"],
input[type="submit"],
textarea:focus,
textarea:focus,
.button,
.button,
.gallery img {
.gallery img {
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
}
a {
a {
color: #c3251d;
color: #c3251d;
text-decoration: underline;
text-decoration: underline;
}
}
a:hover,
a:hover,
a:focus {
a:focus {
color: #333;
color: #333;
text-decoration: none;
text-decoration: none;
}
}
p {
p {
margin: 0 0 28px;
margin: 0 0 28px;
padding: 0;
padding: 0;
}
}
ol,
ol,
ul {
ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
li {
li {
list-style-type: none;
list-style-type: none;
}
}
hr {
hr {
border: 0;
border: 0;
border-collapse: collapse;
border-collapse: collapse;
复制
已复制
复制
已复制
border-top: 1px solid #
ddd
;
border-top: 1px solid #
eee
;
clear: both;
clear: both;
margin: 1em 0;
margin: 1em 0;
}
}
b,
b,
strong {
strong {
font-weight: 700;
font-weight: 700;
}
}
blockquote,
blockquote,
cite,
cite,
em,
em,
i {
i {
font-style: italic;
font-style: italic;
}
}
blockquote {
blockquote {
margin: 40px;
margin: 40px;
}
}
blockquote::before {
blockquote::before {
content: "\201C";
content: "\201C";
display: block;
display: block;
font-size: 30px;
font-size: 30px;
font-size: 3rem;
font-size: 3rem;
height: 0;
height: 0;
left: -20px;
left: -20px;
position: relative;
position: relative;
top: -10px;
top: -10px;
}
}
/* ## Headings
/* ## Headings
--------------------------------------------- */
--------------------------------------------- */
h1,
h1,
h2,
h2,
h3,
h3,
h4,
h4,
h5,
h5,
h6 {
h6 {
复制
已复制
复制
已复制
color: #333;
font-family:
'Source Sans Pro'
, sans-serif;
font-family:
Lato
, sans-serif;
font-weight:
6
00;
font-weight:
4
00;
line-height: 1.2;
line-height: 1.2;
margin: 0 0 10px;
margin: 0 0 10px;
}
}
h1 {
h1 {
font-size: 36px;
font-size: 36px;
font-size: 3.6rem;
font-size: 3.6rem;
}
}
h2 {
h2 {
font-size: 30px;
font-size: 30px;
font-size: 3rem;
font-size: 3rem;
}
}
h3 {
h3 {
font-size: 24px;
font-size: 24px;
font-size: 2.4rem;
font-size: 2.4rem;
}
}
h4 {
h4 {
font-size: 20px;
font-size: 20px;
font-size: 2rem;
font-size: 2rem;
}
}
h5 {
h5 {
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
}
}
h6 {
h6 {
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
}
}
/* ## Objects
/* ## Objects
--------------------------------------------- */
--------------------------------------------- */
embed,
embed,
iframe,
iframe,
img,
img,
object,
object,
video,
video,
.wp-caption {
.wp-caption {
max-width: 100%;
max-width: 100%;
}
}
img {
img {
height: auto;
height: auto;
}
}
复制
已复制
复制
已复制
.featured-content img,
figure
{
.gallery img
{
margin: 0
;
width: auto
;
}
}
/* ## Gallery
/* ## Gallery
--------------------------------------------- */
--------------------------------------------- */
.gallery {
.gallery {
overflow: hidden;
overflow: hidden;
}
}
.gallery-item {
.gallery-item {
float: left;
float: left;
margin: 0 0 28px;
margin: 0 0 28px;
text-align: center;
text-align: center;
}
}
复制
已复制
复制
已复制
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
.gallery-columns-2 .gallery-item {
width: 50%;
width: 50%;
}
}
.gallery-columns-3 .gallery-item {
.gallery-columns-3 .gallery-item {
width: 33%;
width: 33%;
}
}
.gallery-columns-4 .gallery-item {
.gallery-columns-4 .gallery-item {
width: 25%;
width: 25%;
}
}
.gallery-columns-5 .gallery-item {
.gallery-columns-5 .gallery-item {
width: 20%;
width: 20%;
}
}
.gallery-columns-6 .gallery-item {
.gallery-columns-6 .gallery-item {
width: 16.6666%;
width: 16.6666%;
}
}
.gallery-columns-7 .gallery-item {
.gallery-columns-7 .gallery-item {
width: 14.2857%;
width: 14.2857%;
}
}
.gallery-columns-8 .gallery-item {
.gallery-columns-8 .gallery-item {
width: 12.5%;
width: 12.5%;
}
}
.gallery-columns-9 .gallery-item {
.gallery-columns-9 .gallery-item {
width: 11.1111%;
width: 11.1111%;
}
}
复制
已复制
复制
已复制
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery img {
.gallery img {
复制
已复制
复制
已复制
border: 1px solid #
ddd
;
border: 1px solid #
eee
;
height: auto;
height: auto;
padding: 4px;
padding: 4px;
}
}
.gallery img:hover,
.gallery img:hover,
.gallery img:focus {
.gallery img:focus {
border: 1px solid #999;
border: 1px solid #999;
}
}
/* ## Forms
/* ## Forms
--------------------------------------------- */
--------------------------------------------- */
input,
input,
select,
select,
textarea {
textarea {
background-color: #fff;
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid #ddd;
color: #333;
color: #333;
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
复制
已复制
复制
已复制
font-weight:
3
00;
font-weight:
4
00;
padding: 16px;
padding: 16px;
width: 100%;
width: 100%;
}
}
input:focus,
input:focus,
textarea:focus {
textarea:focus {
border: 1px solid #999;
border: 1px solid #999;
outline: none;
outline: none;
}
}
input[type="checkbox"],
input[type="checkbox"],
input[type="image"],
input[type="image"],
input[type="radio"] {
input[type="radio"] {
width: auto;
width: auto;
}
}
::-moz-placeholder {
::-moz-placeholder {
color: #333;
color: #333;
复制
已复制
复制
已复制
font-weight: 300;
opacity: 1;
opacity: 1;
}
}
::-webkit-input-placeholder {
::-webkit-input-placeholder {
color: #333;
color: #333;
复制
已复制
复制
已复制
font-weight: 300;
}
}
button,
button,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"],
input[type="submit"],
.button {
.button {
background-color: #333;
background-color: #333;
border: 0;
border: 0;
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
复制
已复制
复制
已复制
font-weight:
3
00;
font-weight:
7
00;
padding: 16px 24px;
padding: 16px 24px;
复制
已复制
复制
已复制
text-
transform: uppercase
;
text-
decoration: none;
white-space: normal
;
width: auto;
width: auto;
}
}
button:hover,
button:hover,
input:hover[type="button"],
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="reset"],
input:hover[type="submit"],
input:hover[type="submit"],
.button:hover,
.button:hover,
button:focus,
button:focus,
input:focus[type="button"],
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="reset"],
input:focus[type="submit"],
input:focus[type="submit"],
.button:focus {
.button:focus {
background-color: #c3251d;
background-color: #c3251d;
color: #fff;
color: #fff;
}
}
.entry-content .button:hover,
.entry-content .button:hover,
.entry-content .button:focus {
.entry-content .button:focus {
color: #fff;
color: #fff;
}
}
复制
已复制
复制
已复制
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
Text moved with changes to lines 976-982 (85.0% similarity)
.footer-widgets .button {
background-color: #c3251d;
color: #fff;
}
.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .button:hover,
.footer-widgets button:focus,
.footer-widgets input:focus[type="button"],
.footer-widgets input:focus[type="reset"],
.footer-widgets input:focus[type="submit"],
.footer-widgets .button:focus {
background-color: #fff;
color: #333;
}
.button {
.button {
display: inline-block;
display: inline-block;
}
}
复制
已复制
复制
已复制
a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
padding: 8px 16px;
}
.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
background-color: #eee;
border-width: 0;
color: #777;
cursor: not-allowed;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
input[type="search"]::-webkit-search-results-button {
display: none;
display: none;
}
}
/* ## Tables
/* ## Tables
--------------------------------------------- */
--------------------------------------------- */
table {
table {
border-collapse: collapse;
border-collapse: collapse;
border-spacing: 0;
border-spacing: 0;
line-height: 2;
line-height: 2;
margin-bottom: 40px;
margin-bottom: 40px;
width: 100%;
width: 100%;
复制
已复制
复制
已复制
word-break: break-word;
}
}
tbody {
tbody {
复制
已复制
复制
已复制
border-bottom: 1px solid #
ddd
;
border-bottom: 1px solid #
eee
;
}
}
td,
td,
th {
th {
text-align: left;
text-align: left;
}
}
td {
td {
复制
已复制
复制
已复制
border-top: 1px solid #
ddd
;
border-top: 1px solid #
eee
;
padding: 6px
0
;
padding: 6px
;
}
}
th {
th {
font-weight: 400;
font-weight: 400;
复制
已复制
复制
已复制
padding: 0 6px;
}
td:first-child,
th:first-child {
padding-left: 0;
}
}
/* ## Screen Reader Text
/* ## Screen Reader Text
--------------------------------------------- */
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text,
.screen-reader-text span,
.screen-reader-text span,
.screen-reader-shortcut {
.screen-reader-shortcut {
position: absolute !important;
position: absolute !important;
clip: rect(0, 0, 0, 0);
clip: rect(0, 0, 0, 0);
height: 1px;
height: 1px;
width: 1px;
width: 1px;
border: 0;
border: 0;
overflow: hidden;
overflow: hidden;
}
}
.screen-reader-text:focus,
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
.widget_search input[type="submit"]:focus {
clip: auto !important;
clip: auto !important;
height: auto;
height: auto;
width: auto;
width: auto;
display: block;
display: block;
font-size: 1em;
font-size: 1em;
font-weight: bold;
font-weight: bold;
padding: 15px 23px 14px;
padding: 15px 23px 14px;
color: #333;
color: #333;
background: #fff;
background: #fff;
z-index: 100000; /* Above WP toolbar. */
z-index: 100000; /* Above WP toolbar. */
text-decoration: none;
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}
}
.more-link {
.more-link {
position: relative;
position: relative;
}
}
/* # Structure and Layout
/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Site Containers
/* ## Site Containers
--------------------------------------------- */
--------------------------------------------- */
.site-inner,
.site-inner,
.wrap {
.wrap {
margin: 0 auto;
margin: 0 auto;
复制
已复制
复制
已复制
max-width: 12
0
0px;
max-width: 12
8
0px;
}
}
.site-inner {
.site-inner {
clear: both;
clear: both;
padding-top: 40px;
padding-top: 40px;
复制
已复制
复制
已复制
Text moved from lines 1344-1346
word-wrap: break-word;
}
.landing-page .site-inner {
max-width: 800px;
}
}
/* ## Column Widths and Positions
/* ## Column Widths and Positions
--------------------------------------------- */
--------------------------------------------- */
/* ### Wrapping div for .content and .sidebar-primary */
/* ### Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap,
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
.sidebar-sidebar-content .content-sidebar-wrap {
复制
已复制
复制
已复制
width:
980px
;
width:
1060px
;
}
}
.content-sidebar-sidebar .content-sidebar-wrap {
.content-sidebar-sidebar .content-sidebar-wrap {
float: left;
float: left;
}
}
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
.sidebar-sidebar-content .content-sidebar-wrap {
float: right;
float: right;
}
}
/* ### Content */
/* ### Content */
.content {
.content {
float: right;
float: right;
复制
已复制
复制
已复制
width: 8
0
0px;
width: 8
8
0px;
}
}
.content-sidebar .content,
.content-sidebar .content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
.sidebar-content-sidebar .content {
float: left;
float: left;
}
}
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
.sidebar-sidebar-content .content {
复制
已复制
复制
已复制
width:
580px
;
width:
660px
;
}
}
.full-width-content .content {
.full-width-content .content {
width: 100%;
width: 100%;
}
}
/* ### Primary Sidebar */
/* ### Primary Sidebar */
.sidebar-primary {
.sidebar-primary {
float: right;
float: right;
width: 360px;
width: 360px;
}
}
.sidebar-content .sidebar-primary,
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
.sidebar-sidebar-content .sidebar-primary {
float: left;
float: left;
}
}
/* ### Secondary Sidebar */
/* ### Secondary Sidebar */
.sidebar-secondary {
.sidebar-secondary {
float: left;
float: left;
width: 180px;
width: 180px;
}
}
.content-sidebar-sidebar .sidebar-secondary {
.content-sidebar-sidebar .sidebar-secondary {
float: right;
float: right;
}
}
/* ## Column Classes
/* ## Column Classes
--------------------------------------------- */
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
.five-sixths,
.five-sixths,
.four-sixths,
.four-sixths,
.one-fourth,
.one-fourth,
.one-half,
.one-half,
.one-sixth,
.one-sixth,
.one-third,
.one-third,
.three-fourths,
.three-fourths,
.three-sixths,
.three-sixths,
.two-fourths,
.two-fourths,
.two-sixths,
.two-sixths,
.two-thirds {
.two-thirds {
float: left;
float: left;
margin-left: 2.564102564102564%;
margin-left: 2.564102564102564%;
}
}
.one-half,
.one-half,
.three-sixths,
.three-sixths,
.two-fourths {
.two-fourths {
width: 48.717948717948715%;
width: 48.717948717948715%;
}
}
.one-third,
.one-third,
.two-sixths {
.two-sixths {
width: 31.623931623931625%;
width: 31.623931623931625%;
}
}
.four-sixths,
.four-sixths,
.two-thirds {
.two-thirds {
width: 65.81196581196582%;
width: 65.81196581196582%;
}
}
.one-fourth {
.one-fourth {
width: 23.076923076923077%;
width: 23.076923076923077%;
}
}
.three-fourths {
.three-fourths {
width: 74.35897435897436%;
width: 74.35897435897436%;
}
}
.one-sixth {
.one-sixth {
width: 14.52991452991453%;
width: 14.52991452991453%;
}
}
.five-sixths {
.five-sixths {
width: 82.90598290598291%;
width: 82.90598290598291%;
}
}
.first {
.first {
clear: both;
clear: both;
margin-left: 0;
margin-left: 0;
}
}
/* # Common Classes
/* # Common Classes
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Avatar
/* ## Avatar
--------------------------------------------- */
--------------------------------------------- */
.avatar {
.avatar {
复制
已复制
复制
已复制
border-radius: 50%;
float: left;
float: left;
}
}
复制
已复制
复制
已复制
.alignleft .avatar,
.author-box
.avatar,
.author-box
.avatar {
.alignleft
.avatar {
margin-right: 24px;
margin-right: 24px;
}
}
.alignright .avatar {
.alignright .avatar {
margin-left: 24px;
margin-left: 24px;
}
}
.comment .avatar {
.comment .avatar {
margin: 0 16px 24px 0;
margin: 0 16px 24px 0;
}
}
/* ## Genesis
/* ## Genesis
--------------------------------------------- */
--------------------------------------------- */
.breadcrumb {
.breadcrumb {
复制
已复制
复制
已复制
margin-bottom:
20px
;
background-color: #fff;
font-size: 1.6rem;
font-size: 16px;
margin-bottom:
1px;
padding: 12px 30px
;
}
}
复制
已复制
复制
已复制
.after-entry,
.archive-description,
.archive-description,
.author-box {
.author-box {
background-color: #fff;
background-color: #fff;
复制
已复制
复制
已复制
font-size: 1
6
px;
font-size: 1
8
px;
font-size: 1.
6
rem;
font-size: 1.
8
rem;
margin-bottom: 40px;
margin-bottom: 40px;
复制
已复制
复制
已复制
padding:
4
0px;
padding:
6
0px;
}
.author-box-title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 4px;
}
}
.archive-description p:last-child,
.archive-description p:last-child,
.author-box p:last-child {
.author-box p:last-child {
margin-bottom: 0;
margin-bottom: 0;
}
}
/* ## Search Form
/* ## Search Form
--------------------------------------------- */
--------------------------------------------- */
.search-form {
.search-form {
overflow: hidden;
overflow: hidden;
}
}
复制
已复制
复制
已复制
.site-header .search-form {
float: right;
margin-top: 12px;
}
.entry-content .search-form,
.entry-content .search-form,
.site-header .search-form {
.site-header .search-form {
复制
已复制
复制
已复制
margin-bottom: 40px;
width: 50%;
width: 50%;
}
}
复制
已复制
复制
已复制
.site-header .search-form {
float: right;
margin: 12px auto 0;
}
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
margin-top: 10px;
}
.genesis-nav-menu .search input[type="submit"],
.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
.widget_search input[type="submit"] {
border: 0;
border: 0;
clip: rect(0, 0, 0, 0);
clip: rect(0, 0, 0, 0);
height: 1px;
height: 1px;
margin: -1px;
margin: -1px;
padding: 0;
padding: 0;
position: absolute;
position: absolute;
width: 1px;
width: 1px;
}
}
/* ## Titles
/* ## Titles
--------------------------------------------- */
--------------------------------------------- */
复制
已复制
复制
已复制
.archive-title
{
.archive-description .entry-title,
.archive-title
,
.author-box-title
{
font-size: 20px;
font-size: 20px;
font-size: 2rem;
font-size: 2rem;
}
}
.entry-title {
.entry-title {
font-size: 36px;
font-size: 36px;
font-size: 3.6rem;
font-size: 3.6rem;
}
}
.entry-title a,
.entry-title a,
.sidebar .widget-title a {
.sidebar .widget-title a {
color: #333;
color: #333;
复制
已复制
复制
已复制
text-decoration: none;
}
}
.entry-title a:hover,
.entry-title a:hover,
.entry-title a:focus {
.entry-title a:focus {
color: #c3251d;
color: #c3251d;
}
}
.widget-title {
.widget-title {
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
margin-bottom: 20px;
margin-bottom: 20px;
}
}
复制
已复制
复制
已复制
.footer-widgets .widget-title {
color: #fff;
}
/* ## WordPress
/* ## WordPress
--------------------------------------------- */
--------------------------------------------- */
a.aligncenter img {
a.aligncenter img {
display: block;
display: block;
margin: 0 auto;
margin: 0 auto;
}
}
a.alignnone {
a.alignnone {
display: inline-block;
display: inline-block;
}
}
.alignleft {
.alignleft {
float: left;
float: left;
text-align: left;
text-align: left;
}
}
.alignright {
.alignright {
float: right;
float: right;
text-align: right;
text-align: right;
}
}
a.alignleft,
a.alignleft,
a.alignnone,
a.alignnone,
a.alignright {
a.alignright {
max-width: 100%;
max-width: 100%;
}
}
img.centered,
img.centered,
.aligncenter {
.aligncenter {
display: block;
display: block;
margin: 0 auto 24px;
margin: 0 auto 24px;
}
}
img.alignnone,
img.alignnone,
.alignnone {
.alignnone {
margin-bottom: 12px;
margin-bottom: 12px;
}
}
a.alignleft,
a.alignleft,
img.alignleft,
img.alignleft,
.wp-caption.alignleft {
.wp-caption.alignleft {
margin: 0 24px 24px 0;
margin: 0 24px 24px 0;
}
}
a.alignright,
a.alignright,
img.alignright,
img.alignright,
.wp-caption.alignright {
.wp-caption.alignright {
margin: 0 0 24px 24px;
margin: 0 0 24px 24px;
}
}
.wp-caption-text {
.wp-caption-text {
font-size: 14px;
font-size: 14px;
font-size: 1.4rem;
font-size: 1.4rem;
复制
已复制
复制
已复制
font-weight:
7
00;
font-weight:
6
00;
margin: 0;
text-align: center;
text-align: center;
}
}
.entry-content p.wp-caption-text {
.entry-content p.wp-caption-text {
margin-bottom: 0;
margin-bottom: 0;
}
}
复制
已复制
复制
已复制
.sticky {
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-playlist,
.entry-content .wp-video {
.entry-content .wp-video {
margin: 0 0 28px;
margin: 0 0 28px;
}
}
/* # Widgets
/* # Widgets
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
.widget {
.widget {
复制
已复制
复制
已复制
margin-bottom: 40px;
word-wrap: break-word;
word-wrap: break-word;
}
}
复制
已复制
复制
已复制
.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
margin-bottom: 0;
}
.widget ul > li {
Text moved from lines 1396-1399
margin-bottom: 10px;
padding-bottom: 10px;
}
.widget ul > li:last-of-type {
padding-bottom: 0;
}
.widget ol > li {
.widget ol > li {
list-style-position: inside;
list-style-position: inside;
list-style-type: decimal;
list-style-type: decimal;
padding-left: 20px;
padding-left: 20px;
text-indent: -20px;
text-indent: -20px;
}
}
.widget li li {
.widget li li {
border: 0;
border: 0;
margin: 0 0 0 30px;
margin: 0 0 0 30px;
padding: 0;
padding: 0;
}
}
.widget_calendar table {
.widget_calendar table {
width: 100%;
width: 100%;
}
}
.widget_calendar td,
.widget_calendar td,
.widget_calendar th {
.widget_calendar th {
text-align: center;
text-align: center;
}
}
/* ## Featured Content
/* ## Featured Content
--------------------------------------------- */
--------------------------------------------- */
.featured-content .entry {
.featured-content .entry {
复制
已复制
复制
已复制
border-bottom: 2px solid #f5f5f5;
background: none
;
margin-bottom: 20px
;
padding: 0
;
padding: 0
0 24px
;
}
}
复制
已复制
复制
已复制
.
footer-widgets
.entry
{
.
featured-content
.entry
:last-of-type
{
border
-bottom:
1px dotted #666
;
margin
-bottom:
0
;
}
}
.featured-content .entry-title {
.featured-content .entry-title {
font-size: 20px;
font-size: 20px;
font-size: 2rem;
font-size: 2rem;
}
}
/* # Plugins
/* # Plugins
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Genesis eNews Extended
/* ## Genesis eNews Extended
--------------------------------------------- */
--------------------------------------------- */
复制
已复制
复制
已复制
.enews-widget,
.sidebar
.enews-widget,
.enews-widget .widget-title {
.sidebar
.enews-widget .widget-title {
color: #fff;
color: #fff;
}
}
.sidebar .widget.enews-widget {
.sidebar .widget.enews-widget {
background-color: #333;
background-color: #333;
}
}
复制
已复制
复制
已复制
.enews-widget input,
.sidebar
.enews-widget input,
.enews-widget input:focus {
.sidebar
.enews-widget input:focus {
border: 1px solid #333;
border: 1px solid #333;
}
}
复制
已复制
复制
已复制
Text moved with changes from lines 440-446 (85.0% similarity)
.sidebar .enews-widget input[type="submit"] {
background-color: #c3251d;
color: #fff;
}
.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"] {
background-color: #fff;
color: #333;
}
.enews-widget input {
.enews-widget input {
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
margin-bottom: 16px;
margin-bottom: 16px;
}
}
.enews-widget input[type="submit"] {
.enews-widget input[type="submit"] {
复制
已复制
复制
已复制
background-color: #c3251d;
color: #fff;
margin: 0;
margin: 0;
width: 100%;
width: 100%;
}
}
复制
已复制
复制
已复制
.enews-widget input:hover[type="submit"],
.enews-widget input:focus[type="submit"] {
background-color: #fff;
color: #333;
}
.enews form + p {
.enews form + p {
margin-top: 24px;
margin-top: 24px;
}
}
/* ## Jetpack
/* ## Jetpack
--------------------------------------------- */
--------------------------------------------- */
#wpstats {
#wpstats {
display: none;
display: none;
}
}
/* # Skip Links
/* # Skip Links
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
复制
已复制
复制
已复制
.genesis-skip-link {
.genesis-skip-link {
margin: 0;
margin: 0;
}
}
.genesis-skip-link li {
.genesis-skip-link li {
height: 0;
height: 0;
width: 0;
width: 0;
list-style: none;
list-style: none;
}
}
/* Display outline on focus */
/* Display outline on focus */
:focus {
:focus {
color: #333;
color: #333;
outline: #ccc solid 1px;
outline: #ccc solid 1px;
}
}
/* # Site Header
/* # Site Header
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
.site-header {
.site-header {
background-color: #fff;
background-color: #fff;
复制
已复制
复制
已复制
min-height: 160px;
}
}
复制
已复制
复制
已复制
.site-header
.wrap {
.site-header
>
.wrap {
padding:
4
0px 0;
padding:
2
0px 0;
}
}
/* ## Title Area
/* ## Title Area
--------------------------------------------- */
--------------------------------------------- */
.title-area {
.title-area {
float: left;
float: left;
padding: 10px 0;
padding: 10px 0;
复制
已复制
复制
已复制
width:
360px;
width:
300px;
}
.header-image .title-area {
margin: 0 auto;
max-width: 300px;
padding: 0;
}
}
.header-full-width .title-area {
.header-full-width .title-area {
复制
已复制
复制
已复制
float: none;
width: 100%;
width: 100%;
}
}
.site-title {
.site-title {
复制
已复制
复制
已复制
font-size: 3
2
px;
font-size: 3
0
px;
font-size: 3
.2
rem;
font-size: 3
rem;
font-weight:
4
00;
font-weight:
7
00;
line-height: 1.2;
line-height: 1.2;
}
}
.site-title a,
.site-title a,
.site-title a:hover,
.site-title a:hover,
.site-title a:focus {
.site-title a:focus {
color: #333;
color: #333;
复制
已复制
复制
已复制
text-decoration: none;
}
}
.header-image .site-title > a {
.header-image .site-title > a {
复制
已复制
复制
已复制
background
: url(images/logo.png) no-repeat left;
background
-position: center !important;
background-size: contain !important;
float: left;
float: left;
复制
已复制
复制
已复制
min-height:
6
0px;
min-height:
8
0px;
width: 100%;
width: 100%;
}
}
.site-description {
.site-description {
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
复制
已复制
复制
已复制
font-weight:
3
00;
font-weight:
4
00;
line-height: 1.5;
line-height: 1.5;
}
}
.site-description,
.site-description,
.site-title {
.site-title {
margin-bottom: 0;
margin-bottom: 0;
}
}
.header-image .site-description,
.header-image .site-description,
.header-image .site-title {
.header-image .site-title {
display: block;
display: block;
text-indent: -9999px;
text-indent: -9999px;
}
}
/* ## Widget Area
/* ## Widget Area
--------------------------------------------- */
--------------------------------------------- */
.site-header .widget-area {
.site-header .widget-area {
float: right;
float: right;
text-align: right;
text-align: right;
width: 800px;
width: 800px;
}
}
/* # Site Navigation
/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
.genesis-nav-menu {
clear: both;
clear: both;
已保存差异
原始文本
打开文件
/* # Genesis Sample Child Theme Theme Name: Genesis Sample Theme Theme URI: http://my.studiopress.com/themes/genesis/ Description: This is the sample theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Template: genesis Template Version: 2.2.2 Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* # Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary Navigation - Secondary Navigation - Skip Links - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Media Queries - Retina Display - Max-width: 1200px - Max-width: 960px - Max-width: 800px - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 1.8rem; } body { background-color: #f5f5f5; color: #333; font-family: Lato, sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 300; line-height: 1.625; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #c3251d; text-decoration: underline; } a:hover, a:focus { color: #333; text-decoration: none; } p { margin: 0 0 28px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #ddd; clear: both; margin: 1em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: Lato, sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 30px; font-size: 3rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #ddd; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 300; padding: 16px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #333; font-weight: 300; opacity: 1; } ::-webkit-input-placeholder { color: #333; font-weight: 300; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #333; border: 0; color: #fff; cursor: pointer; font-size: 16px; font-size: 1.6rem; font-weight: 300; padding: 16px 24px; text-transform: uppercase; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #c3251d; color: #fff; } .entry-content .button:hover, .entry-content .button:focus { color: #fff; } .footer-widgets button, .footer-widgets input[type="button"], .footer-widgets input[type="reset"], .footer-widgets input[type="submit"], .footer-widgets .button { background-color: #c3251d; color: #fff; } .footer-widgets button:hover, .footer-widgets input:hover[type="button"], .footer-widgets input:hover[type="reset"], .footer-widgets input:hover[type="submit"], .footer-widgets .button:hover, .footer-widgets button:focus, .footer-widgets input:focus[type="button"], .footer-widgets input:focus[type="reset"], .footer-widgets input:focus[type="submit"], .footer-widgets .button:focus { background-color: #fff; color: #333; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } .more-link { position: relative; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 1200px; } .site-inner { clear: both; padding-top: 40px; } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 980px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* ### Content */ .content { float: right; width: 800px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 580px; } .full-width-content .content { width: 100%; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* ## Column Classes --------------------------------------------- */ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 20px; } .archive-description, .author-box { background-color: #fff; font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; padding: 40px; } .author-box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .site-header .search-form { float: right; margin-top: 12px; } .entry-content .search-form, .site-header .search-form { width: 50%; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* ## Titles --------------------------------------------- */ .archive-title { font-size: 20px; font-size: 2rem; } .entry-title { font-size: 36px; font-size: 3.6rem; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover, .entry-title a:focus { color: #c3251d; } .widget-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } .footer-widgets .widget-title { color: #fff; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .sticky { } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 2px solid #f5f5f5; margin-bottom: 20px; padding: 0 0 24px; } .footer-widgets .entry { border-bottom: 1px dotted #666; } .featured-content .entry-title { font-size: 20px; font-size: 2rem; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .enews-widget, .enews-widget .widget-title { color: #fff; } .sidebar .widget.enews-widget { background-color: #333; } .enews-widget input, .enews-widget input:focus { border: 1px solid #333; } .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { background-color: #c3251d; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"], .enews-widget input:focus[type="submit"] { background-color: #fff; color: #333; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #fff; min-height: 160px; } .site-header .wrap { padding: 40px 0; } /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 10px 0; width: 360px; } .header-full-width .title-area { width: 100%; } .site-title { font-size: 32px; font-size: 3.2rem; font-weight: 400; line-height: 1.2; } .site-title a, .site-title a:hover, .site-title a:focus { color: #333; } .header-image .site-title > a { background: url(images/logo.png) no-repeat left; float: left; min-height: 60px; width: 100%; } .site-description { font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 800px; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 16px; font-size: 1.6rem; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { color: #333; text-decoration: none; display: block; padding: 30px 24px; } .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { color: #c3251d; text-decoration: underline; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: 0; font-size: 14px; font-size: 1.4rem; padding: 20px; position: relative; width: 200px; word-wrap: break-word; } .genesis-nav-menu .sub-menu .sub-menu { margin: -55px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { color: #fff; float: right; list-style-type: none; padding: 30px 0; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; } .genesis-nav-menu > .search { padding: 10px 0 0; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /* ## Site Header Navigation --------------------------------------------- */ .site-header .sub-menu { border-top: 1px solid #eee; } .site-header .sub-menu .sub-menu { margin-top: -56px; } .site-header .genesis-nav-menu li li { margin-left: 0; } /* ## Primary Navigation --------------------------------------------- */ .nav-primary { background-color: #333; } .nav-primary .genesis-nav-menu a { color: #ccc; text-decoration: none; } .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu .current-menu-item > a { color: #fff; text-decoration: underline; } .nav-primary .genesis-nav-menu .sub-menu a { color: #333; } .nav-primary .genesis-nav-menu .sub-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu a:focus, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a { color: #c3251d; text-decoration: underline; } /* ## Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #fff; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry { margin-bottom: 40px; padding: 50px 60px; } .content .entry { background-color: #fff; } .entry-content ol, .entry-content ul { margin-bottom: 28px; margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #ddd; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-footer .entry-meta { border-top: 2px solid #f5f5f5; padding-top: 24px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #333; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-size: 1.6rem; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination .active a { background-color: #c3251d; text-decoration: underline; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; margin-bottom: 40px; } .comment-respond, .entry-pings { padding: 40px 40px 16px; } .entry-comments { padding: 40px; } .comment-header { font-size: 16px; font-size: 1.6rem; } li.comment { background-color: #f5f5f5; border: 2px solid #fff; border-right: 0; } .comment-content { clear: both; word-wrap: break-word; } .comment-list li { margin-top: 24px; padding: 32px; } .comment-list li li { margin-right: -32px; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 16px; font-size: 1.6rem; padding: 24px; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 16px; font-size: 1.6rem; } .sidebar li { border-bottom: 1px dotted #ddd; margin-bottom: 10px; padding-bottom: 10px; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #fff; margin-bottom: 40px; padding: 40px; } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #333; clear: both; padding-top: 40px; } .footer-widgets, .footer-widgets a { color: #aaa; } .footer-widgets input { border: 1px solid #333; } .footer-widgets a.button, .footer-widgets a:hover, .footer-widgets a:focus { color: #fff; } .footer-widgets li { border-bottom: 1px dotted #666; margin-bottom: 10px; padding-bottom: 10px; } .footer-widgets .widget { margin-bottom: 40px; } .footer-widgets p:last-child { margin-bottom: 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 340px; } .footer-widgets-1 { margin-right: 60px; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 1; padding: 40px 0; text-align: center; } .site-footer p { margin-bottom: 0; } /* # Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1200px) { .site-inner, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content, .site-header .widget-area { width: 620px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .sidebar-primary, .title-area { width: 300px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-primary, .title-area { width: 300px; } .footer-widgets-1 { margin-right: 30px; } } @media only screen and (max-width: 960px) { .site-inner, .wrap { max-width: 800px; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area { width: 100%; } .site-header .wrap { padding: 20px 5%; } .header-image .site-title > a { background-position: center top; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 20px 16px; } .site-header .search-form { margin: 16px auto; } .genesis-nav-menu li.right { display: none; } .footer-widgets-1 { margin-right: 0; } } @media only screen and (max-width: 800px) { body { background-color: #fff; font-size: 16px; font-size: 1.6rem; } .site-inner, .wrap { padding-left: 5%; padding-right: 5%; } .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .sidebar .widget, .site-header { padding: 0; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .sidebar .widget.enews-widget { padding: 40px; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *:before, *:after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after, .site-title > a:after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } }
更改后文本
打开文件
/* Theme Name: Genesis Sample Theme URI: http://www.studiopress.com/ Description: This is the sample theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 2.2.3 Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.2.3 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* # Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Skip Links - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - After Header Navigation - Footer Navigation - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Media Queries - Max-width: 1340px - Max-width: 1200px - Max-width: 1023px - Max-width: 860px - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 2rem; } body { background-color: #eee; color: #333; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-size: 2rem; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1.625; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #c3251d; text-decoration: underline; } a:hover, a:focus { color: #333; text-decoration: none; } p { margin: 0 0 28px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #eee; clear: both; margin: 1em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 30px; font-size: 3rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } figure { margin: 0; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery img { border: 1px solid #eee; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 400; padding: 16px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #333; opacity: 1; } ::-webkit-input-placeholder { color: #333; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #333; border: 0; color: #fff; cursor: pointer; font-size: 16px; font-size: 1.6rem; font-weight: 700; padding: 16px 24px; text-decoration: none; white-space: normal; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #c3251d; color: #fff; } .entry-content .button:hover, .entry-content .button:focus { color: #fff; } .button { display: inline-block; } a.button.small, button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small { padding: 8px 16px; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; word-break: break-word; } tbody { border-bottom: 1px solid #eee; } td, th { text-align: left; } td { border-top: 1px solid #eee; padding: 6px; } th { font-weight: 400; padding: 0 6px; } td:first-child, th:first-child { padding-left: 0; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } .more-link { position: relative; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 1280px; } .site-inner { clear: both; padding-top: 40px; word-wrap: break-word; } .landing-page .site-inner { max-width: 800px; } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 1060px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* ### Content */ .content { float: right; width: 880px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 660px; } .full-width-content .content { width: 100%; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* ## Column Classes --------------------------------------------- */ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { background-color: #fff; font-size: 1.6rem; font-size: 16px; margin-bottom: 1px; padding: 12px 30px; } .after-entry, .archive-description, .author-box { background-color: #fff; font-size: 18px; font-size: 1.8rem; margin-bottom: 40px; padding: 60px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form, .site-header .search-form { margin-bottom: 40px; width: 50%; } .site-header .search-form { float: right; margin: 12px auto 0; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* ## Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 20px; font-size: 2rem; } .entry-title { font-size: 36px; font-size: 3.6rem; } .entry-title a, .sidebar .widget-title a { color: #333; text-decoration: none; } .entry-title a:hover, .entry-title a:focus { color: #c3251d; } .widget-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 600; margin: 0; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { margin-bottom: 40px; word-wrap: break-word; } .widget p:last-child, .widget ul > li:last-of-type, .widget-area .widget:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; padding-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { background: none; padding: 0; } .featured-content .entry:last-of-type { margin-bottom: 0; } .featured-content .entry-title { font-size: 20px; font-size: 2rem; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .sidebar .enews-widget, .sidebar .enews-widget .widget-title { color: #fff; } .sidebar .widget.enews-widget { background-color: #333; } .sidebar .enews-widget input, .sidebar .enews-widget input:focus { border: 1px solid #333; } .sidebar .enews-widget input[type="submit"] { background-color: #c3251d; color: #fff; } .sidebar .enews-widget input:hover[type="submit"], .sidebar .enews-widget input:focus[type="submit"] { background-color: #fff; color: #333; } .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #fff; } .site-header > .wrap { padding: 20px 0; } /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 10px 0; width: 300px; } .header-image .title-area { margin: 0 auto; max-width: 300px; padding: 0; } .header-full-width .title-area { float: none; width: 100%; } .site-title { font-size: 30px; font-size: 3rem; font-weight: 700; line-height: 1.2; } .site-title a, .site-title a:hover, .site-title a:focus { color: #333; text-decoration: none; } .header-image .site-title > a { background-position: center !important; background-size: contain !important; float: left; min-height: 80px; width: 100%; } .site-description { font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 800px; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 16px; font-size: 1.6rem; font-weight: 600; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin-bottom: 0; padding-bottom: 0; text-align: left; } .genesis-nav-menu a { color: #333; text-decoration: none; display: block; padding: 32px 20px; } .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { color: #c3251d; text-decoration: underline; } .genesis-nav-menu .sub-menu { border-top: 1px solid #eee; left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: 0; font-size: 14px; font-size: 1.4rem; padding: 20px; position: relative; width: 200px; word-wrap: break-word; } .genesis-nav-menu .sub-menu .sub-menu { margin: -56px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { float: right; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .sub-menu-toggle, .menu-toggle { display: none; visibility: hidden; } /* ## Site Header Navigation --------------------------------------------- */ .site-header .genesis-nav-menu li li { margin-left: 0; } /* ## After Header Navigation --------------------------------------------- */ .nav-primary { background-color: #fff; border-top: 1px solid #eee; } /* ## Footer Navigation --------------------------------------------- */ .site-footer .genesis-nav-menu { padding-bottom: 20px; } .site-footer .genesis-nav-menu a { padding: 0 20px 10px; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry { background-color: #fff; margin-bottom: 40px; padding: 70px 80px; } .entry-content ol, .entry-content ul { margin-bottom: 28px; margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #eee; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-footer .entry-meta { border-top: 1px solid #eee; padding-top: 24px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination a { background-color: #fff; color: #333; cursor: pointer; display: inline-block; font-size: 16px; font-size: 1.6rem; font-weight: 600; padding: 8px 12px; text-decoration: none; } .archive-pagination a:hover, .archive-pagination a:focus, .archive-pagination .active a { background-color: #c3251d; color: #fff; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; } .comment-respond, .entry-pings { padding: 60px 60px 32px; } .entry-comments { padding: 60px; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings .reply { display: none; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; } .sidebar .widget { background-color: #fff; padding: 40px; } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #fff; font-size: 18px; font-size: 1.8rem; clear: both; padding: 60px 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 380px; } .footer-widgets-1 { margin-right: 70px; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #fff; border-top: 1px solid #eee; font-size: 16px; font-size: 1.6rem; line-height: 1; padding: 60px 0; text-align: center; } .site-footer p { margin-bottom: 0; } /* # Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1340px) { .site-inner, .wrap { max-width: 1140px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 920px; } .content, .site-header .widget-area { width: 800px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 580px; } .sidebar-primary { width: 300px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 340px; } .footer-widgets-1 { margin-right: 60px; } } @media only screen and (max-width: 1200px) { .site-inner, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content, .site-header .widget-area { width: 620px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 300px; } .footer-widgets-1 { margin-right: 30px; } } @media only screen and (max-width: 1023px) { .site-inner, .wrap { max-width: 800px; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .js .genesis-nav-menu .sub-menu a, .js .genesis-nav-menu .sub-menu, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area { width: 100%; } .site-header .wrap { padding-left: 5%; padding-right: 5%; } .genesis-nav-menu li, .header-image .title-area, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .widget-area, .site-title { text-align: center; } .site-header .search-form { margin: 16px auto; } .js nav.nav-primary, .js .site-header nav { display: none; position: relative; } .js .site-header nav .wrap { padding: 0; } .js nav.pagination { display: block; } .menu-toggle, .sub-menu-toggle { border-width: 0; background-color: #fff; color: #333; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; } .sub-menu-toggle:hover, .sub-menu-toggle:focus { border-width: 0; } .menu-toggle { border-top: 1px solid #eee; line-height: 20px; position: relative; right: 0; z-index: 1000; width: 100%; } .site-header .menu-toggle { border: 0; } .menu-toggle:before, .menu-toggle.activated:before { margin-right: 10px; text-rendering: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .sub-menu-toggle { float: right; padding: 10px; position: absolute; right: 0; top: 0; z-index: 100; } .sub-menu-toggle:before { display: inline-block; text-rendering: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .sub-menu-toggle.activated:before { content: "\f142"; } .js .nav-primary .genesis-nav-menu .menu-item, .js .site-header .genesis-nav-menu .menu-item { display: block; float: none; margin: 1px 0; position: relative; text-align: left; } .js .genesis-nav-menu .menu-item:hover { position: relative; } .js .nav-primary .genesis-nav-menu .menu-item a, .js .site-header .genesis-nav-menu .menu-item a { border: none; padding: 12px 0; width: 100%; } .js .genesis-nav-menu .sub-menu { border: none; } .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu, .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu { left: 0; margin-left: 0; } .js .genesis-nav-menu > .menu-item-has-children > a:after { content: none; } .js .genesis-nav-menu .sub-menu { clear: both; display: none; margin: 0; opacity: 1; padding-left: 15px; position: static; width: 100%; } .js .genesis-nav-menu .sub-menu .sub-menu { margin: 0; } .js nav button:hover, .js .menu-toggle:hover, .js .nav-primary { background-color: #fff; color: #000; } .js nav button:focus, .js .menu-toggle:focus { background-color: #fff; color: #c3251d; } .footer-widgets-1, .footer-widgets-2 { margin: 0 auto 40px; } } @media only screen and (max-width: 860px) { body > div { font-size: 1.8rem; } body { font-size: 18px; font-size: 1.8rem; } .site-inner { padding: 5% 5% 0; } .wrap { padding-left: 5%; padding-right: 5%; } .after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .sidebar .widget { padding: 30px; margin-bottom: 5%; } .sidebar { margin-bottom: 5%; } .pagination { margin: 5% auto; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *:before, *:after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after, .site-title > a:after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } }
查找差异