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
Real-time editor
Hide unchanged lines
Disable line wrap
Layout
Split
Unified
Diff precision
Smart
Word
Char
Syntax highlighting
Choose syntax
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
3 removals
Lines
Total
Removed
Characters
Total
Removed
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
1436 lines
Copy
1 addition
Lines
Total
Added
Characters
Total
Added
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
1435 lines
Copy
/*
/*
Theme Name: Genesis Sample
Theme Name: Genesis Sample
Theme URI: http://www.studiopress.com/
Theme URI: http://www.studiopress.com/
Description: This is the sample theme created for the Genesis Framework.
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author: StudioPress
Author URI: http://www.studiopress.com/
Author URI: http://www.studiopress.com/
Version: 2.2.3
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
Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: genesis
Template: genesis
Template Version: 2.2.3
Template Version: 2.2.3
License: GPL-2.0+
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
*/
/* # Table of Contents
/* # Table of Contents
- HTML5 Reset
- HTML5 Reset
- Baseline Normalize
- Baseline Normalize
- Box Sizing
- Box Sizing
- Float Clearing
- Float Clearing
- Defaults
- Defaults
- Typographical Elements
- Typographical Elements
- Headings
- Headings
- Objects
- Objects
- Gallery
- Gallery
- Forms
- Forms
- Tables
- Tables
- Screen Reader Text
- Screen Reader Text
- Structure and Layout
- Structure and Layout
- Site Containers
- Site Containers
- Column Widths and Positions
- Column Widths and Positions
- Column Classes
- Column Classes
- Common Classes
- Common Classes
- Avatar
- Avatar
- Genesis
- Genesis
- Search Form
- Search Form
- Titles
- Titles
- WordPress
- WordPress
- Widgets
- Widgets
- Featured Content
- Featured Content
- Plugins
- Plugins
- Genesis eNews Extended
- Genesis eNews Extended
- Jetpack
- Jetpack
- Skip Links
- 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
- After Header Navigation
- After Header Navigation
- Footer Navigation
- Footer Navigation
- 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
- Max-width: 1340px
- Max-width: 1340px
- Max-width: 1200px
- Max-width: 1200px
- Max-width: 1023px
- Max-width: 1023px
- Max-width: 860px
- Max-width: 860px
- Print Styles
- Print Styles
*/
*/
/* # HTML5 Reset
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
/* ## Baseline Normalize
--------------------------------------------- */
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* ## Box Sizing
/* ## Box Sizing
--------------------------------------------- */
--------------------------------------------- */
html,
html,
input[type="search"]{
input[type="search"]{
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
}
}
*,
*,
*:before,
*:before,
*:after {
*:after {
box-sizing: inherit;
box-sizing: inherit;
}
}
/* ## Float Clearing
/* ## Float Clearing
--------------------------------------------- */
--------------------------------------------- */
.author-box:before,
.author-box:before,
.clearfix:before,
.clearfix:before,
.entry:before,
.entry:before,
.entry-content:before,
.entry-content:before,
.footer-widgets:before,
.footer-widgets:before,
.nav-primary:before,
.nav-primary:before,
.nav-secondary:before,
.nav-secondary:before,
.pagination:before,
.pagination:before,
.site-container:before,
.site-container:before,
.site-footer:before,
.site-footer:before,
.site-header:before,
.site-header:before,
.site-inner:before,
.site-inner:before,
.widget:before,
.widget:before,
.wrap:before {
.wrap:before {
content: " ";
content: " ";
display: table;
display: table;
}
}
.author-box:after,
.author-box:after,
.clearfix:after,
.clearfix:after,
.entry:after,
.entry:after,
.entry-content:after,
.entry-content:after,
.footer-widgets:after,
.footer-widgets:after,
.nav-primary:after,
.nav-primary:after,
.nav-secondary:after,
.nav-secondary:after,
.pagination:after,
.pagination:after,
.site-container:after,
.site-container:after,
.site-footer:after,
.site-footer:after,
.site-header:after,
.site-header:after,
.site-inner:after,
.site-inner:after,
.widget:after,
.widget:after,
.wrap:after {
.wrap:after {
clear: both;
clear: both;
content: " ";
content: " ";
display: table;
display: table;
}
}
/* # Defaults
/* # Defaults
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Typographical Elements
/* ## Typographical Elements
--------------------------------------------- */
--------------------------------------------- */
html {
html {
font-size: 62.5%; /* 10px browser default */
font-size: 62.5%; /* 10px browser default */
}
}
/* Chrome fix */
/* Chrome fix */
body > div {
body > div {
font-size: 2rem;
font-size: 2rem;
}
}
body {
body {
background-color: #eee;
background-color: #eee;
color: #333;
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-size: 20px;
font-size: 2rem;
font-size: 2rem;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-weight: 400;
font-weight: 400;
line-height: 1.625;
line-height: 1.625;
margin: 0;
margin: 0;
}
}
a,
a,
button,
button,
input:focus,
input:focus,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"],
input[type="submit"],
textarea:focus,
textarea:focus,
.button,
.button,
.gallery img {
.gallery img {
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
}
a {
a {
color: #c3251d;
color: #c3251d;
text-decoration: underline;
text-decoration: underline;
}
}
a:hover,
a:hover,
a:focus {
a:focus {
color: #333;
color: #333;
text-decoration: none;
text-decoration: none;
}
}
p {
p {
margin: 0 0 28px;
margin: 0 0 28px;
padding: 0;
padding: 0;
}
}
ol,
ol,
ul {
ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
li {
li {
list-style-type: none;
list-style-type: none;
}
}
hr {
hr {
border: 0;
border: 0;
border-collapse: collapse;
border-collapse: collapse;
border-top: 1px solid #eee;
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 {
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-weight: 600;
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;
}
}
figure {
figure {
margin: 0;
margin: 0;
}
}
/* ## Gallery
/* ## Gallery
--------------------------------------------- */
--------------------------------------------- */
.gallery {
.gallery {
overflow: hidden;
overflow: hidden;
}
}
.gallery-item {
.gallery-item {
float: left;
float: left;
margin: 0 0 28px;
margin: 0 0 28px;
text-align: center;
text-align: center;
}
}
.gallery-columns-1 .gallery-item {
.gallery-columns-1 .gallery-item {
width: 100%;
width: 100%;
}
}
.gallery-columns-2 .gallery-item {
.gallery-columns-2 .gallery-item {
width: 50%;
width: 50%;
}
}
.gallery-columns-3 .gallery-item {
.gallery-columns-3 .gallery-item {
width: 33%;
width: 33%;
}
}
.gallery-columns-4 .gallery-item {
.gallery-columns-4 .gallery-item {
width: 25%;
width: 25%;
}
}
.gallery-columns-5 .gallery-item {
.gallery-columns-5 .gallery-item {
width: 20%;
width: 20%;
}
}
.gallery-columns-6 .gallery-item {
.gallery-columns-6 .gallery-item {
width: 16.6666%;
width: 16.6666%;
}
}
.gallery-columns-7 .gallery-item {
.gallery-columns-7 .gallery-item {
width: 14.2857%;
width: 14.2857%;
}
}
.gallery-columns-8 .gallery-item {
.gallery-columns-8 .gallery-item {
width: 12.5%;
width: 12.5%;
}
}
.gallery-columns-9 .gallery-item {
.gallery-columns-9 .gallery-item {
width: 11.1111%;
width: 11.1111%;
}
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
clear: left;
}
}
.gallery img {
.gallery img {
border: 1px solid #eee;
border: 1px solid #eee;
height: auto;
height: auto;
padding: 4px;
padding: 4px;
}
}
.gallery img:hover,
.gallery img:hover,
.gallery img:focus {
.gallery img:focus {
border: 1px solid #999;
border: 1px solid #999;
}
}
/* ## Forms
/* ## Forms
--------------------------------------------- */
--------------------------------------------- */
input,
input,
select,
select,
textarea {
textarea {
background-color: #fff;
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid #ddd;
color: #333;
color: #333;
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
font-weight: 400;
font-weight: 400;
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;
opacity: 1;
opacity: 1;
}
}
::-webkit-input-placeholder {
::-webkit-input-placeholder {
color: #333;
color: #333;
}
}
button,
button,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"],
input[type="submit"],
.button {
.button {
background-color: #333;
background-color: #333;
border: 0;
border: 0;
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
font-weight: 700;
font-weight: 700;
padding: 16px 24px;
padding: 16px 24px;
text-decoration: none;
text-decoration: none;
white-space: normal;
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;
}
}
.button {
.button {
display: inline-block;
display: inline-block;
}
}
a.button.small,
a.button.small,
button.small,
button.small,
input[type="button"].small,
input[type="button"].small,
input[type="reset"].small,
input[type="reset"].small,
input[type="submit"].small {
input[type="submit"].small {
padding: 8px 16px;
padding: 8px 16px;
}
}
.site-container button:disabled,
.site-container button:disabled,
.site-container button:disabled:hover,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
.site-container input[type="submit"]:disabled:hover {
background-color: #eee;
background-color: #eee;
border-width: 0;
border-width: 0;
color: #777;
color: #777;
cursor: not-allowed;
cursor: not-allowed;
}
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
input[type="search"]::-webkit-search-results-button {
display: none;
display: none;
}
}
/* ## Tables
/* ## Tables
--------------------------------------------- */
--------------------------------------------- */
table {
table {
border-collapse: collapse;
border-collapse: collapse;
border-spacing: 0;
border-spacing: 0;
line-height: 2;
line-height: 2;
margin-bottom: 40px;
margin-bottom: 40px;
width: 100%;
width: 100%;
word-break: break-word;
word-break: break-word;
}
}
tbody {
tbody {
border-bottom: 1px solid #eee;
border-bottom: 1px solid #eee;
}
}
td,
td,
th {
th {
text-align: left;
text-align: left;
}
}
td {
td {
border-top: 1px solid #eee;
border-top: 1px solid #eee;
padding: 6px;
padding: 6px;
}
}
th {
th {
font-weight: 400;
font-weight: 400;
padding: 0 6px;
padding: 0 6px;
}
}
td:first-child,
td:first-child,
th:first-child {
th:first-child {
padding-left: 0;
padding-left: 0;
}
}
/* ## Screen Reader Text
/* ## Screen Reader Text
--------------------------------------------- */
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text,
.screen-reader-text span,
.screen-reader-text span,
.screen-reader-shortcut {
.screen-reader-shortcut {
position: absolute !important;
position: absolute !important;
clip: rect(0, 0, 0, 0);
clip: rect(0, 0, 0, 0);
height: 1px;
height: 1px;
width: 1px;
width: 1px;
border: 0;
border: 0;
overflow: hidden;
overflow: hidden;
}
}
.screen-reader-text:focus,
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
.widget_search input[type="submit"]:focus {
clip: auto !important;
clip: auto !important;
height: auto;
height: auto;
width: auto;
width: auto;
display: block;
display: block;
font-size: 1em;
font-size: 1em;
font-weight: bold;
font-weight: bold;
padding: 15px 23px 14px;
padding: 15px 23px 14px;
color: #333;
color: #333;
background: #fff;
background: #fff;
z-index: 100000; /* Above WP toolbar. */
z-index: 100000; /* Above WP toolbar. */
text-decoration: none;
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}
}
.more-link {
.more-link {
position: relative;
position: relative;
}
}
/* # Structure and Layout
/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Site Containers
/* ## Site Containers
--------------------------------------------- */
--------------------------------------------- */
.site-inner,
.site-inner,
.wrap {
.wrap {
margin: 0 auto;
margin: 0 auto;
max-width: 1280px;
max-width: 1280px;
}
}
.site-inner {
.site-inner {
clear: both;
clear: both;
padding-top: 40px;
padding-top: 40px;
word-wrap: break-word;
word-wrap: break-word;
}
}
.landing-page .site-inner {
.landing-page .site-inner {
max-width: 800px;
max-width: 800px;
}
}
/* ## Column Widths and Positions
/* ## Column Widths and Positions
--------------------------------------------- */
--------------------------------------------- */
/* ### Wrapping div for .content and .sidebar-primary */
/* ### Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap,
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
.sidebar-sidebar-content .content-sidebar-wrap {
width: 1060px;
width: 1060px;
}
}
.content-sidebar-sidebar .content-sidebar-wrap {
.content-sidebar-sidebar .content-sidebar-wrap {
float: left;
float: left;
}
}
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
.sidebar-sidebar-content .content-sidebar-wrap {
float: right;
float: right;
}
}
/* ### Content */
/* ### Content */
.content {
.content {
float: right;
float: right;
width: 880px;
width: 880px;
}
}
.content-sidebar .content,
.content-sidebar .content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
.sidebar-content-sidebar .content {
float: left;
float: left;
}
}
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
.sidebar-sidebar-content .content {
width: 660px;
width: 660px;
}
}
.full-width-content .content {
.full-width-content .content {
width: 100%;
width: 100%;
}
}
/* ### Primary Sidebar */
/* ### Primary Sidebar */
.sidebar-primary {
.sidebar-primary {
float: right;
float: right;
width: 360px;
width: 360px;
}
}
.sidebar-content .sidebar-primary,
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
.sidebar-sidebar-content .sidebar-primary {
float: left;
float: left;
}
}
/* ### Secondary Sidebar */
/* ### Secondary Sidebar */
.sidebar-secondary {
.sidebar-secondary {
float: left;
float: left;
width: 180px;
width: 180px;
}
}
.content-sidebar-sidebar .sidebar-secondary {
.content-sidebar-sidebar .sidebar-secondary {
float: right;
float: right;
}
}
/* ## Column Classes
/* ## Column Classes
--------------------------------------------- */
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
.five-sixths,
.five-sixths,
.four-sixths,
.four-sixths,
.one-fourth,
.one-fourth,
.one-half,
.one-half,
.one-sixth,
.one-sixth,
.one-third,
.one-third,
.three-fourths,
.three-fourths,
.three-sixths,
.three-sixths,
.two-fourths,
.two-fourths,
.two-sixths,
.two-sixths,
.two-thirds {
.two-thirds {
float: left;
float: left;
margin-left: 2.564102564102564%;
margin-left: 2.564102564102564%;
}
}
.one-half,
.one-half,
.three-sixths,
.three-sixths,
.two-fourths {
.two-fourths {
width: 48.717948717948715%;
width: 48.717948717948715%;
}
}
.one-third,
.one-third,
.two-sixths {
.two-sixths {
width: 31.623931623931625%;
width: 31.623931623931625%;
}
}
.four-sixths,
.four-sixths,
.two-thirds {
.two-thirds {
width: 65.81196581196582%;
width: 65.81196581196582%;
}
}
.one-fourth {
.one-fourth {
width: 23.076923076923077%;
width: 23.076923076923077%;
}
}
.three-fourths {
.three-fourths {
width: 74.35897435897436%;
width: 74.35897435897436%;
}
}
.one-sixth {
.one-sixth {
width: 14.52991452991453%;
width: 14.52991452991453%;
}
}
.five-sixths {
.five-sixths {
width: 82.90598290598291%;
width: 82.90598290598291%;
}
}
.first {
.first {
clear: both;
clear: both;
margin-left: 0;
margin-left: 0;
}
}
/* # Common Classes
/* # Common Classes
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
/* ## Avatar
/* ## Avatar
--------------------------------------------- */
--------------------------------------------- */
.avatar {
.avatar {
border-radius: 50%;
border-radius: 50%;
float: left;
float: left;
}
}
.author-box .avatar,
.author-box .avatar,
.alignleft .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 {
background-color: #fff;
background-color: #fff;
font-size: 1.6rem;
font-size: 1.6rem;
font-size: 16px;
font-size: 16px;
margin-bottom: 1px;
margin-bottom: 1px;
padding: 12px 30px;
padding: 12px 30px;
}
}
.after-entry,
.after-entry,
.archive-description,
.archive-description,
.author-box {
.author-box {
background-color: #fff;
background-color: #fff;
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
margin-bottom: 40px;
margin-bottom: 40px;
padding: 60px;
padding: 60px;
}
}
.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;
}
}
.entry-content .search-form,
.entry-content .search-form,
.site-header .search-form {
.site-header .search-form {
margin-bottom: 40px;
margin-bottom: 40px;
/*width: 50%;*/
/*width: 50%;*/
}
}
.site-header .search-form {
.site-header .search-form {
float: right;
float: right;
margin: 12px auto 0;
margin: 12px auto 0;
}
}
.post-password-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
.search-form input[type="submit"] {
margin-top: 10px;
margin-top: 10px;
}
}
.genesis-nav-menu .search input[type="submit"],
.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
.widget_search input[type="submit"] {
border: 0;
border: 0;
clip: rect(0, 0, 0, 0);
clip: rect(0, 0, 0, 0);
height: 1px;
height: 1px;
margin: -1px;
margin: -1px;
padding: 0;
padding: 0;
position: absolute;
position: absolute;
width: 1px;
width: 1px;
}
}
/* ## Titles
/* ## Titles
--------------------------------------------- */
--------------------------------------------- */
.archive-description .entry-title,
.archive-description .entry-title,
.archive-title,
.archive-title,
.author-box-title {
.author-box-title {
font-size: 20px;
font-size: 20px;
font-size: 2rem;
font-size: 2rem;
}
}
.entry-title {
.entry-title {
font-size: 36px;
font-size: 36px;
font-size: 3.6rem;
font-size: 3.6rem;
}
}
.entry-title a,
.entry-title a,
.sidebar .widget-title a {
.sidebar .widget-title a {
color: #333;
color: #333;
text-decoration: none;
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;
}
}
/* ## WordPress
/* ## WordPress
--------------------------------------------- */
--------------------------------------------- */
a.aligncenter img {
a.aligncenter img {
display: block;
display: block;
margin: 0 auto;
margin: 0 auto;
}
}
a.alignnone {
a.alignnone {
display: inline-block;
display: inline-block;
}
}
.alignleft {
.alignleft {
float: left;
float: left;
text-align: left;
text-align: left;
}
}
.alignright {
.alignright {
float: right;
float: right;
text-align: right;
text-align: right;
}
}
a.alignleft,
a.alignleft,
a.alignnone,
a.alignnone,
a.alignright {
a.alignright {
max-width: 100%;
max-width: 100%;
}
}
img.centered,
img.centered,
.aligncenter {
.aligncenter {
display: block;
display: block;
margin: 0 auto 24px;
margin: 0 auto 24px;
}
}
img.alignnone,
img.alignnone,
.alignnone {
.alignnone {
margin-bottom: 12px;
margin-bottom: 12px;
}
}
a.alignleft,
a.alignleft,
img.alignleft,
img.alignleft,
.wp-caption.alignleft {
.wp-caption.alignleft {
margin: 0 24px 24px 0;
margin: 0 24px 24px 0;
}
}
a.alignright,
a.alignright,
img.alignright,
img.alignright,
.wp-caption.alignright {
.wp-caption.alignright {
margin: 0 0 24px 24px;
margin: 0 0 24px 24px;
}
}
.wp-caption-text {
.wp-caption-text {
font-size: 14px;
font-size: 14px;
font-size: 1.4rem;
font-size: 1.4rem;
font-weight: 600;
font-weight: 600;
margin: 0;
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;
}
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-playlist,
.entry-content .wp-video {
.entry-content .wp-video {
margin: 0 0 28px;
margin: 0 0 28px;
}
}
/* # Widgets
/* # Widgets
---------------------------------------------------------------------------------------------------- */
---------------------------------------------------------------------------------------------------- */
.widget {
.widget {
margin-bottom: 40px;
margin-bottom: 40px;
word-wrap: break-word;
word-wrap: break-word;
}
}
.widget p:last-child,
.widget p:last-child,
.widget ul > li:last-of-type,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
.widget-area .widget:last-of-type {
margin-bottom: 0;
margin-bottom: 0;
}
}
.widget ul > li {
.widget ul > li {
margin-bottom: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-bottom: 10px;
}
}
.widget ul > li:last-of-type {
.widget ul > li:last-of-type {
padding-bottom: 0;
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 {
background: none;
background: none;
padding: 0;
padding: 0;
}
}
.featured-content .entry:last-of-type {
.featured-content .entry:last-of-type {
margin-bottom: 0;
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
--------------------------------------------- */
--------------------------------------------- */
.sidebar .enews-widget,
.sidebar .enews-widget,
.sidebar .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;
}
}
.sidebar .enews-widget input,
.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
.sidebar .enews-widget input:focus {
border: 1px solid #333;
border: 1px solid #333;
}
}
.sidebar .enews-widget input[type="submit"] {
.sidebar .enews-widget input[type="submit"] {
background-color: #c3251d;
background-color: #c3251d;
color: #fff;
color: #fff;
}
}
.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"] {
.sidebar .enews-widget input:focus[type="submit"] {
background-color: #fff;
background-color: #fff;
color: #333;
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"] {
margin: 0;
margin: 0;
width: 100%;
width: 100%;
}
}
.enews form + p {
.enews form + p {
margin-top: 24px;
margin-top: 24px;
}
}
Saved diffs
Original 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; } /* ## Gravity Forms --------------------------------------------- */ body .entry .gform_wrapper label.gfield_label+div.ginput_container { margin-top: 0; } body .gform_wrapper .top_label .gfield_label { margin-bottom: 6px; } .gform_wrapper ul li.gfield { margin-bottom: 10px; } /* # 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 { display: block; text-indent: -9999px; } /*.header-image .site-title { display: block; text-indent: -9999px; }*/ .site-title img { vertical-align: top; width: 300px; } /* ## 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 .right.date { padding: 32px 20px; } .genesis-nav-menu .right.rss a { float: left; } .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;*/ float: right; } /* ## 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;*/ width: 29.6875%; float: left; margin-left: 5.46875%; } .footer-widgets-1 { /*margin-right: 70px;*/ margin-left: 0; } /*.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; } /* Clear input fields' placeholder text on focus */ input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */ .page .entry-title { margin-bottom: 24px; } /* # 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;*/ width: 29.8245614035%; margin-left: 5.2631578947%; } .footer-widgets-1 { /*margin-right: 60px;*/ margin-left: 0; } } @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;*/ width: 31.25%; margin-left: 3.125%; } .footer-widgets-1 { /*margin-right: 30px;*/ margin-left: 0; } } @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; } .nav-primary { float: none; clear: both; padding-top: 20px; } .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%;*/ float: right; padding-left: 0; padding-right: 0; } .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; } .footer-widgets-3 { margin-left: 0; } } @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, .site-header > .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%; } } @media only screen and (max-width: 440px) { .title-area, .menu-toggle { float: none; } .site-header .title-area { text-align: center; } .nav-primary { padding-top: 0; } } /* # 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; } /* ## Gravity Forms --------------------------------------------- */ body .entry .gform_wrapper label.gfield_label+div.ginput_container { margin-top: 0; } body .gform_wrapper .top_label .gfield_label { margin-bottom: 6px; } .gform_wrapper ul li.gfield { margin-bottom: 10px; } /* # 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 { display: block; text-indent: -9999px; } /*.header-image .site-title { display: block; text-indent: -9999px; }*/ .site-title img { vertical-align: top; width: 300px; } /* ## 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 .right.date { padding: 32px 20px; } .genesis-nav-menu .right.rss a { float: left; } .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;*/ width: 29.6875%; float: left; margin-left: 5.46875%; } .footer-widgets-1 { /*margin-right: 70px;*/ margin-left: 0; } /*.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; } /* Clear input fields' placeholder text on focus */ input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */ .page .entry-title { margin-bottom: 24px; } /* # 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;*/ width: 29.8245614035%; margin-left: 5.2631578947%; } .footer-widgets-1 { /*margin-right: 60px;*/ margin-left: 0; } } @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;*/ width: 31.25%; margin-left: 3.125%; } .footer-widgets-1 { /*margin-right: 30px;*/ margin-left: 0; } } @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; } .nav-primary { float: none; clear: both; padding-top: 20px; } .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%; padding-left: 0; padding-right: 0; } .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; } .footer-widgets-3 { margin-left: 0; } } @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, .site-header > .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%; } } @media only screen and (max-width: 440px) { .title-area, .menu-toggle { float: none; } .site-header .title-area { text-align: center; } .nav-primary { padding-top: 0; } } /* # 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