Diff
checker
Text
Text
Images
Documents
Excel
Folders
Legal
Enterprise
Desktop
Pricing
Sign in
Download Diffchecker Desktop
Compare text
Find the difference between two text files
Tools
History
Display
Layout
Split
Unified
Real-time editor
Hide whitespace changes
Hide unchanged lines
Disable line wrap
Diff precision
Smart
Syntax
None
Change appearance
Process
Ignore
Transform text
Go to first change
Edit input
Diffchecker Desktop
The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!
Get Desktop
Untitled diff
Created
10 years ago
Diff never expires
Clear
Export
Share
Explain
266 removals
Lines
Total
Removed
Characters
Total
Removed
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
1456 lines
Copy
246 additions
Lines
Total
Added
Characters
Total
Added
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
1432 lines
Copy
Copy
Copied
Copy
Copied
/*
# 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/
Copy
Copied
Copy
Copied
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
Copy
Copied
Copy
Copied
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
Copy
Copied
Copy
Copied
- 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
Copy
Copied
Copy
Copied
-
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
Copy
Copied
Copy
Copied
-
Retina Display
-
Max-width: 1340px
- Max-width: 1200px
- Max-width: 1200px
Copy
Copied
Copy
Copied
- 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,
Copy
Copied
Copy
Copied
.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,
Copy
Copied
Copy
Copied
.widget:after,
.wrap:after {
.wrap:after {
clear: both;
clear: both;
content: " ";
content: " ";
display: table;
display: table;
}
}
/* # Defaults
/* # Defaults
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Typographical Elements
/* ## Typographical Elements
--------------------------------------------- */
--------------------------------------------- */
html {
html {
Copy
Copied
Copy
Copied
font-size: 62.5%; /* 10px browser default */
font-size: 62.5%; /* 10px browser default */
}
}
/* Chrome fix */
/* Chrome fix */
body > div {
body > div {
Copy
Copied
Copy
Copied
font-size:
1.8
rem;
font-size:
2
rem;
}
}
body {
body {
Copy
Copied
Copy
Copied
background-color: #
f5f5f5
;
background-color: #
eee
;
color: #333;
color: #333;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
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 {
Copy
Copied
Copy
Copied
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;
}
}
Copy
Copied
Copy
Copied
.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;
}
}
Copy
Copied
Copy
Copied
.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%;
}
}
Copy
Copied
Copy
Copied
.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 {
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
font-weight: 300;
opacity: 1;
opacity: 1;
}
}
::-webkit-input-placeholder {
::-webkit-input-placeholder {
color: #333;
color: #333;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
font-weight:
3
00;
font-weight:
7
00;
padding: 16px 24px;
padding: 16px 24px;
Copy
Copied
Copy
Copied
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;
}
}
Copy
Copied
Copy
Copied
.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;
}
}
Copy
Copied
Copy
Copied
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%;
Copy
Copied
Copy
Copied
word-break: break-word;
}
}
tbody {
tbody {
Copy
Copied
Copy
Copied
border-bottom: 1px solid #
ddd
;
border-bottom: 1px solid #
eee
;
}
}
td,
td,
th {
th {
text-align: left;
text-align: left;
}
}
td {
td {
Copy
Copied
Copy
Copied
border-top: 1px solid #
ddd
;
border-top: 1px solid #
eee
;
padding: 6px
0
;
padding: 6px
;
}
}
th {
th {
font-weight: 400;
font-weight: 400;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
max-width: 12
0
0px;
max-width: 12
8
0px;
}
}
.site-inner {
.site-inner {
clear: both;
clear: both;
padding-top: 40px;
padding-top: 40px;
Copy
Copied
Copy
Copied
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 {
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
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 {
Copy
Copied
Copy
Copied
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 {
Copy
Copied
Copy
Copied
border-radius: 50%;
float: left;
float: left;
}
}
Copy
Copied
Copy
Copied
.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 {
Copy
Copied
Copy
Copied
margin-bottom:
20px
;
background-color: #fff;
font-size: 1.6rem;
font-size: 16px;
margin-bottom:
1px;
padding: 12px 30px
;
}
}
Copy
Copied
Copy
Copied
.after-entry,
.archive-description,
.archive-description,
.author-box {
.author-box {
background-color: #fff;
background-color: #fff;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
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;
}
}
Copy
Copied
Copy
Copied
.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 {
Copy
Copied
Copy
Copied
margin-bottom: 40px;
width: 50%;
width: 50%;
}
}
Copy
Copied
Copy
Copied
.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
--------------------------------------------- */
--------------------------------------------- */
Copy
Copied
Copy
Copied
.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;
Copy
Copied
Copy
Copied
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;
}
}
Copy
Copied
Copy
Copied
.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;
Copy
Copied
Copy
Copied
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;
}
}
Copy
Copied
Copy
Copied
.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 {
Copy
Copied
Copy
Copied
margin-bottom: 40px;
word-wrap: break-word;
word-wrap: break-word;
}
}
Copy
Copied
Copy
Copied
.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 {
Copy
Copied
Copy
Copied
border-bottom: 2px solid #f5f5f5;
background: none
;
margin-bottom: 20px
;
padding: 0
;
padding: 0
0 24px
;
}
}
Copy
Copied
Copy
Copied
.
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
--------------------------------------------- */
--------------------------------------------- */
Copy
Copied
Copy
Copied
.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;
}
}
Copy
Copied
Copy
Copied
.enews-widget input,
.sidebar
.enews-widget input,
.enews-widget input:focus {
.sidebar
.enews-widget input:focus {
border: 1px solid #333;
border: 1px solid #333;
}
}
Copy
Copied
Copy
Copied
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"] {
Copy
Copied
Copy
Copied
background-color: #c3251d;
color: #fff;
margin: 0;
margin: 0;
width: 100%;
width: 100%;
}
}
Copy
Copied
Copy
Copied
.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
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
Copy
Copied
Copy
Copied
.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;
Copy
Copied
Copy
Copied
min-height: 160px;
}
}
Copy
Copied
Copy
Copied
.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;
Copy
Copied
Copy
Copied
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 {
Copy
Copied
Copy
Copied
float: none;
width: 100%;
width: 100%;
}
}
.site-title {
.site-title {
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
text-decoration: none;
}
}
.header-image .site-title > a {
.header-image .site-title > a {
Copy
Copied
Copy
Copied
background
: url(images/logo.png) no-repeat left;
background
-position: center !important;
background-size: contain !important;
float: left;
float: left;
Copy
Copied
Copy
Copied
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;
Copy
Copied
Copy
Copied
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;
Saved diffs
Original text
Open file
/* # 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; } }
Changed text
Open file
/* 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; } }
Find difference