/* Theme Name: Twenty Fifteen 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 */ html .mceContentBody { font-size: 19px; max-width: 660px; } body { color: #333; font-family: "Noto Serif", sans-serif; font-weight: 400; line-height: 1.6842; margin: 83px 0 83px 83px; vertical-align: baseline; } /** * 2.0 Typography */ h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 64px 0 32px; } h1 { font-size: 39px; line-height: 1.2308; } h2 { font-size: 32px; line-height: 1.25; } h3 { font-size: 27px; line-height: 1.1852; } h4 { font-size: 22px; line-height: 1.4545; } h5, h6 { font-size: 19px; letter-spacing: 0.1em; line-height: 1.2632; text-transform: uppercase; } 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 32px; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 4px solid #707070; color: #707070; font-size: 22px; font-style: italic; line-height: 1.8182; margin: 0 0 40px -24px; padding-left: 20px; } blockquote > blockquote { margin-left: 0; } blockquote p { margin-bottom: 40px; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite, blockquote small { color: #333; font-size: 19px; font-family: "Noto Sans", sans-serif; line-height: 1.6842; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } address { font-style: italic; margin: 0 0 32px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { background-color: #fcfcfc; border: 1px solid #eaeaea; font-size: 19px; line-height: 1.2632; margin-bottom: 32px; max-width: 100%; overflow: auto; padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } abbr[title] { border-bottom: 1px dotted #eaeaea; cursor: help; } mark, ins { background-color: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } /** * 3.0 Elements */ hr { background-color: #eaeaea; border: 0; height: 1px; margin-bottom: 32px; } ul, ol { margin: 0 0 32px 0; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 25px; } dl { margin: 0 0 32px; } dt { font-weight: bold; } dd { margin: 0 0 32px; } .mce-item-table, .mce-item-table th, .mce-item-table td { border: 1px solid #eaeaea; } .mce-item-table a { color: #333; } .mce-item-table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 32px; width: 100%; } .mce-item-table th, .mce-item-table caption { border-width: 0 1px 1px 0; font-family: "Noto Serif", sans-serif; font-size: 19px; font-weight: 700; padding: 8px; text-align: left; vertical-align: baseline; } .mce-item-table td { border-width: 0 1px 1px 0; font-family: "Noto Serif", sans-serif; font-size: 19px; padding: 8px; vertical-align: baseline; } img { border: 0; height: auto; max-width: 660px; vertical-align: middle; } figure { margin: 0; } del { opacity: 0.8; } a { border-bottom: 1px solid #333; color: #333; text-decoration: none; } /** * 4.0 Alignment */ .alignleft { float: left; margin: 8px 32px 32px 0; } .alignright { float: right; margin: 8px 0 32px 32px; } .aligncenter { clear: both; display: block; margin: 8px auto; } /** * 5.0 Caption */ .wp-caption { background: transparent; border: none; color: #707070; font-family: "Noto Sans", sans-serif; margin: 0 0 32px 0; max-width: 660px; padding: 0; text-align: center; } .wp-caption.alignleft { margin: 8px 32px 8px 0; } .wp-caption.alignright { margin: 8px 0 8px 32px; } .wp-caption.aligncenter { margin: 8px auto; } .wp-caption .wp-caption-text, .wp-caption-dd { font-size: 16px; line-height: 1.5; padding: 8px 0; } /** * 6.0 Galleries */ .gallery { margin-bottom: 32px; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .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 { color: #707070; display: block; font-family: "Noto Sans", sans-serif; font-size: 16px; line-height: 1.5; padding: 8px 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 */ .mce-content-body .wpview-wrap { margin-bottom: 32px; } .mce-content-body .wp-audio-playlist { margin: 0; } /** * 8.0 RTL */ html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } .rtl body { margin: 83px 83px 83px 0; } .rtl blockquote { border-right: 4px solid #707070; border-left: none; margin: 0 -24px 40px 0; padding-right: 20px; padding-left: 0; } .rtl blockquote > blockquote { margin-right: 0; margin-left: auto; } .rtl li > ul, .rtl li > ol { margin: 0 25px 0 0; } .rtl .mce-item-table th, .rtl .mce-item-table caption { text-align: right; } .rtl .wp-caption.alignright { margin: 8px 0 8px 32px; } .rtl .wp-caption.alignleft { margin: 8px 32px 8px 0; }