Diff
checker
Text
Text
Bilder
Dokumente
Excel
Ordner
Legal
Enterprise
Desktop-App
Preise
Einloggen
Diffchecker Desktop herunterladen
Texte vergleichen
Finde den Unterschied zwischen zwei Textdateien
Werkzeuge
Verlauf
Live-Editor
Gleiches ausblenden
Zeilenumbruch aus
Ansicht
Zweispaltig
Einspaltig
Vergleichsgenauigkeit
Intelligent
Wort
Zeichen
Syntaxhervorhebung
Syntax auswählen
Ignorieren
Text umwandeln
Zur ersten Änderung
Eingabe bearbeiten
Diffchecker Desktop
Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!
Desktop holen
Untitled diff
Erstellt
vor 10 Jahren
Diff läuft nie ab
Löschen
Exportieren
Teilen
Erklären
3 Entfernungen
Zeilen
Gesamt
Entfernt
Zeichen
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
1436 Zeilen
Kopieren
1 Hinzufügung
Zeilen
Gesamt
Hinzugefügt
Zeichen
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
1435 Zeilen
Kopieren
/*
/*
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;
}
}
Gespeicherte Diffs
Originaltext
Datei öffnen
/* 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; } }
Bearbeitung
Datei öffnen
/* 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; } }
Unterschied finden