/* 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 */