/* Theme Name: Canary Led 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 */ /** * 1.0 Body */ body { color: #444;; font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; margin: 20px 40px; max-width: 660px; vertical-align: baseline; } /** * 2.0 Typography */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Roboto Slab", sans-serif; font-weight: 500; margin: 56px 0 28px; } 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 20px; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } blockquote { color: #1a1a1a; font-size: 22px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; letter-spacing: 0.3px; line-height: 1.625; margin-bottom: 20px; padding: 16px 20px 1px; position: relative; quotes: none; } blockquote > blockquote { margin-left: 0; } blockquote p { margin-bottom: 35px; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite, blockquote small { color: #444;; font-size: 17px; line-height: 1.6471; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } address { font-style: italic; margin: 0 0 28px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; clear: both; color: #444; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; line-height: 1.500; margin-bottom: 20px; overflow: auto; padding: 30px; position: relative; white-space: pre; z-index: 1; } 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: 28px; } ul, ol { margin: 0 0 28px 0; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 23px; } 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 #eaeaea; } table a { color: #444;; } 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: 17px; padding: 7px; text-align: left; vertical-align: baseline; } table td, .mce-item-table td { border-width: 0 1px 1px 0; font-size: 17px; padding: 7px; vertical-align: baseline; } img { border: 0; height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 0; } del { opacity: 0.8; } a { border-bottom: 1px solid #444;; color: #444;; text-decoration: none; } /** * 4.0 Alignment */ .alignleft { float: left; margin: 7px 28px 28px 0; } .alignright { float: right; margin: 7px 0 28px 28px; } .aligncenter { clear: both; display: block; margin: 7px auto; } /** * 5.0 Caption */ .wp-caption { background: transparent; border: none; color: #707070; margin: 0 0 28px 0; max-width: 100%; padding: 0; text-align: inherit; } .wp-caption.alignleft { margin: 7px 28px 21px 0; } .wp-caption.alignright { margin: 7px 0 21px 28px; } .wp-caption.aligncenter { margin: 7px auto; } .wp-caption .wp-caption-text, .wp-caption-dd { font-size: 14px; line-height: 1.5; padding: 7px 0; } /** * 6.0 Galleries */ .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-size: 14px; line-height: 1.5; padding: 7px 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-wrapper { margin-bottom: 32px; } .mce-content-body .wp-audio-playlist { margin: 0; }