/* * Theme Name: AnaLog * @package Analog * * 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 { color: #333; font-family: "IBM Plex Mono", -apple-system,BlinkMacSystemFont, monospace; font-weight: 400; font-size: 20px; line-height: 1.4; margin: 20px 40px; max-width: 692px; vertical-align: baseline; } /** * 2.0 Links and Typography */ a, a:visited { text-decoration: none; color: #787878; border-bottom: 1px dotted #787878; } a:hover, a:focus, a:active { color: #000; border-bottom-color: #000001; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } table, td, th, input, textarea, select, optgroup { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 18px; } h1, h2, h3, h4, h5, h6 { clear: both; } h1, h2 { line-height:1.3; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; border-left: 6px solid #ddd; padding-left: 20px; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 20px; font-size: 1.125rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 20px; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 20px; font-size: 1.125rem; background-color: #f8f8f8; padding: 0 3px; text-shadow: 0 1px 0 #fff; } abbr, acronym { cursor: help; border-bottom: 3px dotted #666; text-decoration: none; } cite { padding-left: 5px; } mark, ins { background: #fff9c0; text-decoration: none; padding: 0 3px; text-shadow: 0 1px 0 #fff; } big { font-size: 125%; } q { letter-spacing: .5px; } q:before { content: "\00ab" } q:after { content: "\00bb"; } /** * 3.0 Elements */ * { -ms-word-wrap: break-word; word-wrap: break-word; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 1.2em 1.5em 3em; padding: 0; } ul { list-style-type: square; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } table, td, th { border: 1px solid #ddd; border-collapse: collapse; padding: 10px; } th { background-color: #f4f5f6; text-shadow: 0 1px 0 #fff; } /** * 4.0 Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignleft, .alignright { margin-top: .35em; } /** * 5.0 Caption */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; font-size: .8em; } /** * 6.0 Galleries */ .gallery { margin-bottom: 1.5em; } .gallery a { border-bottom: 0 none; } .gallery-item { display: inline-block; 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-caption { display: block; } /** * 7.0 Audio / Video */ .mce-content-body .wpview-wrap { margin-bottom: 32px; } .mce-content-body .wp-audio-playlist { margin: 0; } /** * 8.0 RTL */ body.rtl { font-family: "IBM Plex Mono", monospace; } .rtl blockquote { border-left: none; border-right: 4px solid #707070; margin: 0 -21px 35px 0; padding-left: 0; padding-right: 17px; } .rtl blockquote > blockquote { margin-left: auto; margin-right: 0; } .rtl li > ul, .rtl li > ol { margin: 0 23px 0 0; } .rtl table th, .rtl table caption { text-align: right; }