WordPress/wp-content/themes/twentyfifteen/css/editor-blocks.css
Tammie Lister 6f694a5983 Twenty Fifteen: Fixes code block family being different in iframe editor.
The font family was not being included for the code block. This adds Inconsolata to the code block within the editor styles.

Props pranitdugad, sabernhardt.
Fixes #61571.

Built from https://develop.svn.wordpress.org/trunk@58730


git-svn-id: http://core.svn.wordpress.org/trunk@58132 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-07-16 09:50:10 +00:00

1025 lines
21 KiB
CSS

/*
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.has-text-color cite,
.wp-block-quote.has-background cite {
color: inherit;
}
.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;
}
.wp-block-code {
font-family: Inconsolata, monospace;
}
/* Pullquote */
.wp-block-pullquote,
.editor-styles-wrapper .wp-block-pullquote blockquote {
border: 0 solid;
color: inherit;
margin: 0;
padding-left: 0;
}
.wp-block-pullquote .wp-block-pullquote__citation {
color: inherit;
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;
}
}
/* Separator */
.wp-block-separator {
border: 0;
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;
}