Diff
checker
Texto
Texto
Imágenes
Documentos
Excel
Carpetas
Legal
Enterprise
Aplicación de escritorio
Precios
Iniciar sesión
Descargar Diffchecker Desktop
Comparar texto
Encuentra la diferencia entre dos archivos de texto
Herramientas
Historial
Editor live
Ocultar sin cambios
Sin ajuste de línea
Vista
Dividido
Unificado
Nivel de detalle
Inteligente
Palabra
Letra
Resaltado de sintaxis
Elegir sintaxis
Ignorar
Transformar texto
Ir al primer cambio
Editar entrada
Diffchecker Desktop
La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!
Obtener Desktop
Untitled diff
Creado
hace 10 años
El diff nunca expira
Borrar
Exportar
Compartir
Explicar
3 eliminaciones
Líneas
Total
Eliminado
Caracteres
Total
Eliminado
Para continuar usando esta función, actualice a
Diff
checker
Pro
Ver precios
1436 líneas
Copiar todo
1 adición
Líneas
Total
Añadido
Caracteres
Total
Añadido
Para continuar usando esta función, actualice a
Diff
checker
Pro
Ver precios
1435 líneas
Copiar todo
/*
/*
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;
}
}
Diferencias guardadas
Texto original
Abrir archivo
/* 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; } }
Texto modificado
Abrir archivo
/* 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; } }
Encontrar la diferencia