/* Theme Name: Brilliant Description: Used to style the TinyMCE editor. */ /** * 1.0 - Body */ body { background-color: #fff; color: #444; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.75; margin: 20px 40px; max-width: 600px; vertical-align: baseline; } body.post-type-page { max-width: 840px; } /** * 2.0 - Typography */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Playfair Display', serif; } h1 { font-size: 2.5em; color: #222; } h2 { font-size: 1.75em; color: #222; } h3 { font-size: 1.5em; color: #222; } h4 { font-size: 1em; text-transform: uppercase; color: #333; } h5 { font-size: 1em; color: #333; } h1, h2 { margin: 20px 0; } h3, h4, h5 { margin: 20px 0 10px; } p { margin: 0 0 20px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } b, strong { font-weight: 700; } /** * 3.0 - Elements */ hr { background-color: #efefef; border: 0; height: 1px; margin-bottom: 20px; } ul, ol { margin: 0 0 20px 15px; padding: 0 0 0 15px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 5px solid #eee; margin: 0 15px 20px; padding: 10px 15px; } /** * 4.0 - Alignment */ .alignleft { float: left; margin: 0.5em 1.5em 0.5em 0; } .alignright { float: right; margin: 0.5em 0 1.5em 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.5em; } /** * 5.0 - Captions */ .wp-caption { border: none; margin-bottom: 20px; max-width: 100%; } .wp-caption .wp-caption-text { font-size: 14px; color: #777; font-style: italic; padding-top: 10px; } .gallery-caption { color: #777; display: block; font-size: 14px; font-style: italic; padding-top: 5px; } /** * 6.0 - Galleries */ .gallery { margin-bottom: 1.5em; } .gallery-caption { color: #777; display: block; font-size: 13px; font-style: italic; padding-top: 0.5em; } .gallery-icon img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: 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%; }