diff --git a/rockfield/sass/_config-child-theme-deep.scss b/rockfield/sass/_config-child-theme-deep.scss index 8803eb855..36028d8e2 100644 --- a/rockfield/sass/_config-child-theme-deep.scss +++ b/rockfield/sass/_config-child-theme-deep.scss @@ -53,7 +53,7 @@ $config-global: ( /* Line Height */ "line-height": ( "base": strip-unit($typescale-base), - "body": 1.6, + "body": 1.78, "heading": 1.125, ), ), @@ -61,29 +61,29 @@ $config-global: ( /* Colors */ "color": ( "primary": ( - "default": #7E756E, - "hover": #5E5853, + "default": #111111, + "hover": #444444, ), "secondary": ( - "default": #208751, - "hover": #5E5853, + "default": #40B538, + "hover": #444444, ), "foreground": ( - "default": #5E5853, - "light": #99908A, // must be accessible against background - "dark": #1E1C1B, // must be accessible against background + "default": #444444, + "light": #777777, // must be accessible against background + "dark": #111111, // must be accessible against background ), "background": ( "default": white, - "light": #F4F5F5, // must be accessible against foreground-default - "dark": #E8E9EA, // must be accessible against foreground-default + "light": #F0F0F0, // must be accessible against foreground-default + "dark": #E0E0E0, // must be accessible against foreground-default ), "border": ( - "default": #E8E9EA, - "light": #F4F5F5, - "dark": #DEE1E3, + "default": #E0E0E0, + "light": #F0F0F0, + "dark": #D0D0D0, ), - "text-selection": #F8F6F2, + "text-selection": #EAEAEA, "black": black, "white": white, ), diff --git a/rockfield/style-editor.css b/rockfield/style-editor.css index c2dcd9a2d..f52588d22 100644 --- a/rockfield/style-editor.css +++ b/rockfield/style-editor.css @@ -168,12 +168,12 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration * - Reset the browser */ body { - color: #5E5853; + color: #444444; background-color: white; font-family: Lora, Baskerville, Georgia, Times, serif; font-size: 18px; font-weight: normal; - line-height: 1.6; + line-height: 1.78; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @@ -184,15 +184,15 @@ body { p { font-size: 1em; - line-height: 1.6; + line-height: 1.78; } a { - color: #7E756E; + color: #111111; } a:hover { - color: #5E5853; + color: #444444; } button, @@ -255,7 +255,7 @@ blockquote.alignright footer { } figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -309,24 +309,24 @@ object { font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.83333em; line-height: 1; - background-color: #7E756E; + background-color: #111111; border-radius: 0; padding: 16px 20px; } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus { color: white; - background-color: #5E5853; + background-color: #444444; } .wp-block-button.is-style-outline .wp-block-button__link { - color: #7E756E; + color: #111111; background: transparent; border: 2px solid currentcolor; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { - color: #5E5853; + color: #444444; } .wp-block-button.is-style-squared .wp-block-button__link { @@ -335,7 +335,7 @@ object { .wp-block-cover, .wp-block-cover-image { - background-color: #5E5853; + background-color: #444444; min-height: 90vh; /* Treating H2 separately to account for legacy /core styles */ } @@ -471,11 +471,11 @@ p.has-background:not(.has-background-background-color) a { margin-left: 0; margin-right: 0; text-align: center; - border-top-color: #E8E9EA; + border-top-color: #E0E0E0; border-top-width: 2px; - border-bottom-color: #E8E9EA; + border-bottom-color: #E0E0E0; border-bottom-width: 2px; - color: #5E5853; + color: #444444; /** * Block Options */ @@ -499,7 +499,7 @@ p.has-background:not(.has-background-background-color) a { .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: #99908A; + color: #777777; font-size: 0.83333em; letter-spacing: normal; } @@ -509,7 +509,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-pullquote.is-style-solid-color { - background-color: #7E756E; + background-color: #111111; color: white; } @@ -539,7 +539,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-quote { - border-left-color: #7E756E; + border-left-color: #111111; margin: 32px 0; padding-left: 16px; } @@ -564,14 +564,14 @@ p.has-background:not(.has-background-background-color) a { .wp-block-separator, hr { - border-bottom: 2px solid #E8E9EA; + border-bottom: 2px solid #E0E0E0; clear: both; } .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"], hr[style*="text-align:right"], hr[style*="text-align: right"] { - border-right-color: #E8E9EA; + border-right-color: #E0E0E0; } .wp-block-separator.is-style-wide, @@ -586,7 +586,7 @@ hr.is-style-dots { .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { - color: #E8E9EA; + color: #E0E0E0; } table th, @@ -606,7 +606,7 @@ table th, * - Needs a special styles */ .editor-post-title__block .editor-post-title__input { - color: #5E5853; + color: #444444; font-family: Lora, Baskerville, Georgia, Times, serif; font-weight: bold; font-size: 2.48832em; @@ -615,31 +615,31 @@ table th, } .has-primary-color[class] { - color: #7E756E !important; + color: #111111 !important; } .has-secondary-color[class] { - color: #208751 !important; + color: #40B538 !important; } .has-foreground-color[class] { - color: #5E5853 !important; + color: #444444 !important; } .has-foreground-light-color[class] { - color: #99908A !important; + color: #777777 !important; } .has-foreground-dark-color[class] { - color: #1E1C1B !important; + color: #111111 !important; } .has-background-light-color[class] { - color: #F4F5F5 !important; + color: #F0F0F0 !important; } .has-background-dark-color[class] { - color: #E8E9EA !important; + color: #E0E0E0 !important; } .has-background-color[class] { @@ -647,7 +647,7 @@ table th, } .has-primary-background-color[class] { - background-color: #7E756E !important; + background-color: #111111 !important; color: white; } @@ -657,7 +657,7 @@ table th, } .has-secondary-background-color[class] { - background-color: #208751 !important; + background-color: #40B538 !important; color: white; } @@ -667,7 +667,7 @@ table th, } .has-foreground-background-color[class] { - background-color: #5E5853 !important; + background-color: #444444 !important; color: white; } @@ -677,7 +677,7 @@ table th, } .has-foreground-light-background-color[class] { - background-color: #99908A !important; + background-color: #777777 !important; color: white; } @@ -687,7 +687,7 @@ table th, } .has-foreground-dark-background-color[class] { - background-color: #1E1C1B !important; + background-color: #111111 !important; color: white; } @@ -697,8 +697,8 @@ table th, } .has-background-light-background-color[class] { - background-color: #F4F5F5 !important; - color: #5E5853; + background-color: #F0F0F0 !important; + color: #444444; } .has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6, @@ -707,8 +707,8 @@ table th, } .has-background-dark-background-color[class] { - background-color: #E8E9EA !important; - color: #5E5853; + background-color: #E0E0E0 !important; + color: #444444; } .has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6, @@ -718,7 +718,7 @@ table th, .has-background-background-color[class] { background-color: white !important; - color: #5E5853; + color: #444444; } .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6, diff --git a/rockfield/style-rtl.css b/rockfield/style-rtl.css index 4b1afa7c2..dae1e3168 100644 --- a/rockfield/style-rtl.css +++ b/rockfield/style-rtl.css @@ -590,7 +590,7 @@ html { html { font-size: 15px; font-family: Lora, Baskerville, Georgia, Times, serif; - line-height: 1.6; + line-height: 1.78; } @media only screen and (min-width: 560px) { @@ -602,7 +602,7 @@ html { body { font-size: 1rem; font-weight: normal; - color: #5E5853; + color: #444444; text-align: right; background-color: white; } @@ -611,11 +611,11 @@ body { * Links styles */ a { - color: #7E756E; + color: #111111; } a:hover { - color: #5E5853; + color: #444444; } button, @@ -644,7 +644,7 @@ a { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; - color: #5E5853; + color: #444444; display: block; font-size: 1.2rem; font-weight: bold; @@ -717,11 +717,11 @@ footer { } ::selection { - background-color: #F8F6F2; + background-color: #EAEAEA; } ::-moz-selection { - background-color: #F8F6F2; + background-color: #EAEAEA; } /** @@ -969,8 +969,8 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { - color: #5E5853; - border: 2px solid #E8E9EA; + color: #444444; + border: 2px solid #E0E0E0; border-radius: 0; padding: 16px; } @@ -991,12 +991,12 @@ input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { - color: #5E5853; - border-color: #5E5853; + color: #444444; + border-color: #444444; } select { - border: 2px solid #E8E9EA; + border: 2px solid #E0E0E0; } textarea { @@ -1011,7 +1011,7 @@ input[type=checkbox] + label { } figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1079,7 +1079,7 @@ input[type="submit"], font-weight: bold; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.83333rem; - background-color: #7E756E; + background-color: #111111; border-radius: 0; border-width: 0; padding: 16px 20px; @@ -1130,21 +1130,21 @@ input.has-focus[type="submit"], .has-focus.wp-block-button__link, .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all { color: white; - background-color: #5E5853; + background-color: #444444; } /** * Block Options */ .wp-block-button.is-style-outline .wp-block-button__link { - color: #7E756E; + color: #111111; background: transparent; border: 2px solid currentcolor; padding: 14px 20px; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { - color: #5E5853; + color: #444444; } .wp-block-button.is-style-squared .wp-block-button__link { @@ -1152,14 +1152,14 @@ input.has-focus[type="submit"], } .wp-block-code { - color: #5E5853; + color: #444444; font-size: 0.83333rem; padding: 16px; - border-color: #E8E9EA; + border-color: #E0E0E0; } .wp-block-code pre { - color: #5E5853; + color: #444444; } .wp-block-columns { @@ -1216,7 +1216,7 @@ input.has-focus[type="submit"], .wp-block-cover, .wp-block-cover-image { - background-color: #5E5853; + background-color: #444444; min-height: 90vh; margin: inherit; /* Treating H2 separately to account for legacy /core styles */ @@ -1318,7 +1318,7 @@ input.has-focus[type="submit"], } .wp-block-file .wp-block-file__button { - background-color: #7E756E; + background-color: #111111; color: white; font-size: 0.83333rem; margin-right: 16px; @@ -1462,7 +1462,7 @@ h6, .h6 { } .wp-block-image figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1482,7 +1482,7 @@ img { .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 0.83333rem; - line-height: 1.6; + line-height: 1.78; /* Vertical margins logic */ margin-top: 32px; margin-bottom: 32px; @@ -1501,13 +1501,13 @@ img { } .wp-block-latest-comments .wp-block-latest-comments__comment-date { - color: #99908A; + color: #777777; font-size: 0.83333rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 0.83333rem; - line-height: 1.6; + line-height: 1.78; margin: 0; } @@ -1537,14 +1537,14 @@ img { } .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: #99908A; + color: #777777; font-size: 0.69444rem; - line-height: 1.6; + line-height: 1.78; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-size: 0.83333rem; - line-height: 1.6; + line-height: 1.78; margin: 0; } @@ -1686,7 +1686,7 @@ p.has-background:not(.has-background-background-color) a { .a8c-posts-list-item__featured span { color: white; - background-color: #7E756E; + background-color: #111111; font-family: Lora, Baskerville, Georgia, Times, serif; font-weight: bold; font-size: 0.83333rem; @@ -1724,7 +1724,7 @@ p.has-background:not(.has-background-background-color) a { } .a8c-posts-list__item .a8c-posts-list-item__meta { - color: #99908A; + color: #777777; font-size: 0.83333rem; } @@ -1733,7 +1733,7 @@ p.has-background:not(.has-background-background-color) a { } .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active { - color: #5E5853; + color: #444444; } .a8c-posts-list__item .a8c-posts-list-item__edit-link { @@ -1749,11 +1749,11 @@ p.has-background:not(.has-background-background-color) a { margin-right: 0; margin-left: 0; text-align: center; - border-top-color: #E8E9EA; + border-top-color: #E0E0E0; border-top-width: 2px; - border-bottom-color: #E8E9EA; + border-bottom-color: #E0E0E0; border-bottom-width: 2px; - color: #5E5853; + color: #444444; /** * Block Options */ @@ -1773,7 +1773,7 @@ p.has-background:not(.has-background-background-color) a { .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: #99908A; + color: #777777; font-size: 0.83333rem; letter-spacing: normal; display: block; @@ -1788,7 +1788,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-pullquote.is-style-solid-color { - background-color: #7E756E; + background-color: #111111; color: white; } @@ -1813,7 +1813,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-quote { - border-right-color: #7E756E; + border-right-color: #111111; margin: 32px 0; padding: 0 16px; /** @@ -1844,7 +1844,7 @@ p.has-background:not(.has-background-background-color) a { .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { - color: #99908A; + color: #777777; font-size: 0.83333rem; letter-spacing: normal; } @@ -1856,7 +1856,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] { - border-left-color: #7E756E; + border-left-color: #111111; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { @@ -1876,14 +1876,14 @@ p.has-background:not(.has-background-background-color) a { .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { - color: #99908A; + color: #777777; font-size: 0.83333rem; letter-spacing: normal; } .wp-block-separator, hr { - border-bottom: 2px solid #E8E9EA; + border-bottom: 2px solid #E0E0E0; clear: both; margin-right: auto; margin-left: auto; @@ -1899,7 +1899,7 @@ hr.is-style-wide { .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { - color: #E8E9EA; + color: #E0E0E0; font-size: 1.728rem; letter-spacing: 0.83333rem; padding-right: 0.83333rem; @@ -1949,7 +1949,7 @@ table th, } .wp-block-video figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -2005,31 +2005,31 @@ table th, } .has-primary-color[class] { - color: #7E756E !important; + color: #111111 !important; } .has-secondary-color[class] { - color: #208751 !important; + color: #40B538 !important; } .has-foreground-color[class] { - color: #5E5853 !important; + color: #444444 !important; } .has-foreground-light-color[class] { - color: #99908A !important; + color: #777777 !important; } .has-foreground-dark-color[class] { - color: #1E1C1B !important; + color: #111111 !important; } .has-background-light-color[class] { - color: #F4F5F5 !important; + color: #F0F0F0 !important; } .has-background-dark-color[class] { - color: #E8E9EA !important; + color: #E0E0E0 !important; } .has-background-color[class] { @@ -2037,7 +2037,7 @@ table th, } .has-primary-background-color[class] { - background-color: #7E756E !important; + background-color: #111111 !important; color: white; } @@ -2046,7 +2046,7 @@ table th, } .has-secondary-background-color[class] { - background-color: #208751 !important; + background-color: #40B538 !important; color: white; } @@ -2055,7 +2055,7 @@ table th, } .has-foreground-background-color[class] { - background-color: #5E5853 !important; + background-color: #444444 !important; color: white; } @@ -2064,7 +2064,7 @@ table th, } .has-foreground-light-background-color[class] { - background-color: #99908A !important; + background-color: #777777 !important; color: white; } @@ -2073,7 +2073,7 @@ table th, } .has-foreground-dark-background-color[class] { - background-color: #1E1C1B !important; + background-color: #111111 !important; color: white; } @@ -2082,8 +2082,8 @@ table th, } .has-background-light-background-color[class] { - background-color: #F4F5F5 !important; - color: #5E5853; + background-color: #F0F0F0 !important; + color: #444444; } .has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 { @@ -2091,8 +2091,8 @@ table th, } .has-background-dark-background-color[class] { - background-color: #E8E9EA !important; - color: #5E5853; + background-color: #E0E0E0 !important; + color: #444444; } .has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 { @@ -2101,7 +2101,7 @@ table th, .has-background-background-color[class] { background-color: white !important; - color: #5E5853; + color: #444444; } .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 { @@ -2296,7 +2296,7 @@ table th, } .site-title a:hover { - color: #99908A; + color: #777777; } .site-description { @@ -2323,7 +2323,7 @@ table th, } .main-navigation #toggle:focus + #toggle-menu { - background-color: #99908A; + background-color: #777777; outline: inherit; text-decoration: underline; } @@ -2459,7 +2459,7 @@ table th, } .main-navigation a:hover { - color: #99908A; + color: #777777; } .main-navigation .sub-menu { @@ -2515,7 +2515,7 @@ table th, } .social-navigation a:hover { - color: #99908A; + color: #777777; } .social-navigation svg { @@ -2533,7 +2533,7 @@ table th, } .site-info { - color: #99908A; + color: #777777; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.83333rem; } @@ -2560,7 +2560,7 @@ table th, } .site-info a:hover { - color: #1E1C1B; + color: #111111; } .footer-navigation { @@ -2582,7 +2582,7 @@ table th, } .footer-navigation .footer-menu { - color: #99908A; + color: #777777; padding-right: 0; margin-right: -16px; margin-left: -16px; @@ -2613,7 +2613,7 @@ table th, } .footer-navigation .footer-menu a:hover { - color: #1E1C1B; + color: #111111; } .entry-title { @@ -2624,7 +2624,7 @@ table th, .entry-meta, .entry-footer { - color: #99908A; + color: #777777; clear: both; float: none; font-size: 0.83333rem; @@ -2661,7 +2661,7 @@ table th, .entry-meta a:hover, .entry-meta a:active, .entry-footer a:hover, .entry-footer a:active { - color: #5E5853; + color: #444444; } .entry-meta .svg-icon, @@ -2833,13 +2833,13 @@ table th, * Comment Lists */ .comment-list { - border-bottom: 1px solid #E8E9EA; + border-bottom: 1px solid #E0E0E0; margin-right: 0; list-style: none; } .comment-list > li { - border-top: 1px solid #E8E9EA; + border-top: 1px solid #E0E0E0; margin-top: 32px; margin-bottom: 32px; } @@ -2850,7 +2850,7 @@ table th, } .children > li { - border-top: 1px solid #E8E9EA; + border-top: 1px solid #E0E0E0; margin-top: 32px; margin-bottom: 32px; } @@ -2897,7 +2897,7 @@ table th, } .comment-meta .comment-metadata { - color: #5E5853; + color: #444444; } .comment-meta .comment-metadata a { @@ -2905,7 +2905,7 @@ table th, } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active { - color: #5E5853; + color: #444444; } @media only screen and (min-width: 560px) { @@ -3075,7 +3075,7 @@ img#wpstats { */ .sticky-post { color: white; - background-color: #7E756E; + background-color: #111111; font-family: Lora, Baskerville, Georgia, Times, serif; font-weight: bold; font-size: 0.83333rem; @@ -3423,7 +3423,7 @@ p:not(.site-title) a:hover { * Header */ #masthead { - background: #1E1C1B; + background: #111111; display: flex; justify-content: space-between; margin: 0; @@ -3483,7 +3483,7 @@ p:not(.site-title) a:hover { display: inline; } .site-title:not(:empty) + .site-description:not(:empty):before { - color: #99908A; + color: #777777; content: "\2666"; font-family: Arial, Helvetica, sans-serif; margin: 0 .25em; @@ -3499,9 +3499,9 @@ p:not(.site-title) a:hover { } #site-navigation > div { - background: #1E1C1B; - border-top: 8px solid #1E1C1B; - box-shadow: inset 0 1px 0 0 #7E756E; + background: #111111; + border-top: 8px solid #111111; + box-shadow: inset 0 1px 0 0 #111111; right: 0; position: absolute; padding: 0 16px; @@ -3540,7 +3540,7 @@ p:not(.site-title) a:hover { @media only screen and (min-width: 560px) { #site-navigation > div > ul > li:not(:first-child):before { - color: #99908A; + color: #777777; content: "\2666"; font-family: Arial, Helvetica, sans-serif; font-size: 0.83333rem; @@ -3556,7 +3556,7 @@ p:not(.site-title) a:hover { margin: 0; } #site-navigation > div > ul > li > .sub-menu { - background: #1E1C1B; + background: #111111; box-shadow: none; right: auto; left: 0; @@ -3626,13 +3626,13 @@ p:not(.site-title) a:hover { * Post Navigation */ .post-navigation { - border-bottom: 1px solid #E8E9EA; - border-top: 2px solid #E8E9EA; + border-bottom: 1px solid #E0E0E0; + border-top: 2px solid #E0E0E0; padding: 16px 0; } .post-navigation .meta-nav { - color: #99908A; + color: #777777; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: bold; text-transform: uppercase; @@ -3651,7 +3651,7 @@ p:not(.site-title) a:hover { .sticky-post, .a8c-posts-list .a8c-posts-list-item__featured span { - background: #208751; + background: #40B538; color: white; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; text-transform: uppercase; @@ -3668,7 +3668,7 @@ p:not(.site-title) a:hover { } .author-bio { - border: 2px solid #E8E9EA; + border: 2px solid #E0E0E0; padding: 16px; } @@ -3715,7 +3715,7 @@ table td, table th, .wp-block-table td, .wp-block-table th { - border-color: #E8E9EA; + border-color: #E0E0E0; } .a8c-posts-list__item { @@ -3780,7 +3780,7 @@ table th, @media only screen and (min-width: 640px) { .comment-meta { - border-left: 1px solid #E8E9EA; + border-left: 1px solid #E0E0E0; display: block; float: right; padding-left: 16px; @@ -3815,7 +3815,7 @@ table th, } .widget-area:before { - background: #E8E9EA; + background: #E0E0E0; height: 1px; content: ""; display: block; @@ -3881,7 +3881,7 @@ table th, .widget_jp_blogs_i_follow ul, .widget_top-click ul, .widget_upcoming_events_widget ul { - border-bottom: 1px solid #E8E9EA; + border-bottom: 1px solid #E0E0E0; list-style: none; margin-right: 0; } @@ -3901,7 +3901,7 @@ table th, .widget_jp_blogs_i_follow li, .widget_top-click li, .widget_upcoming_events_widget li { - border-top: 1px solid #E8E9EA; + border-top: 1px solid #E0E0E0; padding: 8px 0; } @@ -3934,7 +3934,7 @@ table th, * Social Menu */ .social-navigation { - background: #1E1C1B; + background: #111111; padding: 32px 0; } @@ -3960,7 +3960,7 @@ table th, } .footer-navigation .footer-menu > li:not(:first-child):before { - color: #DEE1E3; + color: #D0D0D0; content: "\2666"; font-family: Arial, Helvetica, sans-serif; } diff --git a/rockfield/style.css b/rockfield/style.css index 4903d69af..6e224a463 100644 --- a/rockfield/style.css +++ b/rockfield/style.css @@ -590,7 +590,7 @@ html { html { font-size: 15px; font-family: Lora, Baskerville, Georgia, Times, serif; - line-height: 1.6; + line-height: 1.78; } @media only screen and (min-width: 560px) { @@ -602,7 +602,7 @@ html { body { font-size: 1rem; font-weight: normal; - color: #5E5853; + color: #444444; text-align: left; background-color: white; } @@ -611,11 +611,11 @@ body { * Links styles */ a { - color: #7E756E; + color: #111111; } a:hover { - color: #5E5853; + color: #444444; } button, @@ -644,7 +644,7 @@ a { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; - color: #5E5853; + color: #444444; display: block; font-size: 1.2rem; font-weight: bold; @@ -717,11 +717,11 @@ footer { } ::selection { - background-color: #F8F6F2; + background-color: #EAEAEA; } ::-moz-selection { - background-color: #F8F6F2; + background-color: #EAEAEA; } /** @@ -969,8 +969,8 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { - color: #5E5853; - border: 2px solid #E8E9EA; + color: #444444; + border: 2px solid #E0E0E0; border-radius: 0; padding: 16px; } @@ -991,12 +991,12 @@ input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { - color: #5E5853; - border-color: #5E5853; + color: #444444; + border-color: #444444; } select { - border: 2px solid #E8E9EA; + border: 2px solid #E0E0E0; } textarea { @@ -1011,7 +1011,7 @@ input[type=checkbox] + label { } figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1079,7 +1079,7 @@ input[type="submit"], font-weight: bold; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.83333rem; - background-color: #7E756E; + background-color: #111111; border-radius: 0; border-width: 0; padding: 16px 20px; @@ -1130,21 +1130,21 @@ input.has-focus[type="submit"], .has-focus.wp-block-button__link, .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all { color: white; - background-color: #5E5853; + background-color: #444444; } /** * Block Options */ .wp-block-button.is-style-outline .wp-block-button__link { - color: #7E756E; + color: #111111; background: transparent; border: 2px solid currentcolor; padding: 14px 20px; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { - color: #5E5853; + color: #444444; } .wp-block-button.is-style-squared .wp-block-button__link { @@ -1152,14 +1152,14 @@ input.has-focus[type="submit"], } .wp-block-code { - color: #5E5853; + color: #444444; font-size: 0.83333rem; padding: 16px; - border-color: #E8E9EA; + border-color: #E0E0E0; } .wp-block-code pre { - color: #5E5853; + color: #444444; } .wp-block-columns { @@ -1216,7 +1216,7 @@ input.has-focus[type="submit"], .wp-block-cover, .wp-block-cover-image { - background-color: #5E5853; + background-color: #444444; min-height: 90vh; margin: inherit; /* Treating H2 separately to account for legacy /core styles */ @@ -1318,7 +1318,7 @@ input.has-focus[type="submit"], } .wp-block-file .wp-block-file__button { - background-color: #7E756E; + background-color: #111111; color: white; font-size: 0.83333rem; margin-left: 16px; @@ -1462,7 +1462,7 @@ h6, .h6 { } .wp-block-image figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1482,7 +1482,7 @@ img { .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 0.83333rem; - line-height: 1.6; + line-height: 1.78; /* Vertical margins logic */ margin-top: 32px; margin-bottom: 32px; @@ -1501,13 +1501,13 @@ img { } .wp-block-latest-comments .wp-block-latest-comments__comment-date { - color: #99908A; + color: #777777; font-size: 0.83333rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 0.83333rem; - line-height: 1.6; + line-height: 1.78; margin: 0; } @@ -1537,14 +1537,14 @@ img { } .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: #99908A; + color: #777777; font-size: 0.69444rem; - line-height: 1.6; + line-height: 1.78; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-size: 0.83333rem; - line-height: 1.6; + line-height: 1.78; margin: 0; } @@ -1686,7 +1686,7 @@ p.has-background:not(.has-background-background-color) a { .a8c-posts-list-item__featured span { color: white; - background-color: #7E756E; + background-color: #111111; font-family: Lora, Baskerville, Georgia, Times, serif; font-weight: bold; font-size: 0.83333rem; @@ -1724,7 +1724,7 @@ p.has-background:not(.has-background-background-color) a { } .a8c-posts-list__item .a8c-posts-list-item__meta { - color: #99908A; + color: #777777; font-size: 0.83333rem; } @@ -1733,7 +1733,7 @@ p.has-background:not(.has-background-background-color) a { } .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active { - color: #5E5853; + color: #444444; } .a8c-posts-list__item .a8c-posts-list-item__edit-link { @@ -1749,11 +1749,11 @@ p.has-background:not(.has-background-background-color) a { margin-left: 0; margin-right: 0; text-align: center; - border-top-color: #E8E9EA; + border-top-color: #E0E0E0; border-top-width: 2px; - border-bottom-color: #E8E9EA; + border-bottom-color: #E0E0E0; border-bottom-width: 2px; - color: #5E5853; + color: #444444; /** * Block Options */ @@ -1773,7 +1773,7 @@ p.has-background:not(.has-background-background-color) a { .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: #99908A; + color: #777777; font-size: 0.83333rem; letter-spacing: normal; display: block; @@ -1788,7 +1788,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-pullquote.is-style-solid-color { - background-color: #7E756E; + background-color: #111111; color: white; } @@ -1813,7 +1813,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-quote { - border-left-color: #7E756E; + border-left-color: #111111; margin: 32px 0; padding: 0 16px; /** @@ -1844,7 +1844,7 @@ p.has-background:not(.has-background-background-color) a { .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { - color: #99908A; + color: #777777; font-size: 0.83333rem; letter-spacing: normal; } @@ -1856,7 +1856,7 @@ p.has-background:not(.has-background-background-color) a { } .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] { - border-right-color: #7E756E; + border-right-color: #111111; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { @@ -1876,14 +1876,14 @@ p.has-background:not(.has-background-background-color) a { .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { - color: #99908A; + color: #777777; font-size: 0.83333rem; letter-spacing: normal; } .wp-block-separator, hr { - border-bottom: 2px solid #E8E9EA; + border-bottom: 2px solid #E0E0E0; clear: both; margin-left: auto; margin-right: auto; @@ -1899,7 +1899,7 @@ hr.is-style-wide { .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { - color: #E8E9EA; + color: #E0E0E0; font-size: 1.728rem; letter-spacing: 0.83333rem; padding-left: 0.83333rem; @@ -1949,7 +1949,7 @@ table th, } .wp-block-video figcaption { - color: #99908A; + color: #777777; font-size: 0.69444rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -2010,31 +2010,31 @@ table th, } .has-primary-color[class] { - color: #7E756E !important; + color: #111111 !important; } .has-secondary-color[class] { - color: #208751 !important; + color: #40B538 !important; } .has-foreground-color[class] { - color: #5E5853 !important; + color: #444444 !important; } .has-foreground-light-color[class] { - color: #99908A !important; + color: #777777 !important; } .has-foreground-dark-color[class] { - color: #1E1C1B !important; + color: #111111 !important; } .has-background-light-color[class] { - color: #F4F5F5 !important; + color: #F0F0F0 !important; } .has-background-dark-color[class] { - color: #E8E9EA !important; + color: #E0E0E0 !important; } .has-background-color[class] { @@ -2042,7 +2042,7 @@ table th, } .has-primary-background-color[class] { - background-color: #7E756E !important; + background-color: #111111 !important; color: white; } @@ -2051,7 +2051,7 @@ table th, } .has-secondary-background-color[class] { - background-color: #208751 !important; + background-color: #40B538 !important; color: white; } @@ -2060,7 +2060,7 @@ table th, } .has-foreground-background-color[class] { - background-color: #5E5853 !important; + background-color: #444444 !important; color: white; } @@ -2069,7 +2069,7 @@ table th, } .has-foreground-light-background-color[class] { - background-color: #99908A !important; + background-color: #777777 !important; color: white; } @@ -2078,7 +2078,7 @@ table th, } .has-foreground-dark-background-color[class] { - background-color: #1E1C1B !important; + background-color: #111111 !important; color: white; } @@ -2087,8 +2087,8 @@ table th, } .has-background-light-background-color[class] { - background-color: #F4F5F5 !important; - color: #5E5853; + background-color: #F0F0F0 !important; + color: #444444; } .has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 { @@ -2096,8 +2096,8 @@ table th, } .has-background-dark-background-color[class] { - background-color: #E8E9EA !important; - color: #5E5853; + background-color: #E0E0E0 !important; + color: #444444; } .has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 { @@ -2106,7 +2106,7 @@ table th, .has-background-background-color[class] { background-color: white !important; - color: #5E5853; + color: #444444; } .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 { @@ -2301,7 +2301,7 @@ table th, } .site-title a:hover { - color: #99908A; + color: #777777; } .site-description { @@ -2328,7 +2328,7 @@ table th, } .main-navigation #toggle:focus + #toggle-menu { - background-color: #99908A; + background-color: #777777; outline: inherit; text-decoration: underline; } @@ -2464,7 +2464,7 @@ table th, } .main-navigation a:hover { - color: #99908A; + color: #777777; } .main-navigation .sub-menu { @@ -2520,7 +2520,7 @@ table th, } .social-navigation a:hover { - color: #99908A; + color: #777777; } .social-navigation svg { @@ -2538,7 +2538,7 @@ table th, } .site-info { - color: #99908A; + color: #777777; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.83333rem; } @@ -2565,7 +2565,7 @@ table th, } .site-info a:hover { - color: #1E1C1B; + color: #111111; } .footer-navigation { @@ -2587,7 +2587,7 @@ table th, } .footer-navigation .footer-menu { - color: #99908A; + color: #777777; padding-left: 0; margin-left: -16px; margin-right: -16px; @@ -2618,7 +2618,7 @@ table th, } .footer-navigation .footer-menu a:hover { - color: #1E1C1B; + color: #111111; } .entry-title { @@ -2629,7 +2629,7 @@ table th, .entry-meta, .entry-footer { - color: #99908A; + color: #777777; clear: both; float: none; font-size: 0.83333rem; @@ -2666,7 +2666,7 @@ table th, .entry-meta a:hover, .entry-meta a:active, .entry-footer a:hover, .entry-footer a:active { - color: #5E5853; + color: #444444; } .entry-meta .svg-icon, @@ -2838,13 +2838,13 @@ table th, * Comment Lists */ .comment-list { - border-bottom: 1px solid #E8E9EA; + border-bottom: 1px solid #E0E0E0; margin-left: 0; list-style: none; } .comment-list > li { - border-top: 1px solid #E8E9EA; + border-top: 1px solid #E0E0E0; margin-top: 32px; margin-bottom: 32px; } @@ -2855,7 +2855,7 @@ table th, } .children > li { - border-top: 1px solid #E8E9EA; + border-top: 1px solid #E0E0E0; margin-top: 32px; margin-bottom: 32px; } @@ -2902,7 +2902,7 @@ table th, } .comment-meta .comment-metadata { - color: #5E5853; + color: #444444; } .comment-meta .comment-metadata a { @@ -2910,7 +2910,7 @@ table th, } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active { - color: #5E5853; + color: #444444; } @media only screen and (min-width: 560px) { @@ -3080,7 +3080,7 @@ img#wpstats { */ .sticky-post { color: white; - background-color: #7E756E; + background-color: #111111; font-family: Lora, Baskerville, Georgia, Times, serif; font-weight: bold; font-size: 0.83333rem; @@ -3428,7 +3428,7 @@ p:not(.site-title) a:hover { * Header */ #masthead { - background: #1E1C1B; + background: #111111; display: flex; justify-content: space-between; margin: 0; @@ -3488,7 +3488,7 @@ p:not(.site-title) a:hover { display: inline; } .site-title:not(:empty) + .site-description:not(:empty):before { - color: #99908A; + color: #777777; content: "\2666"; font-family: Arial, Helvetica, sans-serif; margin: 0 .25em; @@ -3504,9 +3504,9 @@ p:not(.site-title) a:hover { } #site-navigation > div { - background: #1E1C1B; - border-top: 8px solid #1E1C1B; - box-shadow: inset 0 1px 0 0 #7E756E; + background: #111111; + border-top: 8px solid #111111; + box-shadow: inset 0 1px 0 0 #111111; left: 0; position: absolute; padding: 0 16px; @@ -3545,7 +3545,7 @@ p:not(.site-title) a:hover { @media only screen and (min-width: 560px) { #site-navigation > div > ul > li:not(:first-child):before { - color: #99908A; + color: #777777; content: "\2666"; font-family: Arial, Helvetica, sans-serif; font-size: 0.83333rem; @@ -3561,7 +3561,7 @@ p:not(.site-title) a:hover { margin: 0; } #site-navigation > div > ul > li > .sub-menu { - background: #1E1C1B; + background: #111111; box-shadow: none; left: auto; right: 0; @@ -3631,13 +3631,13 @@ p:not(.site-title) a:hover { * Post Navigation */ .post-navigation { - border-bottom: 1px solid #E8E9EA; - border-top: 2px solid #E8E9EA; + border-bottom: 1px solid #E0E0E0; + border-top: 2px solid #E0E0E0; padding: 16px 0; } .post-navigation .meta-nav { - color: #99908A; + color: #777777; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: bold; text-transform: uppercase; @@ -3656,7 +3656,7 @@ p:not(.site-title) a:hover { .sticky-post, .a8c-posts-list .a8c-posts-list-item__featured span { - background: #208751; + background: #40B538; color: white; font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; text-transform: uppercase; @@ -3673,7 +3673,7 @@ p:not(.site-title) a:hover { } .author-bio { - border: 2px solid #E8E9EA; + border: 2px solid #E0E0E0; padding: 16px; } @@ -3720,7 +3720,7 @@ table td, table th, .wp-block-table td, .wp-block-table th { - border-color: #E8E9EA; + border-color: #E0E0E0; } .a8c-posts-list__item { @@ -3785,7 +3785,7 @@ table th, @media only screen and (min-width: 640px) { .comment-meta { - border-right: 1px solid #E8E9EA; + border-right: 1px solid #E0E0E0; display: block; float: left; padding-right: 16px; @@ -3820,7 +3820,7 @@ table th, } .widget-area:before { - background: #E8E9EA; + background: #E0E0E0; height: 1px; content: ""; display: block; @@ -3886,7 +3886,7 @@ table th, .widget_jp_blogs_i_follow ul, .widget_top-click ul, .widget_upcoming_events_widget ul { - border-bottom: 1px solid #E8E9EA; + border-bottom: 1px solid #E0E0E0; list-style: none; margin-left: 0; } @@ -3906,7 +3906,7 @@ table th, .widget_jp_blogs_i_follow li, .widget_top-click li, .widget_upcoming_events_widget li { - border-top: 1px solid #E8E9EA; + border-top: 1px solid #E0E0E0; padding: 8px 0; } @@ -3939,7 +3939,7 @@ table th, * Social Menu */ .social-navigation { - background: #1E1C1B; + background: #111111; padding: 32px 0; } @@ -3965,7 +3965,7 @@ table th, } .footer-navigation .footer-menu > li:not(:first-child):before { - color: #DEE1E3; + color: #D0D0D0; content: "\2666"; font-family: Arial, Helvetica, sans-serif; }