/* * Theme Name: Apostrophe 2 * Description: Gutenberg Block Editor Styles */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 General Typography 2.0 General Block Styles 3.0 Blocks - Common Blocks 4.0 Blocks - Formatting 5.0 Blocks - Layout Elements 6.0 Blocks - Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 General Typography --------------------------------------------------------------*/ .edit-post-visual-editor .editor-block-list__block, .editor-default-block-appender textarea.editor-default-block-appender__content { color: #404040; font-family: "PT Serif", Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.75; } .edit-post-visual-editor .editor-block-list__block { color: #404040; font-size: 19px; } .edit-post-visual-editor .editor-block-list__block p { font-size: 19px; } .alignleft { margin-right: 1.5em; } .alignright { margin-left: 1.5em; } .wp-block-columns.alignfull, .editor-block-list__layout .editor-block-list__block[data-align=full] { padding-left: 60px; padding-right: 60px; } /* Title */ .editor-post-title__block .editor-post-title__input { -ms-word-wrap: break-word; clear: both; font-family: "Open Sans", Arial, sans-serif; line-height: 1.5; margin: 1.13636% 0 0.50505%; word-wrap: break-word; color: silver; font-size: 42px; font-weight: 300; line-height: 1.25; } /* Headings */ .edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor h5, .edit-post-visual-editor h6 { -ms-word-wrap: break-word; clear: both; font-family: "Open Sans", Arial, sans-serif; line-height: 1.5; margin: 1.13636% 0 0.50505%; word-wrap: break-word; } .edit-post-visual-editor h1 { color: silver; font-size: 42px; font-weight: 300; line-height: 1.25; } .edit-post-visual-editor h2 { color: #999; font-size: 32px; font-weight: 700; line-height: 1.25; } .edit-post-visual-editor h3 { color: gray; font-size: 28px; font-weight: 300; } .edit-post-visual-editor h4 { color: gray; font-size: 21px; font-weight: 600; text-transform: uppercase; } .edit-post-visual-editor h5 { color: #5a5a5a; font-size: 19px; font-weight: 400; } .edit-post-visual-editor h6 { color: #5a5a5a; font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } /* Paragraphs */ .edit-post-visual-editor p { margin: 0 0 1.5em; } .edit-post-visual-editor blockquote p { margin-bottom: 1.5em; } /* Images */ .wp-block-image figcaption { font-style: italic; line-height: 1.2; margin-bottom: 0.5em; margin-top: 0.5em; text-align: center; } @media screen and ( min-width: 48em ) { .edit-post-visual-editor .editor-block-list__block[data-align=wide] { max-width: 860px; } } /*-------------------------------------------------------------- 2.0 General Block Styles --------------------------------------------------------------*/ /* Main column width */ .wp-block { max-width: 760px; /* 730px + 30px padding */ } /* Link styles */ .edit-post-visual-editor a, .editor-block-list__block a, .wp-block-freeform.block-library-rich-text__tinymce a { color: #117bb8; transition: 100ms all ease-in; } .edit-post-visual-editor a:hover, .edit-post-visual-editor a:focus, .edit-post-visual-editor a:active, .editor-block-list__block a:hover, .editor-block-list__block a:focus, .editor-block-list__block a:active, .wp-block-freeform.block-library-rich-text__tinymce a:hover, .wp-block-freeform.block-library-rich-text__tinymce a:focus, .wp-block-freeform.block-library-rich-text__tinymce a:active { color: #362e77; } /* List styles */ .edit-post-visual-editor ul:not(.wp-block-gallery), .editor-block-list__block ul:not(.wp-block-gallery), .block-library-list ul { list-style: disc; } .edit-post-visual-editor ul:not(.wp-block-gallery) ul, .editor-block-list__block ul:not(.wp-block-gallery) ul, .block-library-list ul ul, .edit-post-visual-editor ul:not(.wp-block-gallery) ul ul ul, .editor-block-list__block ul:not(.wp-block-gallery) ul ul ul, .block-library-list ul ul ul ul { list-style: circle; } .edit-post-visual-editor ul:not(.wp-block-gallery) ul ul, .editor-block-list__block ul:not(.wp-block-gallery) ul ul, .block-library-list ul ul ul { list-style: disc; } .edit-post-visual-editor ol, .editor-block-list__block ol, .block-library-list ol { list-style: decimal; } .edit-post-visual-editor ol ol, .editor-block-list__block ol ol, .block-library-list ol ol, .edit-post-visual-editor ol ol ol ol, .editor-block-list__block ol ol ol ol, .block-library-list ol ol ol ol { list-style-type: lower-alpha; } .edit-post-visual-editor ol ol ol, .editor-block-list__block ol ol ol, .block-library-list ol ol ol { list-style-type: decimal; } .edit-post-visual-editor ul:not(.wp-block-gallery) li, .editor-block-list__block ul:not(.wp-block-gallery) li, .edit-post-visual-editor ol li, .editor-block-list__block ol li, .block-library-list li { margin-bottom: 0; } .edit-post-visual-editor ul:not(.wp-block-gallery) li > ul, .editor-block-list__block ul:not(.wp-block-gallery) li > ul, .block-library-list li > ul, .edit-post-visual-editor li > ol, .editor-block-list__block li > ol, .block-library-list li > ol { margin-bottom: 0; margin-left: 1.5em; } .rtl .edit-post-visual-editor ul:not(.wp-block-gallery), .rtl .editor-block-list__block ul:not(.wp-block-gallery), .rtl .block-library-list ul, .rtl .edit-post-visual-editor ol, .rtl .editor-block-list__block ol, .rtl .block-library-list ol { margin-left: 0; margin-right: 1.5em; padding: 0; } .rtl .edit-post-visual-editor ol, .rtl .editor-block-list__block ol, .rtl .block-library-list ol { margin-left: 1.5em; margin-right: 1.5em; } /* Quotes */ .rtl .editor-block-list__block blockquote { border-left: 0; padding-left: 0; text-align: right; } /* Captions */ [class^="wp-block-"] figcaption { color: #686868; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } /*-------------------------------------------------------------- 3.0 Blocks - Common Blocks --------------------------------------------------------------*/ /* Paragraph */ .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { font-size: 64px; } /* Quote */ .wp-block-quote { font-size: 19px; font-style: italic; margin: 0 1.5em 1.5em 0; padding-left: 1.5em; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-color: #d9d9d9; border-width: 4px; } .wp-block-quote p { color: inherit; font-size: 19px; } .rtl .wp-block-quote { margin: 0 0 1.5em 1.5em; } .rtl .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:right"], .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: right"] { border-left: 0; border-right: 4px solid #d9d9d9; padding-left: 0; padding-right: 1.5em; } .rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:left"], .rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: left"] { border-left: 4px solid #d9d9d9; border-right: 0; padding-left: 1.5em; padding-right: 0; } .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:center"], .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: center"] { border-left: 0; border-right: 0; padding-left: 0; padding-right: 0; } .editor-block-list__block .wp-block-quote__citation { color: gray; display: block; font-size: 19px; font-style: normal; margin-top: 0.25em; } .editor-block-list__block .wp-block-quote em, .editor-block-list__block .wp-block-quote i { font-style: normal; } .editor-block-list__block .wp-block-quote > :last-child { margin-bottom: 0; } .editor-block-list__block .wp-block-quote.is-large, .editor-block-list__block .wp-block-quote.is-style-large, .editor-block-list__block .wp-block-quote.is-large p, .editor-block-list__block .wp-block-quote.is-style-large p { font-size: 120%; } /* Audio */ /* Cover */ .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image .wp-block-cover-image-text, .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image .wp-block-cover-text, .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image h2, .edit-post-visual-editor .editor-block-list__block .wp-block-cover .wp-block-cover-image-text, .edit-post-visual-editor .editor-block-list__block .wp-block-cover .wp-block-cover-text, .edit-post-visual-editor .editor-block-list__block .wp-block-cover h2 { font-size: 2.0em; /* Cover images inherit the paragraph size; this resets it */ } /* File */ .wp-block-file__textlink { box-shadow: 0 1px 0 0 currentColor; color: #007acc; } .wp-block-file .wp-block-file__button { background: rgba(255, 255, 255, 0.25); border: 2px solid #117bb8; border-radius: 0; color: #159ae7; cursor: pointer; display: inline-block; font-family: "Open Sans", Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1; margin: 5px 0; padding: 12px 24px; text-align: center; text-decoration: none; } /*-------------------------------------------------------------- 4.0 Blocks - Formatting --------------------------------------------------------------*/ /* Verse */ .wp-block-verse pre { background: transparent; color: inherit; font-family: inherit; line-height: inherit; margin-bottom: 1.5em; max-width: 100%; overflow: auto; padding: 0; } /* Code */ .wp-block-code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.85em; } /* Classic */ .wp-block-freeform.block-library-rich-text__tinymce blockquote { border-left: 4px solid #d9d9d9; font-style: italic; margin: 0 1.5em 1.5em 0; padding-left: 1.5em; } .wp-block-freeform.block-library-rich-text__tinymce blockquote p { } .wp-block-freeform.block-library-rich-text__tinymce blockquote > :last-child { margin-bottom: 0; } .editor-block-list__block .wp-block-freeform.block-library-rich-text__tinymce blockquote:not(.alignleft):not(.alignright) { } .wp-block-freeform.block-library-rich-text__tinymce blockquote cite { color: gray; display: block; font-style: normal; margin-top: 0.25em; } .wp-block-freeform.block-library-rich-text__tinymce blockquote cite:before { content: "-"; } .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote { border-left: 0; border-right: 4px solid #d9d9d9; margin: 0 0 1.5em 1.5em; padding-left: 0; padding-right: 1.5em; } .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignleft { float: left; } .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignright { float: right; } .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft { margin: .75em 1.5em .75em 0; } .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright { margin: .75em 0 .75em 1.5em; } .wp-block-freeform.block-library-rich-text__tinymce h1 { color: silver; font-size: 42px; font-weight: 300; line-height: 1.25; } .wp-block-freeform.block-library-rich-text__tinymce h2 { color: #999; font-size: 32px; font-weight: 700; line-height: 1.25; } .wp-block-freeform.block-library-rich-text__tinymce h3 { color: gray; font-size: 28px; font-weight: 300; } .wp-block-freeform.block-library-rich-text__tinymce h4 { color: gray; font-size: 21px; font-weight: 600; text-transform: uppercase; } .wp-block-freeform.block-library-rich-text__tinymce h5 { color: #5a5a5a; font-size: 19px; font-weight: 400; } .wp-block-freeform.block-library-rich-text__tinymce h6 { color: #5a5a5a; font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .wp-block-freeform.block-library-rich-text__tinymce pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.85em; line-height: 1.6; margin-bottom: 1.5em; max-width: 100%; overflow: auto; padding: 1.5em; white-space: pre-wrap; word-wrap: break-word; } .wp-block-freeform.block-library-rich-text__tinymce table { font-size: 0.85em; display: table; margin: 0 0 1.5em; width: 100%; border-collapse: collapse; } .wp-block-freeform.block-library-rich-text__tinymce .alternate { background: transparent; } .wp-block-freeform.block-library-rich-text__tinymce table td, .wp-block-freeform.block-library-rich-text__tinymce table th { padding: 8px 8px; border: 0; border-bottom: solid 1px; } .wp-block-freeform.block-library-rich-text__tinymce table td a, .wp-block-freeform.block-library-rich-text__tinymce table th a { text-decoration: none; } .wp-block-freeform.block-library-rich-text__tinymce table th { border-bottom: solid 3px; } .wp-block-freeform.block-library-rich-text__tinymce table tbody th { border-bottom: solid 1px; } /* Address */ .wp-block-freeform.block-library-rich-text__tinymce address { margin-bottom: 1.5em; } /* Definition List styles */ .wp-block-freeform.block-library-rich-text__tinymce dt { font-weight: bold; } .wp-block-freeform.block-library-rich-text__tinymce dd { margin: 0 1.5em 1.5em; } /* Code styles */ .wp-block-freeform.block-library-rich-text__tinymce code, .wp-block-freeform.block-library-rich-text__tinymce kbd, .wp-block-freeform.block-library-rich-text__tinymce tt, .wp-block-freeform.block-library-rich-text__tinymce var { background: transparent; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 14.0625px; } /* Mark, Ins styles */ .wp-block-freeform.block-library-rich-text__tinymce mark, .wp-block-freeform.block-library-rich-text__tinymce ins { background: #fff9c0; text-decoration: none; } /* Preformatted */ .editor-block-list__block .wp-block-preformatted pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.85em; line-height: 1.6; margin-bottom: 1.5em; max-width: 100%; overflow: auto; padding: 1.5em; white-space: pre-wrap; word-wrap: break-word; } /* Pullquote */ .editor-block-list__block .wp-block-pullquote blockquote { margin: 0; padding: 0; border: 0; } .wp-block-pullquote { border-bottom: 2px solid #a6a6a6; border-left: 0; border-top: 4px solid #d9d9d9; color: #a6a6a6; font-size: 28px; margin: 0 0 1.5em; padding: .75em 0; } .wp-block-pullquote blockquote { font-size: 28px; } .edit-post-visual-editor .editor-block-list__block .wp-block-pullquote blockquote p { font-size: 28px; } .wp-block-pullquote.alignleft { margin-right: 1.5em; } .wp-block-pullquote.alignright { margin-left: 1.5em; } .wp-block-pullquote blockquote > .editor-rich-text p { color: inherit; margin: 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { font-size: .8em; } .wp-block-pullquote .wp-block-pullquote__citation { font-size: 18px; text-transform: none; } .wp-block-pullquote .wp-block-pullquote__citation:before { content: "-"; } /* Table */ .editor-block-list__block table.wp-block-table { display: table; font-size: 0.85em; margin: 0 0 1.5em; width: 100%; } .editor-block-list__block table.wp-block-table td, .editor-block-list__block table.wp-block-table th { padding: 8px 8px; border: 0; border-bottom: solid 1px; } .editor-block-list__block table.wp-block-table th { border-bottom: solid 3px; } .editor-block-list__block table.wp-block-table tbody th { border-bottom: solid 1px; } /*-------------------------------------------------------------- 5.0 Blocks - Layout Elements --------------------------------------------------------------*/ /* Buttons */ .wp-block-button .wp-block-button__link { background-color: #117bb8; color: #fff; cursor: pointer; display: inline-block; font-family: "Open Sans", Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1; margin: 5px 0; padding: 12px 24px; text-align: center; text-decoration: none; } .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: #117bb8; } /* Separator */ .wp-block-separator { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; max-width: 100%; } .wp-block-separator.is-wide { max-width: 120%; margin-left: -10%; margin-right: -10%; } /*-------------------------------------------------------------- 6.0 Blocks - Widgets --------------------------------------------------------------*/ /* Categories & Archives */ .edit-post-visual-editor [data-align="center"] .wp-block-categories__list, .edit-post-visual-editor [data-align="center"] .wp-block-archives, .edit-post-visual-editor [data-align="center"] .wp-block-lastest-posts { list-style-position: inside; } /* Latest Comments */ .editor-block-list__block .wp-block-latest-comments__comment-meta a { box-shadow: none; font-weight: 700; text-decoration: none; } .wp-block-latest-comments .wp-block-latest-comments__comment { border-top: 1px solid #d1d1d1; margin-bottom: 0; padding: 1.5em 0; } .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } /* Latest Posts */ .edit-post-visual-editor .wp-block-latest-posts.is-grid { list-style: none; margin-left: 0; margin-right: 0; } .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 1em; }