/* Theme Name: Atlantic 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 - Post formats * 9.0 - RTL */ /** * 1.0 - Body */ html { font-size: 62.5%; } body, button, input, select, textarea { color: #404040; font-family: 'Source Code Pro', 'Courier New', Helvetica, Arial, sans-serif; font-size: 1.5rem; line-height: 1.4; } body.post-type-page { max-width: 640px; } /** * 2.0 - Typography */ a, a:visited { color: #404040; text-decoration: underline; } a:hover, a:focus, a:active { text-decoration: none; outline: 0; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; margin: 0 0 1.5rem; } h1 { font-size: 3rem; } h2 { font-size: 2.7rem; } h3 { font-size: 2.4rem; } h4 { font-size: 2rem; } h5 { font-size: 1.6rem; } h6 { font-size: 1.5rem; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } p { margin: 0 0 1.5rem; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5rem; } address { margin: 0 0 1.5rem; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } small { font-size: 75%; } big { font-size: 125%; } /** * 3.0 - Elements */ blockquote p:before, q p:before { content: open-quote; } blockquote p:after, q p:after { content: close-quote; } blockquote p, q p { quotes: "“" "”" "‘" "’"; } hr { background-color: #ccc; border: 0; height: 1px; margin: 1.5rem 0; } ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-top: 0.5rem; } ul li, ol li { margin: 0 0 0.5rem 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { display: block; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } 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; margin: 0 0 1.5rem; } 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 { display: inline; float: left; margin: 0 1.5rem 1.5rem 0; } .alignright { display: inline; float: right; margin: 0 0 1.5rem 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto 1.5rem; } /** * 5.0 - Caption */ .wp-caption { background: transparent; border: none; margin-bottom: 28px; max-width: 100%; padding: 0; text-align: inherit; } .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 - Post formats */ .post-format-status { font-size: 125%; font-weight: bold; text-align: center; } .post-format-quote { text-align: right; } .post-format-quote blockquote { text-align: left; font-style: italic; } /** * 9.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; }