mirror of
https://git.sindominio.net/estibadores/wordpress.git
synced 2024-11-14 23:21:07 +01:00
402 lines
8.8 KiB
CSS
402 lines
8.8 KiB
CSS
/*
|
|
Theme Name: Hive
|
|
Description: Used to style the TinyMCE editor.
|
|
*/
|
|
/**
|
|
*
|
|
* Table of Contents
|
|
* --------------------------------------------------
|
|
* 1.0 - Body
|
|
* 2.0 - Base Styles
|
|
* 2.1 - Typography
|
|
* 2.2 - Images
|
|
* 3.0 - Helpers
|
|
* 3.1 - Theme specific classes
|
|
* 3.2 - Alignments
|
|
* 4.0 - Media queries
|
|
*/
|
|
/**
|
|
* 1.0 - Body
|
|
* --------------------------------------------------
|
|
*/
|
|
html {
|
|
padding: 24px 36px; }
|
|
|
|
body.wp-editor {
|
|
max-width: 680px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-size: 18px; }
|
|
|
|
/**
|
|
* 2.0 - Base Styles
|
|
* 2.1 - Typography
|
|
* -------------------------------------------------
|
|
*/
|
|
body {
|
|
line-height: 1.6;
|
|
color: #3d3e40; }
|
|
|
|
h1, h2, h3, blockquote, .dropcap {
|
|
font-family: "Playfair Display", serif;
|
|
font-weight: normal;
|
|
color: #171617; }
|
|
|
|
body, blockquote cite {
|
|
font-family: "Noto Serif", serif; }
|
|
|
|
/* Headings */
|
|
h1 {
|
|
font-size: 3.375em;
|
|
line-height: 1.11111;
|
|
-webkit-transform: translateY(0.22006em);
|
|
transform: translateY(0.22006em);
|
|
margin-top: 0.88889em;
|
|
margin-bottom: 0.44444em; }
|
|
|
|
h2 {
|
|
font-size: 2.25em;
|
|
line-height: 1.33333;
|
|
-webkit-transform: translateY(0.33117em);
|
|
transform: translateY(0.33117em);
|
|
margin-top: 1.33333em;
|
|
margin-bottom: 0.66667em; }
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
line-height: 1.5;
|
|
-webkit-transform: translateY(0.4145em);
|
|
transform: translateY(0.4145em);
|
|
margin-top: 2em;
|
|
margin-bottom: 1em; }
|
|
|
|
@media not screen and (min-width: 899px) {
|
|
h1 {
|
|
font-size: 1.875em;
|
|
line-height: 1.2;
|
|
-webkit-transform: translateY(0.2645em);
|
|
transform: translateY(0.2645em); }
|
|
h2 {
|
|
font-size: 1.5em;
|
|
line-height: 1.5;
|
|
-webkit-transform: translateY(0.4145em);
|
|
transform: translateY(0.4145em); }
|
|
h3 {
|
|
font-size: 1.3125em;
|
|
line-height: 1.14286;
|
|
-webkit-transform: translateY(0.23593em);
|
|
transform: translateY(0.23593em); } }
|
|
|
|
/* Paragraphs */
|
|
p {
|
|
margin-top: 0;
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
-webkit-transform: translateY(0.4145em);
|
|
transform: translateY(0.4145em);
|
|
margin-bottom: 2.25em; }
|
|
|
|
.entry-content {
|
|
-webkit-font-smoothing: antialiased; }
|
|
|
|
/* Links */
|
|
a {
|
|
text-decoration: none;
|
|
color: #afafaf; }
|
|
a:hover {
|
|
color: #000; }
|
|
|
|
/* Lists */
|
|
acronym {
|
|
border-bottom: 1px dotted #3d3e40; }
|
|
|
|
/* Blockquotes */
|
|
blockquote {
|
|
position: relative;
|
|
text-align: center;
|
|
font-size: 1.5625em;
|
|
line-height: 1.44;
|
|
margin-top: 2.57143em;
|
|
margin-bottom: 2.14286em;
|
|
padding-top: 1.71429em;
|
|
padding-bottom: 1.71429em; }
|
|
blockquote blockquote {
|
|
font-size: 1em;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0; }
|
|
blockquote blockquote:after {
|
|
border-bottom: 0; }
|
|
@media not screen and (min-width: 899px) {
|
|
blockquote {
|
|
font-size: 1.125em;
|
|
line-height: 1.33333;
|
|
margin-top: 2.66667em;
|
|
margin-bottom: 2em;
|
|
padding: 0.66667em;
|
|
padding-top: 1.33333em;
|
|
padding-bottom: 1.33333em; } }
|
|
blockquote:before {
|
|
content: '\201C';
|
|
position: absolute;
|
|
top: -0.5em;
|
|
left: 50%;
|
|
padding: 0 0.857em;
|
|
color: black;
|
|
background: white;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%); }
|
|
blockquote:after {
|
|
content: '';
|
|
display: block;
|
|
width: 9em;
|
|
margin-left: -4.5em;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 50%;
|
|
z-index: -1;
|
|
border: 1px solid #c3c3c3;
|
|
border-left: 0;
|
|
border-right: 0; }
|
|
.is--ancient-android .archive__grid blockquote:after {
|
|
border-bottom: 0;
|
|
bottom: calc(100% - 4px);
|
|
bottom: 99%; }
|
|
blockquote cite {
|
|
display: block;
|
|
margin-top: 1.5em;
|
|
font-size: 0.57143em;
|
|
line-height: 1.5;
|
|
font-style: normal; }
|
|
blockquote p {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
-webkit-transform: none;
|
|
transform: none; }
|
|
blockquote a:hover {
|
|
color: #ffeb00; }
|
|
|
|
/* Tables */
|
|
table {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-bottom: 1.5em;
|
|
width: 100%;
|
|
border-top: 0;
|
|
table-layout: fixed; }
|
|
table th {
|
|
text-align: left; }
|
|
table tr {
|
|
border-bottom: 1px solid #d7d7d7; }
|
|
table th, table td {
|
|
padding: 12px;
|
|
vertical-align: middle;
|
|
font-family: inherit;
|
|
font-size: inherit; }
|
|
|
|
/* Code */
|
|
pre {
|
|
position: relative;
|
|
padding-left: 2.25em;
|
|
padding-right: 2.25em;
|
|
padding-top: 1.5em;
|
|
padding-bottom: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
border: 1px solid #d7d7d7;
|
|
font-size: inherit;
|
|
line-height: inherit; }
|
|
|
|
/**
|
|
* 2.2 - Images
|
|
* -------------------------------------------------
|
|
*/
|
|
img {
|
|
max-width: 100%;
|
|
height: auto; }
|
|
|
|
/* Figures and Captions */
|
|
.wp-caption {
|
|
width: auto; }
|
|
.wp-caption img {
|
|
display: block; }
|
|
|
|
.wp-caption-text, .wp-caption-dd {
|
|
font-size: 0.72222em;
|
|
margin-top: 0.92308em;
|
|
color: #8c888c; }
|
|
|
|
/* Galleries */
|
|
.gallery {
|
|
margin-left: -0.75em; }
|
|
@media only screen and (min-width: 1359px) {
|
|
.gallery {
|
|
margin-left: -4.5em;
|
|
margin-right: -3.75em; }
|
|
.entry-featured .gallery {
|
|
margin-left: -0.75em;
|
|
margin-right: 0; } }
|
|
.gallery .gallery-item {
|
|
margin: 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
border: 0 solid transparent;
|
|
border-top-width: 0.75em;
|
|
border-left-width: 0.75em; }
|
|
|
|
/**
|
|
* 3.0 - Helpers
|
|
* 3.1 - Theme specific classes
|
|
* -------------------------------------------------
|
|
*/
|
|
.intro {
|
|
margin-bottom: 2.25em;
|
|
font-size: 1.27778em;
|
|
-webkit-font-smoothing: auto; }
|
|
@media not screen and (min-width: 899px) {
|
|
.intro {
|
|
font-size: 1em;
|
|
color: #000000; } }
|
|
|
|
@media only screen and (min-width: 1000px) {
|
|
.twocolumn {
|
|
-webkit-column-count: 2;
|
|
-moz-column-count: 2;
|
|
column-count: 2;
|
|
-webkit-column-gap: 50px;
|
|
-moz-column-gap: 50px;
|
|
column-gap: 50px; } }
|
|
|
|
.dropcap {
|
|
float: left;
|
|
font-size: 5.125em;
|
|
line-height: 1.02439;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
margin-top: -.1em;
|
|
margin-bottom: -0.14634em;
|
|
margin-right: 0.07317em; }
|
|
|
|
.highlight {
|
|
background: #ffeb00; }
|
|
|
|
/**
|
|
* 3.2 - Alignments
|
|
* -------------------------------------------------
|
|
*/
|
|
.alignleft, .wp-caption.alignleft,
|
|
.alignright,
|
|
.wp-caption.alignright {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-top: 1.125em;
|
|
margin-bottom: 1.125em;
|
|
max-width: 50%; }
|
|
@media not screen and (min-width: 640px) {
|
|
.alignleft, .wp-caption.alignleft,
|
|
.alignright,
|
|
.wp-caption.alignright {
|
|
max-width: 100%;
|
|
display: block; } }
|
|
|
|
.alignleft, .wp-caption.alignleft {
|
|
float: left;
|
|
margin-right: 1.5em; }
|
|
@media only screen and (min-width: 899px) {
|
|
.alignleft, .wp-caption.alignleft {
|
|
margin-right: 3em; } }
|
|
@media not screen and (min-width: 899px) {
|
|
.wp-caption.alignleft, .alignleft.gallery-caption {
|
|
margin-left: 0; } }
|
|
.blog .alignleft, .archive .alignleft {
|
|
margin-left: 0; }
|
|
|
|
|
|
.alignright,
|
|
.wp-caption.alignright {
|
|
float: right;
|
|
margin-left: 1.5em; }
|
|
@media only screen and (min-width: 899px) {
|
|
|
|
.alignright,
|
|
.wp-caption.alignright {
|
|
margin-left: 3em; } }
|
|
@media not screen and (min-width: 899px) {
|
|
.wp-caption.alignright, .alignright.gallery-caption {
|
|
margin-right: 0; } }
|
|
.blog .alignright, .archive .alignright {
|
|
margin-right: 0; }
|
|
|
|
.aligncenter, .wp-caption.aligncenter,
|
|
.alignnone,
|
|
.wp-caption.alignnone {
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1.125em;
|
|
display: block;
|
|
width: auto !important; }
|
|
@media only screen and (min-width: 899px) {
|
|
.aligncenter, .wp-caption.aligncenter,
|
|
.alignnone,
|
|
.wp-caption.alignnone {
|
|
margin-top: 3em;
|
|
margin-bottom: 2.25em; } }
|
|
.aligncenter img, .wp-caption.aligncenter img,
|
|
.alignnone img,
|
|
.wp-caption.alignnone img {
|
|
max-width: 100%;
|
|
height: auto; }
|
|
|
|
.aligncenter img, .wp-caption.aligncenter img,
|
|
.alignnone img,
|
|
.wp-caption.alignnone img {
|
|
margin: 0 auto; }
|
|
|
|
.alignnone .wp-caption-text, .alignnone .wp-caption-dd {
|
|
text-align: center; }
|
|
|
|
@media not screen and (min-width: 899px) {
|
|
figure.aligncenter, figure.wp-caption.aligncenter, figure.alignnone, figure.wp-caption.alignnone {
|
|
margin-left: 0;
|
|
margin-right: 0; } }
|
|
|
|
.aligncenter, .wp-caption.aligncenter {
|
|
text-align: center; }
|
|
.blog .aligncenter, .archive .aligncenter {
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
|
|
@media only screen and (min-width: 1359px) {
|
|
|
|
.alignnone,
|
|
.wp-caption.alignnone, .aligncenter, .wp-caption.aligncenter {
|
|
margin-left: -3.75em;
|
|
margin-right: -3.75em; }
|
|
.alignleft, .wp-caption.alignleft {
|
|
margin-left: -3.75em; }
|
|
|
|
.alignright,
|
|
.wp-caption.alignright {
|
|
margin-right: -3.75em; } }
|
|
|
|
.widget .aligncenter,
|
|
.widget .alignleft,
|
|
.widget .alignright,
|
|
.widget .alignnone {
|
|
margin: 0; }
|
|
|
|
.wp-caption {
|
|
text-align: left; }
|
|
|
|
#wp-image-toolbar {
|
|
z-index: 2; }
|
|
|
|
.wpview iframe {
|
|
max-width: 100%; }
|
|
|
|
/**
|
|
* 4.0 - Media queries
|
|
* --------------------------------------------------
|
|
*/
|
|
|
|
/*# sourceMappingURL=editor-style.css.map */
|