View file File name : editor-blocks.css Content :/* Theme Name: Twenty Fifteen Description: Used to style blocks in the editor. */ /*-------------------------------------------------------------- >>> 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 7.0 Blocks - Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 General Typography --------------------------------------------------------------*/ .edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block p, .editor-default-block-appender textarea.editor-default-block-appender__content { font-size: 15px; line-height: 1.6; } .edit-post-visual-editor .editor-block-list__block { color: #333; } .editor-post-title__block .editor-post-title__input { color: #333; font-size: 26px; line-height: 1.1538; } .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 { clear: both; font-weight: 700; } .edit-post-visual-editor .editor-block-list__block h1 { font-size: 26px; line-height: 1.1538; padding: 0.9em 0 0.45em; } .edit-post-visual-editor .editor-block-list__block h2 { font-size: 22px; line-height: 1.3636; padding: 1em 0 0.5em; } .edit-post-visual-editor .editor-block-list__block h3 { font-size: 18px; line-height: 1.3333; padding: 1.3em 0 0.65em; } .edit-post-visual-editor .editor-block-list__block h4, .edit-post-visual-editor .editor-block-list__block h5, .edit-post-visual-editor .editor-block-list__block h6 { font-size: 15px; line-height: 1.2; padding: 0.8em 0 0.4em; } .edit-post-visual-editor .editor-block-list__block h5, .edit-post-visual-editor .editor-block-list__block h6 { letter-spacing: 0.1em; text-transform: uppercase; } .edit-post-visual-editor > h1:first-child, .edit-post-visual-editor > h2:first-child, .edit-post-visual-editor > h3:first-child, .edit-post-visual-editor > h4:first-child, .edit-post-visual-editor > h5:first-child, .edit-post-visual-editor > h6:first-child { padding-top: 0; } @media screen and (min-width: 46.25em) { .edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block p, .editor-default-block-appender input[type="text"].editor-default-block-appender__content { font-size: 17px; line-height: 1.6471; } .editor-post-title__block .editor-post-title__input { font-size: 35px; line-height: 1.2; } .edit-post-visual-editor .editor-block-list__block h1 { font-size: 35px; line-height: 1.2; padding: 0.8em 0 0.4em; } .edit-post-visual-editor .editor-block-list__block h2 { font-size: 29px; line-height: 1.2069; padding: 1.0em 0 0.5em; } .edit-post-visual-editor .editor-block-list__block h3 { font-size: 24px; line-height: 1.1667; padding: 1.15em 0 0.6em; } .edit-post-visual-editor .editor-block-list__block h4 { font-size: 20px; line-height: 1.4; padding: 0.7em 0 0.35em; } .edit-post-visual-editor .editor-block-list__block h5 { font-size: 18px; line-height: 1.3333; padding: 1.3em 0 0.65em; } .edit-post-visual-editor .editor-block-list__block h6 { font-size: 17px; line-height: 1.2353; padding: 0.8em 0 0.4em; } } @media screen and (min-width: 55em) { .edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block p, .editor-default-block-appender input[type="text"].editor-default-block-appender__content { font-size: 19px; line-height: 1.6842; } .editor-post-title__block .editor-post-title__input { font-size: 39px; line-height: 1.2308; } .edit-post-visual-editor .editor-block-list__block h1 { font-size: 39px; line-height: 1.2308; padding: 0.8em 0 0.4em; } .edit-post-visual-editor .editor-block-list__block h2 { font-size: 32px; line-height: 1.25; padding: 1em 0 0.5em; } .edit-post-visual-editor .editor-block-list__block h3 { font-size: 27px; line-height: 1.1852; padding: 1.2em 0 0.6em; } .edit-post-visual-editor .editor-block-list__block h4 { font-size: 22px; line-height: 1.4545; padding: 0.75em 0 0.35em; } .edit-post-visual-editor .editor-block-list__block h5 { font-size: 20px; line-height: 1.4; padding: 0.7em 0 0.35em; } .edit-post-visual-editor .editor-block-list__block h6 { font-size: 19px; line-height: 1.2632; padding: 0.8em 0 0.4em; } } @media screen and (min-width: 59.6875em) { .edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block p, .editor-default-block-appender input[type="text"].editor-default-block-appender__content { font-size: 15px; line-height: 1.6; } .editor-post-title__block .editor-post-title__input { font-size: 31px; line-height: 1.1613; } .edit-post-visual-editor .editor-block-list__block h1 { font-size: 31px; line-height: 1.1613; padding: 0.8em 0 0.4em; } .edit-post-visual-editor .editor-block-list__block h2 { font-size: 26px; line-height: 1.3846; padding: 0.9em 0 0.45em; } .edit-post-visual-editor .editor-block-list__block h3 { font-size: 22px; line-height: 1.3636; padding: 1.1em 0 0.55em; } .edit-post-visual-editor .editor-block-list__block h4 { font-size: 18px; line-height: 1.3333; padding: 0.65em 0 0.3em; } .edit-post-visual-editor .editor-block-list__block h5 { font-size: 16px; line-height: 1.25; padding: 0.875em 0 0.4375em; } .edit-post-visual-editor .editor-block-list__block h6 { font-size: 15px; line-height: 1.2; padding: 0.8em 0 0.4em; } } @media screen and (min-width: 68.75em) { .edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block p, .editor-default-block-appender input[type="text"].editor-default-block-appender__content { font-size: 17px; line-height: 1.6471; } .editor-post-title__block .editor-post-title__input { font-size: 35px; line-height: 1.2; } .edit-post-visual-editor .editor-block-list__block h1 { font-size: 35px; line-height: 1.2; padding: 0.8em 0 0.4em; } .edit-post-visual-editor .editor-block-list__block h2 { font-size: 29px; line-height: 1.2069; padding: 1.0em 0 0.5em; } .edit-post-visual-editor .editor-block-list__block h3 { font-size: 24px; line-height: 1.1667; padding: 1.2em 0 0.6em; } .edit-post-visual-editor .editor-block-list__block h4 { font-size: 20px; line-height: 1.4; padding: 0.7em 0 0.35em; } .edit-post-visual-editor .editor-block-list__block h5 { font-size: 18px; line-height: 1.3333; padding: 0.65em 0 0.3em; } .edit-post-visual-editor .editor-block-list__block h6 { font-size: 17px; line-height: 1.2353; padding: 0.8em 0 0.4em; } } @media screen and (min-width: 77.5em) { .edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block p, .editor-default-block-appender input[type="text"].editor-default-block-appender__content { font-size: 19px; line-height: 1.6842; } .editor-post-title__block .editor-post-title__input { font-size: 39px; line-height: 1.2308; } .edit-post-visual-editor .editor-block-list__block h3 { font-size: 27px; line-height: 1.1852; padding: 1.2em 0 0.6em; } .edit-post-visual-editor .editor-block-list__block h4 { font-size: 22px; line-height: 1.4545; padding: 0.75em 0 0.35em; } .edit-post-visual-editor .editor-block-list__block h5 { font-size: 20px; line-height: 1.4; padding: 0.7em 0 0.35em; } .edit-post-visual-editor .editor-block-list__block h6 { font-size: 19px; line-height: 1.2632; padding: 0.85em 0 0.45em; } } /*-------------------------------------------------------------- 2.0 General Block Styles --------------------------------------------------------------*/ /* Main column width */ .editor-styles-wrapper { max-width: 100% !important; /* Override where editor-style.css is affecting this. */ } .wp-block { max-width: 690px; /* 660px + 30px to account for padding. */ } /* Link styles */ .edit-post-visual-editor a, .editor-block-list__block a, .wp-block-freeform.block-library-rich-text__tinymce a { border-bottom: 1px solid #333; color: #333; text-decoration: none; } /* List styles */ .edit-post-visual-editor ul:not(.wp-block-gallery), .editor-block-list__block ul:not(.wp-block-gallery), .block-library-list ul, .edit-post-visual-editor ol, .editor-block-list__block ol, .block-library-list ol, .block-library-list .editor-rich-text__tinymce { padding: 0; } .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 ol, .editor-block-list__block ol, .block-library-list ol { list-style: decimal; } .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; } .wp-block-freeform.block-library-rich-text__tinymce li, .editor-block-list__block li { margin-bottom: 0; } .rtl .editor-styles-wrapper ul ul, .rtl .editor-styles-wrapper ol ol, .rtl .editor-styles-wrapper ul ol, .rtl .editor-styles-wrapper ol ul { margin-left: 0; margin-right: 23px; } .wp-block-freeform.block-library-rich-text__tinymce ul, .wp-block-freeform.block-library-rich-text__tinymce ol { padding-left: 23px; } .rtl .wp-block-freeform.block-library-rich-text__tinymce ul, .rtl .wp-block-freeform.block-library-rich-text__tinymce ol { padding: 0; } /* Quote */ .rtl .editor-block-list__block blockquote { border-left: 0; padding-left: 0; } /* Captions */ [class^="wp-block-"] figcaption { color: #707070; font-family: "Noto Sans", sans-serif; font-size: 12px; margin-bottom: 0; padding: 0.5em 0; } .editor-block-list__block [class^="wp-block-"] figcaption { line-height: 1.5; } @media screen and (min-width: 46.25em) { [class^="wp-block-"] figcaption { font-size: 14px; } } @media screen and (min-width: 55em) { [class^="wp-block-"] figcaption { font-size: 16px; } } @media screen and (min-width: 59.6875em) { [class^="wp-block-"] figcaption { font-size: 12px; } } @media screen and (min-width: 68.75em) { [class^="wp-block-"] figcaption { font-size: 14px; } } @media screen and (min-width: 77.5em) { [class^="wp-block-"] figcaption { font-size: 16px; } } /* Pre */ [class^="wp-block-"] pre { font-size: inherit; } /* Alignments */ .wp-block-quote.alignright, .wp-block-freeform.block-library-rich-text__tinymce .alignright { margin: 0.4211em 0 1.6842em 1.6842em; } .wp-block-quote.alignleft, .wp-block-freeform.block-library-rich-text__tinymce .alignleft { margin: 0.4211em 1.6842em 1.6842em 0; } /*-------------------------------------------------------------- 3.0 Blocks - Common Blocks --------------------------------------------------------------*/ /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter { font-size: 5em; } /* Quotes */ .wp-block-quote, .wp-block-freeform.block-library-rich-text__tinymce blockquote { color: #707070; margin-bottom: 1.6667em; padding-left: 0.7778em; } .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-freeform.block-library-rich-text__tinymce blockquote { border-color: #707070; } .edit-post-visual-editor .wp-block-quote p { font-size: 18px; font-style: italic; line-height: 1.6667; margin-bottom: 1.6667em; } .edit-post-visual-editor .wp-block-quote > p:last-child { margin-bottom: 0; } .wp-block-quote__citation { color: #333; font-family: "Noto Sans", sans-serif; font-size: 15px; font-style: normal; line-height: 1.6; text-transform: none; } .wp-block-quote em, .wp-block-quote i { font-style: normal; } .wp-block-quote strong, .wp-block-quote b { font-weight: 400; } @media screen and (min-width: 46.25em) { .edit-post-visual-editor .wp-block-quote p { font-size: 20px; line-height: 1.75; } .wp-block-quote__citation { font-size: 17px; line-height: 1.6471; } } @media screen and (min-width: 55em) { .edit-post-visual-editor .wp-block-quote p { font-size: 22px; line-height: 1.8182; } .wp-block-quote__citation { font-size: 19px; line-height: 1.6842; } } @media screen and (min-width: 59.6875em) { .edit-post-visual-editor .wp-block-quote p { font-size: 18px; line-height: 1.6667; } .wp-block-quote__citation { font-size: 15px; line-height: 1.6; } } @media screen and (min-width: 68.75em) { .edit-post-visual-editor .wp-block-quote p { font-size: 20px; line-height: 1.75; } .wp-block-quote__citation { font-size: 17px; line-height: 1.6471; } } @media screen and (min-width: 77.5em) { .edit-post-visual-editor .wp-block-quote p { font-size: 22px; line-height: 1.8182; } .wp-block-quote__citation { font-size: 19px; line-height: 1.6842; } } /* Cover */ .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p, .edit-post-visual-editor .editor-block-list__block .wp-block-cover p, .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 29px; line-height: 1.2069; } /* File */ .wp-block-file .editor-rich-text__tinymce { border-bottom: 1px solid #333; } .wp-block-file .wp-block-file__button { background-color: #333; border: 0; border-radius: 0; color: #fff; cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 12px; font-weight: 700; line-height: 1.5; padding: 0.7917em 1.5em; text-transform: uppercase; vertical-align: baseline; } @media screen and (min-width: 46.25em) { .wp-block-file .wp-block-file__button { font-size: 14px; padding: 0.8214em 1.6429em; } } @media screen and (min-width: 55em) { .wp-block-file .wp-block-file__button { font-size: 16px; padding: 0.8125em 1.625em; } } @media screen and (min-width: 59.6875em) { .wp-block-file .wp-block-file__button { font-size: 12px; padding: 0.7917em 1.5833em; } } @media screen and (min-width: 68.75em) { .wp-block-file .wp-block-file__button { font-size: 14px; padding: 0.8214em 1.5714em; } } @media screen and (min-width: 77.5em) { .wp-block-file .wp-block-file__button { font-size: 16px; padding: 0.8125em 1.625em; } } /*-------------------------------------------------------------- 4.0 Blocks - Formatting --------------------------------------------------------------*/ /* Code */ .editor-styles-wrapper .wp-block-code, .wp-block-freeform.block-library-rich-text__tinymce code { background: transparent; border: 0; padding: 0; } /* Pullquote */ .wp-block-pullquote, .editor-block-list__block .wp-block-pullquote blockquote { border: 0; margin: 0; padding-left: 0; } .wp-block-pullquote .wp-block-pullquote__citation { color: #333; font-family: "Noto Sans", sans-serif; font-size: 15px; font-style: normal; line-height: 1.6; text-transform: none; } @media screen and (min-width: 46.25em) { .wp-block-pullquote .wp-block-pullquote__citation { font-size: 17px; line-height: 1.6471; } } @media screen and (min-width: 55em) { .wp-block-pullquote .wp-block-pullquote__citation { font-size: 19px; line-height: 1.6842; } } @media screen and (min-width: 59.6875em) { .wp-block-pullquote .wp-block-pullquote__citation { font-size: 15px; line-height: 1.6; } } @media screen and (min-width: 68.75em) { .wp-block-pullquote .wp-block-pullquote__citation { font-size: 17px; line-height: 1.6471; } } @media screen and (min-width: 77.5em) { .wp-block-pullquote .wp-block-pullquote__citation { font-size: 19px; line-height: 1.6842; } } /* Tables */ .editor-block-list__block .wp-block-table th, .editor-block-list__block .wp-block-table td { padding: 0; } .rtl .editor-block-list__block .wp-block-table th { text-align: right; } /* Verse */ .editor-styles-wrapper .wp-block-verse { font-family: inherit; } /*-------------------------------------------------------------- 5.0 Blocks - Layout Elements --------------------------------------------------------------*/ /* Button */ .wp-block-button .wp-block-button__link { cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 12px; font-weight: 700; line-height: 1.5; padding: 0.7917em 1.5em; text-transform: uppercase; vertical-align: baseline; } .wp-block-button__link { background-color: #333; color: #fff; } .wp-block-buttons[style*="text-transform"] .wp-block-button__link, .wp-block-button[style*="text-transform"] .wp-block-button__link { text-transform: inherit; } .is-style-outline .wp-block-button__link { color: #333; } @media screen and (min-width: 46.25em) { .wp-block-button .wp-block-button__link { font-size: 14px; padding: 0.8214em 1.6429em; } } @media screen and (min-width: 55em) { .wp-block-button .wp-block-button__link { font-size: 16px; padding: 0.8125em 1.625em; } } @media screen and (min-width: 59.6875em) { .wp-block-button .wp-block-button__link { font-size: 12px; padding: 0.7917em 1.5833em; } } @media screen and (min-width: 68.75em) { .wp-block-button .wp-block-button__link { font-size: 14px; padding: 0.8214em 1.5714em; } } @media screen and (min-width: 77.5em) { .wp-block-button .wp-block-button__link { font-size: 16px; padding: 0.8125em 1.625em; } } /* Seperator */ .wp-block-separator { max-width: 100px; } .wp-block-separator.is-style-wide, .wp-block-separator.is-style-dots { max-width: 100%; } /* Media & Text */ .wp-block-media-text *:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- 6.0 Blocks - Widgets --------------------------------------------------------------*/ /* Archives, Categories & Latest Posts */ [data-align="center"] .wp-block-archives ul, [data-align="center"] .wp-block-categories ul, [data-align="center"] .wp-block-latest-posts ul { list-style-position: inside; } /* Latest Comments */ .wp-block-latest-comments { margin: 0; } .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-excerpt, .wp-block-latest-comments__comment-excerpt p { font-size: inherit; } .wp-block-latest-comments__comment-meta a { border-bottom-color: transparent; font-weight: 700; } .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-comments__comment-date { color: #707070; font-family: "Noto Sans", sans-serif; font-size: 12px; line-height: 1.5; margin-bottom: 1.6em; } @media screen and (min-width: 46.25em) { .wp-block-latest-comments__comment-date { font-size: 14px; } } @media screen and (min-width: 55em) { .wp-block-latest-comments__comment-date { font-size: 16px; } } @media screen and (min-width: 59.6875em) { .wp-block-latest-comments__comment-date { font-size: 12px; } } @media screen and (min-width: 68.75em) { .wp-block-latest-comments__comment-date { font-size: 14px; } } @media screen and (min-width: 77.5em) { .wp-block-latest-comments__comment-date { font-size: 16px; } } .wp-block-latest-comments .wp-block-latest-comments__comment { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); margin-bottom: 0; padding: 1.6em 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: 16px; } /*-------------------------------------------------------------- 7.0 Blocks - Colors --------------------------------------------------------------*/ :root .editor-styles-wrapper .has-dark-gray-color { color: #111; } :root .editor-styles-wrapper .has-dark-gray-background-color { background-color: #111; } :root .editor-styles-wrapper .has-light-gray-color { color: #f1f1f1; } :root .editor-styles-wrapper .has-light-gray-background-color { background-color: #f1f1f1; } :root .editor-styles-wrapper .has-white-color { color: #fff; } :root .editor-styles-wrapper .has-white-background-color { background-color: #fff; } :root .editor-styles-wrapper .has-yellow-color { color: #f4ca16; } :root .editor-styles-wrapper .has-yellow-background-color { background-color: #f4ca16; } :root .editor-styles-wrapper .has-dark-brown-color { color: #352712; } :root .editor-styles-wrapper .has-dark-brown-background-color { background-color: #352712; } :root .editor-styles-wrapper .has-medium-pink-color { color: #e53b51; } :root .editor-styles-wrapper .has-medium-pink-background-color { background-color: #e53b51; } :root .editor-styles-wrapper .has-light-pink-color { color: #ffe5d1; } :root .editor-styles-wrapper .has-light-pink-background-color { background-color: #ffe5d1; } :root .editor-styles-wrapper .has-dark-purple-color { color: #2e2256; } :root .editor-styles-wrapper .has-dark-purple-background-color { background-color: #2e2256; } :root .editor-styles-wrapper .has-purple-color { color: #674970; } :root .editor-styles-wrapper .has-purple-background-color { background-color: #674970; } :root .editor-styles-wrapper .has-blue-gray-color { color: #22313f; } :root .editor-styles-wrapper .has-blue-gray-background-color { background-color: #22313f; } :root .editor-styles-wrapper .has-bright-blue-color { color: #55c3dc; } :root .editor-styles-wrapper .has-bright-blue-background-color { background-color: #55c3dc; } :root .editor-styles-wrapper .has-light-blue-color { color: #e9f2f9; } :root .editor-styles-wrapper .has-light-blue-background-color { background-color: #e9f2f9; }