/* Theme Name: blogever Description: Used to style the TinyMCE editor. */ /** * Table of Contents: * * 1.0 - Body * 2.0 - Typography * 3.0 - Elements * 4.0 - Alignment * 5.0 - Caption * 6.0 - Galleries * 7.0 - Audio / Video * 8.0 - RTL */ /** * 1.0 - Body */ body.post-type-page { max-width: 840px; } /** * 2.0 - Typography */ body { margin: 20px 40px; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 900; margin: 56px 0 28px; } h1 { font-size: 33px; line-height: 1.2727272727; } h2 { font-size: 28px; line-height: 1.25; } h3 { font-size: 23px; line-height: 1.2173913043; } h4, h5, h6 { font-size: 19px; line-height: 1.1052631579; } h4 { letter-spacing: 0.13333em; text-transform: uppercase; } h6 { font-style: italic; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p { margin: 0 0 28px; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } blockquote { font-weight: normal; position: relative; margin: 0 0 30px 0; padding: 1em 0em 1em 2em; } blockquote:before { font: 400 30px/1 dashicons; font-style: normal; font-weight: normal; content: "\f205"; font-size: 20px !important; padding: 10px; height: 27px; width: 27px; font-size: 14px; background-color: #ff0a0a; color: #fff; height: 62px; margin: 0 25px 35px 0px; font-size: 2em !important; text-align: center; float: left; width: 62px; background-color: #ff0a0a; color: #fff; } blockquote p { overflow: hidden; font-weight: bold; } blockquote > :last-child { margin-bottom: 0; } blockquote cite, blockquote small { color: #1a1a1a; font-size: 16px; line-height: 1.75; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote.alignleft, blockquote.alignright { border: 0 solid #1a1a1a; border-top-width: 4px; padding: 18px 0 0; width: -webkit-calc(50% - 14px); width: calc(50% - 14px); } address { font-style: italic; margin: 0 0 28px; } code, kbd, tt, var, samp { font-family: Inconsolata, monospace; } pre { font-family: Consolas,Monaco,Menlo,Courier,Verdana,sans-serif; background-color: #eee; padding: 13px; -webkit-tab-size: 4; -moz-tab-size: 4; tab-size: 4; margin-bottom: 26px; margin-top: 20px; } pre { overflow: auto; clear: both; word-wrap: normal; -moz-tab-size: 4; tab-size: 4; white-space: pre !important; } code { background-color: #d1d1d1; padding: 2px 4px; } code { background-color: #f3f3f3; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(50%, #f3f3f3), color-stop(50%, #ededed)); background-image: -webkit-linear-gradient(#f3f3f3 50%, #ededed 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f3f3f3), color-stop(50%, #ededed)); background-image: -webkit-linear-gradient(#f3f3f3 50%, #ededed 50%); background-image: linear-gradient(#f3f3f3 50%, #ededed 50%); -webkit-background-size: 38px 38px; background-size: 38px 38px; border: 1px solid #e3e3e3; display: block; line-height: 19px !important; margin-bottom: 10px; overflow: visible; overflow-y: hidden; padding: 18px; tab-size: 4; -o-tab-size: 4; -moz-tab-size: 4; } abbr[title] { border-bottom: 1px dotted #d1d1d1; cursor: help; } mark, ins { background: #007acc; color: #fff; padding: 2px 4px; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sub { top: -6px; } sup { bottom: -3px; } small { font-size: 80%; } big { font-size: 125%; } /** * 3.0 - Elements */ hr { background-color: #d1d1d1; border: 0; height: 1px; margin-bottom: 28px; } ul, ol { padding: 0 0em 2em 2em; } ul { list-style: disc; } ol { list-style: decimal; } ul li, ol li { margin: 0 0 7px; } li > ul, li > ol { margin-bottom: 0; } li > ul, blockquote > ul { margin-left: 20px; } li > ol, blockquote > ol { margin-left: 24px; } .mce-content-body ol li, .mce-content-body ul li { padding: .5em .5em .5em 2.5em; margin: 1em 0; } dl { margin: 0 0 28px; } dt { font-weight: bold; } dd { margin: 0 0 28px; } table, th, td, .mce-item-table, .mce-item-table th, .mce-item-table td { border: 1px solid #d1d1d1; } table a { color: #007acc; } table, .mce-item-table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 28px; width: 100%; } table th, .mce-item-table th, table caption { border-width: 0 1px 1px 0; font-size: 16px; font-weight: 700; padding: 7px; text-align: left; vertical-align: baseline; } table td, .mce-item-table td { border-width: 0 1px 1px 0; font-size: 16px; padding: 7px; vertical-align: baseline; } img { border: 0; height: auto; max-width: 100%; vertical-align: middle; } a img { display: block; } figure { margin: 0; } del { opacity: 0.8; } a { box-shadow: 0 1px 0 0 currentColor; color: #007acc; text-decoration: none; } fieldset { border: 1px solid #d1d1d1; margin: 0 0 28px; padding: 14px; } /** * 4.0 - Alignment */ .alignleft { float: left; margin: 6px 28px 28px 0; } .alignright { float: right; margin: 6px 0 28px 28px; } .aligncenter { clear: both; display: block; margin: 0 auto 28px; } /** * 5.0 - Caption */ .wp-caption { margin: 0 0 1.5em 0; max-width: 100%; padding: 8px; background-color: #fafafa; border: 1px solid #f1f1f1; } .wp-caption-text, .wp-caption-dd { color: #686868; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 7px; } /** * 6.0 - Galleries */ .mce-content-body .wpview-wrap { margin-bottom: 28px; } .gallery { margin: 0 -1.1666667%; padding: 0; } .gallery .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery .gallery-caption { font-size: 13px; margin: 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 7.0 - Audio / Video */ .wp-audio-shortcode a, .wp-playlist a { box-shadow: none; } .mce-content-body .wp-audio-playlist { margin: 0; padding-bottom: 0; } .mce-content-body .wp-playlist-tracks { margin-top: 0; } .mce-content-body .wp-playlist-item { padding: 10px 0; } .mce-content-body .wp-playlist-item-length { top: 10px; } /** * 8.0 - RTL */ .rtl blockquote { border: 0 solid #1a1a1a; border-right-width: 4px; } .rtl blockquote.alignleft, .rtl blockquote.alignright { border: 0 solid #1a1a1a; border-top-width: 4px; } .rtl blockquote:not(.alignleft):not(.alignright) { margin-right: -28px; padding: 0 24px 0 0; } .rtl blockquote blockquote:not(.alignleft):not(.alignright) { margin-right: 0; margin-left: auto; } .rtl li > ul, .rtl blockquote > ul { margin-right: 20px; margin-left: auto; } .rtl li > ol, .rtl blockquote > ol { margin-right: 24px; margin-left: auto; } .rtl table th, .rtl .mce-item-table th, .rtl table caption { text-align: right; }