From 498914fb32465de2a8766bf169f236640f052eab Mon Sep 17 00:00:00 2001 From: Takashi Irie Date: Sat, 24 Aug 2019 05:28:10 +0100 Subject: [PATCH] Rivington: several updates --- rivington/functions.php | 57 +-- rivington/sass/_config-child-theme-deep.scss | 32 +- rivington/sass/_extra-child-theme.scss | 196 +++++++++-- rivington/style-editor.css | 66 ++-- rivington/style-rtl.css | 351 ++++++++++++++----- rivington/style.css | 351 ++++++++++++++----- 6 files changed, 774 insertions(+), 279 deletions(-) diff --git a/rivington/functions.php b/rivington/functions.php index f8485d2e7..0e705f21e 100755 --- a/rivington/functions.php +++ b/rivington/functions.php @@ -22,6 +22,11 @@ if ( ! function_exists( 'rivington_setup' ) ) : // Add child theme editor styles, compiled from `style-child-theme-editor.scss`. add_editor_style( 'style-editor.css' ); + // Dark backgrounds + // - See: https://developer.wordpress.org/block-editor/developers/themes/theme-support/#dark-backgrounds + add_theme_support( 'editor-styles' ); + add_theme_support( 'dark-editor-style' ); + // Add child theme editor font sizes to match Sass-map variables in `_config-child-theme-deep.scss`. add_theme_support( 'editor-font-sizes', @@ -29,25 +34,25 @@ if ( ! function_exists( 'rivington_setup' ) ) : array( 'name' => __( 'Small', 'rivington' ), 'shortName' => __( 'S', 'rivington' ), - 'size' => 19.5, + 'size' => 14.4, 'slug' => 'small', ), array( 'name' => __( 'Normal', 'rivington' ), 'shortName' => __( 'M', 'rivington' ), - 'size' => 22, + 'size' => 18, 'slug' => 'normal', ), array( 'name' => __( 'Large', 'rivington' ), 'shortName' => __( 'L', 'rivington' ), - 'size' => 36.5, + 'size' => 28.12, 'slug' => 'large', ), array( 'name' => __( 'Huge', 'rivington' ), 'shortName' => __( 'XL', 'rivington' ), - 'size' => 49.5, + 'size' => 35.15, 'slug' => 'huge', ), ) @@ -60,42 +65,42 @@ if ( ! function_exists( 'rivington_setup' ) ) : array( 'name' => __( 'Primary', 'rivington' ), 'slug' => 'primary', - 'color' => '#0000FF', + 'color' => '#CAAB57', ), array( 'name' => __( 'Secondary', 'rivington' ), 'slug' => 'secondary', - 'color' => '#FF0000', + 'color' => '#CAAB57', ), array( - 'name' => __( 'Dark Gray', 'rivington' ), + 'name' => __( 'Skin', 'rivington' ), 'slug' => 'foreground-dark', - 'color' => '#111111', + 'color' => '#e0d4c2', ), array( - 'name' => __( 'Gray', 'rivington' ), + 'name' => __( 'Off White', 'rivington' ), 'slug' => 'foreground', - 'color' => '#444444', - ), - array( - 'name' => __( 'Light Gray', 'rivington' ), - 'slug' => 'foreground-light', - 'color' => '#767676', - ), - array( - 'name' => __( 'Lighter Gray', 'rivington' ), - 'slug' => 'background-dark', - 'color' => '#DDDDDD', - ), - array( - 'name' => __( 'Subtle Gray', 'rivington' ), - 'slug' => 'background-light', - 'color' => '#FAFAFA', + 'color' => '#F1ECE4', ), array( 'name' => __( 'White', 'rivington' ), + 'slug' => 'foreground-light', + 'color' => '#faf8f5', + ), + array( + 'name' => __( 'Black', 'rivington' ), + 'slug' => 'background-dark', + 'color' => '#000000', + ), + array( + 'name' => __( 'Dark Gray', 'rivington' ), + 'slug' => 'background-light', + 'color' => '#151515', + ), + array( + 'name' => __( 'Black', 'rivington' ), 'slug' => 'background', - 'color' => '#FFFFFF', + 'color' => '#080808', ), ) ); diff --git a/rivington/sass/_config-child-theme-deep.scss b/rivington/sass/_config-child-theme-deep.scss index 7e5f89a06..0d9012b66 100644 --- a/rivington/sass/_config-child-theme-deep.scss +++ b/rivington/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.778, "heading": 1.125, ), ), @@ -62,26 +62,26 @@ $config-global: ( "color": ( "primary": ( "default": #CAAB57, - "hover": #B59439, + "hover": darken( #CAAB57, 10% ) ), "secondary": ( "default": #CAAB57, - "hover": #B59439, + "hover": darken( #CAAB57, 10% ) ), "foreground": ( - "default": #FFFFFF, - "light": darken( #FFFFFF, 20% ), // must be accessible against background - "dark": #111111, // must be accessible against background + "default": #F1ECE4, + "light": lighten( #F1ECE4, 5% ), // must be accessible against background + "dark": darken( #F1ECE4, 10% ), // must be accessible against background ), "background": ( "default": #080808, - "light": #FAFAFA, // must be accessible against foreground-default - "dark": #DDDDDD, // must be accessible against foreground-default + "light": lighten( #080808, 5% ), // must be accessible against foreground-default + "dark": #000000, // must be accessible against foreground-default ), "border": ( - "default": #DDDDDD, - "light": #FAFAFA, - "dark": #AAAAAA, + "default": #595959, + "light": #727272, + "dark": #3f3f3f, ), "text-selection": lighten( #CAAB57, 30% ), "black": black, @@ -117,8 +117,8 @@ $config-global: ( /* Border radius */ "border-radius": ( - "sm": (0.5 * $typescale-root), - "md": (0.75 * $typescale-root), + "sm": (0.25 * $typescale-root), + "md": (0.5 * $typescale-root), "lg": $typescale-root, "pill": (10 * $typescale-root), ), @@ -142,7 +142,7 @@ $config-elements: ( "font": ( "family": map-deep-get($config-global, "font", "family", "secondary"), "line-height": map-deep-get($config-global, "font", "line-height", "md"), - "size": map-deep-get($config-global, "font", "size", "md"), + "size": map-deep-get($config-global, "font", "size", "base"), "weight": bold, ), @@ -170,7 +170,7 @@ $config-button: ( // Fonts "font": ( "family": map-deep-get($config-global, "font", "family", "ui"), - "size": map-deep-get($config-global, "font", "size", "md"), + "size": map-deep-get($config-global, "font", "size", "base"), "weight": 600, "line-height": 1, ), @@ -308,7 +308,7 @@ $config-header: ( // Fonts "font": ( "family": map-deep-get($config-global, "font", "family", "secondary"), - "size": map-deep-get($config-global, "font", "size", "xs"), + "size": map-deep-get($config-global, "font", "size", "sm"), ), ), ), diff --git a/rivington/sass/_extra-child-theme.scss b/rivington/sass/_extra-child-theme.scss index bb022adc6..242c677e2 100644 --- a/rivington/sass/_extra-child-theme.scss +++ b/rivington/sass/_extra-child-theme.scss @@ -17,20 +17,31 @@ $spacing_unit: map-deep-get($config-global, "spacing", "unit"); */ a { text-decoration: none; + + .wp-block-cover &, + .wp-block-cover-image &, + .wp-block-media-text &, + p:not(.site-title) & { + text-decoration: underline; + + &.wp-block-button__link, + &:hover { + text-decoration: none; + } + } } /** * Header */ -#masthead { +.site-header { max-width: 100%; padding-left: $spacing_unit; padding-right: $spacing_unit; position: relative; @include media(mobile) { - padding-left: $spacing_vertical; - padding-right: $spacing_vertical; + padding: $spacing_unit $spacing_vertical; } } @@ -145,39 +156,80 @@ a { } } +/** + * Main + */ +#main { + padding-top: 0; +} + +.site-main > article > .entry-header { + margin-top: #{0.666 * $spacing_vertical}; + @include media(mobile) { + margin-top: #{2 * $spacing_vertical}; + } +} + /** * Content */ -.entry .entry-title a { +// Entry Title Link +.entry-title, +.page-title, +.a8c-posts-list .a8c-posts-list-item__title { + a { + color: inherit; + text-decoration: none; - color: $color_foreground; - - &:hover, - &:active { - color: $color_foreground_light; + &:active, + &:focus, + &:hover { + color: map-deep-get($config-global, "color", "primary", "default"); + } } } -.entry-header, -.entry-footer, -.page-title, -.author-title, -.comments-title, -.comment-reply-title { - text-align: center; +// Sticky tag +.sticky-post, +.a8c-posts-list .a8c-posts-list-item__featured span { + padding: #{0.5 * $baseline-unit} #{0.66 * $spacing_unit}; } -.comment-reply-title { - display: inherit; +/** + * Next/Previous navigation + */ +// Singular navigation +.post-navigation { + .meta-nav { + color: map-deep-get($config-global, "color", "foreground", "light"); + } + + .post-title { + font-size: #{map-deep-get($config-heading, "font", "size", "h4")}; + line-height: #{map-deep-get($config-global, "font", "line-height", "heading")}; + } } -.comment .comment-reply-title { - display: flex; +/** + * Comments + */ +.logged-in-as, +.comment-notes, +.comment-form-cookies-consent { + font-size: map-deep-get($config-global, "font", "size", "sm"); } -.pagination .nav-links { - justify-content: center; +.comment-form-cookies-consent input[type=checkbox] + label { + line-height: #{map-deep-get($config-global, "font", "line-height", "body")}; +} + +.comment-notes { + color: map-deep-get($config-global, "color", "foreground", "light"); +} + +.comment-form > p:not(.comment-form-cookies-consent) label { + font-weight: 600; } /** @@ -209,3 +261,103 @@ a { font-size: ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio); } } + +/** + * Widgets + */ +.widget { + select { + max-width: 100%; + } +} + +.widget-title { + font-size: #{map-deep-get($config-heading, "font", "size", "h3")}; + margin-bottom: #{0.5 * $spacing_vertical}; +} + +.widget_archive, +.widget_categories, +.widget_meta, +.widget_nav_menu, +.widget_pages, +.widget_recent_comments, +.widget_recent_entries, +.widget_rss { + + ul { + margin-left: 0; + margin-right: 0; + list-style: none; + + li { + color: map-deep-get($config-global, "color", "foreground", "light"); + font-weight: 600; + } + + ul { + counter-reset: submenu; + } + + ul > li > a::before { + font-weight: normal; + content: "\2013\00a0" counters(submenu, "\2013\00a0", none); + counter-increment: submenu + } + } +} + +.widget_tag_cloud { + .tagcloud { + font-weight: 600; + } +} + +.widget_search { + .search-field { + width: 100%; + + @include media(mobile) { + width: auto; + } + } + + .search-submit { + display: block; + margin-top: $typescale-base; + } +} + +.widget_calendar .calendar_wrap { + text-align: center; + + table td, + table th { + border: none; + } + + a { + text-decoration: underline; + } +} + +.widget_links li, +.widget_jp_blogs_i_follow li, +.widget_rss_links li { + font-family: inherit; +} + +/** + * Footer Navigation + */ +.footer-navigation { + .footer-menu { + a { + padding: 0 #{0.5 * $spacing_unit}; + } + + > li:last-of-type { + margin-right: -#{0.5 * $spacing_unit}; + } + } +} diff --git a/rivington/style-editor.css b/rivington/style-editor.css index 4f3658824..f12e18c70 100644 --- a/rivington/style-editor.css +++ b/rivington/style-editor.css @@ -160,12 +160,12 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration * - Reset the browser */ body { - color: #FFFFFF; + color: #F1ECE4; background-color: #080808; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 18px; font-weight: normal; - line-height: 1.6; + line-height: 1.778; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @@ -176,7 +176,7 @@ body { p { font-size: 1em; - line-height: 1.6; + line-height: 1.778; } a { @@ -184,7 +184,7 @@ a { } a:hover { - color: #B59439; + color: #b59439; } button, @@ -247,7 +247,7 @@ blockquote.alignright footer { } figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -299,16 +299,16 @@ object { color: #080808; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 1.25em; + font-size: 1em; line-height: 1; background-color: #CAAB57; - border-radius: 9px; + border-radius: 4.5px; padding: 16px 16px; } .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: #080808; - background-color: #B59439; + background-color: #b59439; } .wp-block-button.is-style-outline .wp-block-button__link { @@ -318,7 +318,7 @@ object { } .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: #B59439; + color: #b59439; } .wp-block-button.is-style-squared .wp-block-button__link { @@ -457,9 +457,9 @@ object { } .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; } [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, @@ -470,7 +470,7 @@ object { .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; margin: 0; } @@ -507,11 +507,11 @@ p.has-background:not(.has-background-background-color) a { margin-left: 0; margin-right: 0; text-align: center; - border-top-color: #DDDDDD; + border-top-color: #595959; border-top-width: 4px; - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 4px; - color: #FFFFFF; + color: #F1ECE4; /** * Block Options */ @@ -535,7 +535,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: #cccccc; + color: #faf8f5; font-size: 0.8em; letter-spacing: normal; } @@ -600,14 +600,14 @@ p.has-background:not(.has-background-background-color) a { .wp-block-separator, hr { - border-bottom: 2px solid #DDDDDD; + border-bottom: 2px solid #595959; 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: #DDDDDD; + border-right-color: #595959; } .wp-block-separator.is-style-wide, @@ -622,7 +622,7 @@ hr.is-style-dots { .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { - color: #DDDDDD; + color: #595959; } table th, @@ -642,7 +642,7 @@ table th, * - Needs a special styles */ .editor-post-title__block .editor-post-title__input { - color: #FFFFFF; + color: #F1ECE4; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: 600; font-size: 1.95312em; @@ -659,23 +659,23 @@ table th, } .has-foreground-color[class] { - color: #FFFFFF !important; + color: #F1ECE4 !important; } .has-foreground-light-color[class] { - color: #cccccc !important; + color: #faf8f5 !important; } .has-foreground-dark-color[class] { - color: #111111 !important; + color: #e0d4c2 !important; } .has-background-light-color[class] { - color: #FAFAFA !important; + color: #151515 !important; } .has-background-dark-color[class] { - color: #DDDDDD !important; + color: #000000 !important; } .has-background-color[class] { @@ -704,33 +704,33 @@ table th, } .has-foreground-background-color[class] { - background-color: #FFFFFF !important; + background-color: #F1ECE4 !important; color: #080808; } .has-foreground-light-background-color[class] { - background-color: #cccccc !important; + background-color: #faf8f5 !important; color: #080808; } .has-foreground-dark-background-color[class] { - background-color: #111111 !important; + background-color: #e0d4c2 !important; color: #080808; } .has-background-light-background-color[class] { - background-color: #FAFAFA !important; - color: #FFFFFF; + background-color: #151515 !important; + color: #F1ECE4; } .has-background-dark-background-color[class] { - background-color: #DDDDDD !important; - color: #FFFFFF; + background-color: #000000 !important; + color: #F1ECE4; } .has-background-background-color[class] { background-color: #080808 !important; - color: #FFFFFF; + color: #F1ECE4; } .is-small-text, diff --git a/rivington/style-rtl.css b/rivington/style-rtl.css index 05152e09c..591d22904 100644 --- a/rivington/style-rtl.css +++ b/rivington/style-rtl.css @@ -582,7 +582,7 @@ html { html { font-size: 14.4px; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - line-height: 1.6; + line-height: 1.778; } @media only screen and (min-width: 560px) { @@ -594,7 +594,7 @@ html { body { font-size: 1rem; font-weight: normal; - color: #FFFFFF; + color: #F1ECE4; text-align: right; background-color: #080808; } @@ -607,7 +607,7 @@ a { } a:hover { - color: #B59439; + color: #b59439; } button, @@ -636,7 +636,7 @@ a { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; - color: #FFFFFF; + color: #F1ECE4; display: block; font-size: 1.25rem; font-weight: bold; @@ -965,8 +965,8 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { - color: #FFFFFF; - border: 1px solid #DDDDDD; + color: #F1ECE4; + border: 1px solid #595959; border-radius: 3px; padding: 16px; } @@ -987,12 +987,12 @@ input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { - color: #FFFFFF; - border-color: #B59439; + color: #F1ECE4; + border-color: #b59439; } select { - border: 1px solid #DDDDDD; + border: 1px solid #595959; } textarea { @@ -1007,7 +1007,7 @@ input[type=checkbox] + label { } figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1074,9 +1074,9 @@ input[type="submit"], cursor: pointer; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 1.25rem; + font-size: 1rem; background-color: #CAAB57; - border-radius: 9px; + border-radius: 4.5px; border-width: 0; padding: 16px 16px; } @@ -1126,7 +1126,7 @@ 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: #080808; - background-color: #B59439; + background-color: #b59439; } /** @@ -1140,7 +1140,7 @@ input.has-focus[type="submit"], } .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: #B59439; + color: #b59439; } .wp-block-button.is-style-squared .wp-block-button__link { @@ -1148,14 +1148,14 @@ input.has-focus[type="submit"], } .wp-block-code { - color: #FFFFFF; + color: #F1ECE4; font-size: 0.8rem; padding: 16px; - border-color: #DDDDDD; + border-color: #595959; } .wp-block-code pre { - color: #FFFFFF; + color: #F1ECE4; } .wp-block-columns { @@ -1440,7 +1440,7 @@ h6, .h6 { } .wp-block-image figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1471,7 +1471,7 @@ img { .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; /* Vertical margins logic */ margin-top: 32px; margin-bottom: 32px; @@ -1490,13 +1490,13 @@ img { } .wp-block-latest-comments .wp-block-latest-comments__comment-date { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; margin: 0; } @@ -1526,9 +1526,9 @@ img { } .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; - line-height: 1.6; + line-height: 1.778; } .entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, @@ -1539,7 +1539,7 @@ img { .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; margin: 0; } @@ -1726,7 +1726,7 @@ p.has-background { } .a8c-posts-list__item .a8c-posts-list-item__meta { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; } @@ -1735,7 +1735,7 @@ p.has-background { } .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active { - color: #B59439; + color: #b59439; } .a8c-posts-list__item .a8c-posts-list-item__edit-link { @@ -1751,11 +1751,11 @@ p.has-background { margin-right: 0; margin-left: 0; text-align: center; - border-top-color: #DDDDDD; + border-top-color: #595959; border-top-width: 4px; - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 4px; - color: #FFFFFF; + color: #F1ECE4; /** * Block Options */ @@ -1775,7 +1775,7 @@ p.has-background { .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; letter-spacing: normal; display: block; @@ -1850,7 +1850,7 @@ p.has-background { .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; letter-spacing: normal; } @@ -1882,13 +1882,13 @@ p.has-background { .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: #cccccc; + color: #faf8f5; font-size: 0.8rem; letter-spacing: normal; } hr { - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 2px; clear: both; margin-right: auto; @@ -1896,19 +1896,19 @@ hr { } hr.wp-block-separator { - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; /** * Block Options */ } hr.wp-block-separator.is-style-wide { - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 2px; } hr.wp-block-separator.is-style-dots:before { - color: #DDDDDD; + color: #595959; font-size: 1.95312rem; letter-spacing: 0.8rem; padding-right: 0.8rem; @@ -1958,7 +1958,7 @@ table th, } .wp-block-video figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -2049,23 +2049,23 @@ table th, } .has-foreground-color[class] { - color: #FFFFFF !important; + color: #F1ECE4 !important; } .has-foreground-light-color[class] { - color: #cccccc !important; + color: #faf8f5 !important; } .has-foreground-dark-color[class] { - color: #111111 !important; + color: #e0d4c2 !important; } .has-background-light-color[class] { - color: #FAFAFA !important; + color: #151515 !important; } .has-background-dark-color[class] { - color: #DDDDDD !important; + color: #000000 !important; } .has-background-color[class] { @@ -2089,33 +2089,33 @@ table th, } .has-foreground-background-color[class] { - background-color: #FFFFFF !important; + background-color: #F1ECE4 !important; color: #080808; } .has-foreground-light-background-color[class] { - background-color: #cccccc !important; + background-color: #faf8f5 !important; color: #080808; } .has-foreground-dark-background-color[class] { - background-color: #111111 !important; + background-color: #e0d4c2 !important; color: #080808; } .has-background-light-background-color[class] { - background-color: #FAFAFA !important; - color: #FFFFFF; + background-color: #151515 !important; + color: #F1ECE4; } .has-background-dark-background-color[class] { - background-color: #DDDDDD !important; - color: #FFFFFF; + background-color: #000000 !important; + color: #F1ECE4; } .has-background-background-color[class] { background-color: #080808 !important; - color: #FFFFFF; + color: #F1ECE4; } .is-small-text, @@ -2285,11 +2285,11 @@ table th, * - Similar to Blocks but exist outside of the "current" editor context */ .site-branding { - color: #FFFFFF; + color: #F1ECE4; } .site-title { - color: #FFFFFF; + color: #F1ECE4; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.5625rem; letter-spacing: normal; @@ -2312,11 +2312,11 @@ table th, .site-description { color: currentColor; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 0.64rem; + font-size: 0.8rem; } .main-navigation { - color: #FFFFFF; + color: #F1ECE4; } .main-navigation > div { @@ -2333,7 +2333,7 @@ table th, } .main-navigation #toggle:focus + #toggle-menu { - background-color: #B59439; + background-color: #b59439; outline: inherit; text-decoration: underline; } @@ -2480,7 +2480,7 @@ table th, } .main-navigation a:hover { - color: #B59439; + color: #b59439; } .main-navigation .sub-menu { @@ -2538,13 +2538,13 @@ table th, } .social-navigation a { - color: #FFFFFF; + color: #F1ECE4; display: inline-block; padding: 0 calc( 0.5 * calc(0.66 * 16px )); } .social-navigation a:hover { - color: #B59439; + color: #b59439; } .social-navigation svg { @@ -2566,7 +2566,7 @@ table th, } .site-info { - color: #cccccc; + color: #faf8f5; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.8rem; } @@ -2593,7 +2593,7 @@ table th, } .site-info a:hover { - color: #B59439; + color: #b59439; } .footer-navigation { @@ -2615,7 +2615,7 @@ table th, } .footer-navigation .footer-menu { - color: #cccccc; + color: #faf8f5; margin: 0; padding-right: 0; } @@ -2653,7 +2653,7 @@ table th, } .footer-navigation .footer-menu a:hover { - color: #B59439; + color: #b59439; } .entry-title { @@ -2664,7 +2664,7 @@ table th, .entry-meta, .entry-footer { - color: #cccccc; + color: #faf8f5; clear: both; float: none; font-size: 0.8rem; @@ -2701,7 +2701,7 @@ table th, .entry-meta a:hover, .entry-meta a:active, .entry-footer a:hover, .entry-footer a:active { - color: #B59439; + color: #b59439; } .entry-meta .svg-icon, @@ -2873,13 +2873,13 @@ table th, * Comment Lists */ .comment-list { - border-bottom: 1px solid #DDDDDD; + border-bottom: 1px solid #595959; margin-right: 0; list-style: none; } .comment-list > li { - border-top: 1px solid #DDDDDD; + border-top: 1px solid #595959; margin-top: 32px; margin-bottom: 32px; } @@ -2890,7 +2890,7 @@ table th, } .children > li { - border-top: 1px solid #DDDDDD; + border-top: 1px solid #595959; margin-top: 32px; margin-bottom: 32px; } @@ -2937,7 +2937,7 @@ table th, } .comment-meta .comment-metadata { - color: #FFFFFF; + color: #F1ECE4; } .comment-meta .comment-metadata a { @@ -2945,7 +2945,7 @@ table th, } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active { - color: #B59439; + color: #b59439; } @media only screen and (min-width: 560px) { @@ -3406,10 +3406,27 @@ a { text-decoration: none; } +.wp-block-cover a, +.wp-block-cover-image a, +.wp-block-media-text a, +p:not(.site-title) a { + text-decoration: underline; +} + +.wp-block-cover a.wp-block-button__link, .wp-block-cover a:hover, +.wp-block-cover-image a.wp-block-button__link, +.wp-block-cover-image a:hover, +.wp-block-media-text a.wp-block-button__link, +.wp-block-media-text a:hover, +p:not(.site-title) a.wp-block-button__link, +p:not(.site-title) a:hover { + text-decoration: none; +} + /** * Header */ -#masthead { +.site-header { max-width: 100%; padding-right: 16px; padding-left: 16px; @@ -3417,9 +3434,8 @@ a { } @media only screen and (min-width: 560px) { - #masthead { - padding-right: 32px; - padding-left: 32px; + .site-header { + padding: 16px 32px; } } @@ -3511,7 +3527,7 @@ a { .site-header .main-navigation > div > ul > li.current-menu-item li:hover > a, .site-header .main-navigation > div > ul > li.current-menu-item li.focus > a, .site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a { - background: #B59439; + background: #b59439; } .site-header .social-navigation { align-self: center; @@ -3520,36 +3536,79 @@ a { } } +/** + * Main + */ +#main { + padding-top: 0; +} + +.site-main > article > .entry-header { + margin-top: 21.312px; +} + +@media only screen and (min-width: 560px) { + .site-main > article > .entry-header { + margin-top: 64px; + } +} + /** * Content */ -.entry .entry-title a { - color: #FFFFFF; +.entry-title a, +.page-title a, +.a8c-posts-list .a8c-posts-list-item__title a { + color: inherit; + text-decoration: none; } -.entry .entry-title a:hover, .entry .entry-title a:active { - color: #cccccc; +.entry-title a:active, .entry-title a:focus, .entry-title a:hover, +.page-title a:active, +.page-title a:focus, +.page-title a:hover, +.a8c-posts-list .a8c-posts-list-item__title a:active, +.a8c-posts-list .a8c-posts-list-item__title a:focus, +.a8c-posts-list .a8c-posts-list-item__title a:hover { + color: #CAAB57; } -.entry-header, -.entry-footer, -.page-title, -.author-title, -.comments-title, -.comment-reply-title { - text-align: center; +.sticky-post, +.a8c-posts-list .a8c-posts-list-item__featured span { + padding: 4px 10.56px; } -.comment-reply-title { - display: inherit; +/** + * Next/Previous navigation + */ +.post-navigation .meta-nav { + color: #faf8f5; } -.comment .comment-reply-title { - display: flex; +.post-navigation .post-title { + font-size: 1.25rem; + line-height: 1.125; } -.pagination .nav-links { - justify-content: center; +/** + * Comments + */ +.logged-in-as, +.comment-notes, +.comment-form-cookies-consent { + font-size: 0.8rem; +} + +.comment-form-cookies-consent input[type=checkbox] + label { + line-height: 1.778; +} + +.comment-notes { + color: #faf8f5; +} + +.comment-form > p:not(.comment-form-cookies-consent) label { + font-weight: 600; } /** @@ -3582,3 +3641,113 @@ a { .wp-block-cover h1 { font-size: 3.8147rem; } + +/** + * Widgets + */ +.widget select { + max-width: 100%; +} + +.widget-title { + font-size: 1.5625rem; + margin-bottom: 16px; +} + +.widget_archive ul, +.widget_categories ul, +.widget_meta ul, +.widget_nav_menu ul, +.widget_pages ul, +.widget_recent_comments ul, +.widget_recent_entries ul, +.widget_rss ul { + margin-right: 0; + margin-left: 0; + list-style: none; +} + +.widget_archive ul li, +.widget_categories ul li, +.widget_meta ul li, +.widget_nav_menu ul li, +.widget_pages ul li, +.widget_recent_comments ul li, +.widget_recent_entries ul li, +.widget_rss ul li { + color: #faf8f5; + font-weight: 600; +} + +.widget_archive ul ul, +.widget_categories ul ul, +.widget_meta ul ul, +.widget_nav_menu ul ul, +.widget_pages ul ul, +.widget_recent_comments ul ul, +.widget_recent_entries ul ul, +.widget_rss ul ul { + counter-reset: submenu; +} + +.widget_archive ul ul > li > a::before, +.widget_categories ul ul > li > a::before, +.widget_meta ul ul > li > a::before, +.widget_nav_menu ul ul > li > a::before, +.widget_pages ul ul > li > a::before, +.widget_recent_comments ul ul > li > a::before, +.widget_recent_entries ul ul > li > a::before, +.widget_rss ul ul > li > a::before { + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; +} + +.widget_tag_cloud .tagcloud { + font-weight: 600; +} + +.widget_search .search-field { + width: 100%; +} + +@media only screen and (min-width: 560px) { + .widget_search .search-field { + width: auto; + } +} + +.widget_search .search-submit { + display: block; + margin-top: 1rem; +} + +.widget_calendar .calendar_wrap { + text-align: center; +} + +.widget_calendar .calendar_wrap table td, +.widget_calendar .calendar_wrap table th { + border: none; +} + +.widget_calendar .calendar_wrap a { + text-decoration: underline; +} + +.widget_links li, +.widget_jp_blogs_i_follow li, +.widget_rss_links li { + font-family: inherit; +} + +/** + * Footer Navigation + */ +.footer-navigation .footer-menu a { + padding: 0 8px; +} + +.footer-navigation .footer-menu > li:last-of-type { + margin-left: -8px; +} diff --git a/rivington/style.css b/rivington/style.css index 0b9cc724a..83db388e5 100644 --- a/rivington/style.css +++ b/rivington/style.css @@ -582,7 +582,7 @@ html { html { font-size: 14.4px; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - line-height: 1.6; + line-height: 1.778; } @media only screen and (min-width: 560px) { @@ -594,7 +594,7 @@ html { body { font-size: 1rem; font-weight: normal; - color: #FFFFFF; + color: #F1ECE4; text-align: left; background-color: #080808; } @@ -607,7 +607,7 @@ a { } a:hover { - color: #B59439; + color: #b59439; } button, @@ -636,7 +636,7 @@ a { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; - color: #FFFFFF; + color: #F1ECE4; display: block; font-size: 1.25rem; font-weight: bold; @@ -965,8 +965,8 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { - color: #FFFFFF; - border: 1px solid #DDDDDD; + color: #F1ECE4; + border: 1px solid #595959; border-radius: 3px; padding: 16px; } @@ -987,12 +987,12 @@ input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { - color: #FFFFFF; - border-color: #B59439; + color: #F1ECE4; + border-color: #b59439; } select { - border: 1px solid #DDDDDD; + border: 1px solid #595959; } textarea { @@ -1007,7 +1007,7 @@ input[type=checkbox] + label { } figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1074,9 +1074,9 @@ input[type="submit"], cursor: pointer; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 1.25rem; + font-size: 1rem; background-color: #CAAB57; - border-radius: 9px; + border-radius: 4.5px; border-width: 0; padding: 16px 16px; } @@ -1126,7 +1126,7 @@ 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: #080808; - background-color: #B59439; + background-color: #b59439; } /** @@ -1140,7 +1140,7 @@ input.has-focus[type="submit"], } .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: #B59439; + color: #b59439; } .wp-block-button.is-style-squared .wp-block-button__link { @@ -1148,14 +1148,14 @@ input.has-focus[type="submit"], } .wp-block-code { - color: #FFFFFF; + color: #F1ECE4; font-size: 0.8rem; padding: 16px; - border-color: #DDDDDD; + border-color: #595959; } .wp-block-code pre { - color: #FFFFFF; + color: #F1ECE4; } .wp-block-columns { @@ -1440,7 +1440,7 @@ h6, .h6 { } .wp-block-image figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -1471,7 +1471,7 @@ img { .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; /* Vertical margins logic */ margin-top: 32px; margin-bottom: 32px; @@ -1490,13 +1490,13 @@ img { } .wp-block-latest-comments .wp-block-latest-comments__comment-date { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; margin: 0; } @@ -1526,9 +1526,9 @@ img { } .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; - line-height: 1.6; + line-height: 1.778; } .entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, @@ -1539,7 +1539,7 @@ img { .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-size: 0.8rem; - line-height: 1.6; + line-height: 1.778; margin: 0; } @@ -1726,7 +1726,7 @@ p.has-background { } .a8c-posts-list__item .a8c-posts-list-item__meta { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; } @@ -1735,7 +1735,7 @@ p.has-background { } .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active { - color: #B59439; + color: #b59439; } .a8c-posts-list__item .a8c-posts-list-item__edit-link { @@ -1751,11 +1751,11 @@ p.has-background { margin-left: 0; margin-right: 0; text-align: center; - border-top-color: #DDDDDD; + border-top-color: #595959; border-top-width: 4px; - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 4px; - color: #FFFFFF; + color: #F1ECE4; /** * Block Options */ @@ -1775,7 +1775,7 @@ p.has-background { .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; letter-spacing: normal; display: block; @@ -1850,7 +1850,7 @@ p.has-background { .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { - color: #cccccc; + color: #faf8f5; font-size: 0.8rem; letter-spacing: normal; } @@ -1882,13 +1882,13 @@ p.has-background { .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: #cccccc; + color: #faf8f5; font-size: 0.8rem; letter-spacing: normal; } hr { - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 2px; clear: both; margin-left: auto; @@ -1896,19 +1896,19 @@ hr { } hr.wp-block-separator { - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; /** * Block Options */ } hr.wp-block-separator.is-style-wide { - border-bottom-color: #DDDDDD; + border-bottom-color: #595959; border-bottom-width: 2px; } hr.wp-block-separator.is-style-dots:before { - color: #DDDDDD; + color: #595959; font-size: 1.95312rem; letter-spacing: 0.8rem; padding-left: 0.8rem; @@ -1958,7 +1958,7 @@ table th, } .wp-block-video figcaption { - color: #cccccc; + color: #faf8f5; font-size: 0.64rem; margin-top: calc(0.5 * 16px); margin-bottom: 16px; @@ -2054,23 +2054,23 @@ table th, } .has-foreground-color[class] { - color: #FFFFFF !important; + color: #F1ECE4 !important; } .has-foreground-light-color[class] { - color: #cccccc !important; + color: #faf8f5 !important; } .has-foreground-dark-color[class] { - color: #111111 !important; + color: #e0d4c2 !important; } .has-background-light-color[class] { - color: #FAFAFA !important; + color: #151515 !important; } .has-background-dark-color[class] { - color: #DDDDDD !important; + color: #000000 !important; } .has-background-color[class] { @@ -2094,33 +2094,33 @@ table th, } .has-foreground-background-color[class] { - background-color: #FFFFFF !important; + background-color: #F1ECE4 !important; color: #080808; } .has-foreground-light-background-color[class] { - background-color: #cccccc !important; + background-color: #faf8f5 !important; color: #080808; } .has-foreground-dark-background-color[class] { - background-color: #111111 !important; + background-color: #e0d4c2 !important; color: #080808; } .has-background-light-background-color[class] { - background-color: #FAFAFA !important; - color: #FFFFFF; + background-color: #151515 !important; + color: #F1ECE4; } .has-background-dark-background-color[class] { - background-color: #DDDDDD !important; - color: #FFFFFF; + background-color: #000000 !important; + color: #F1ECE4; } .has-background-background-color[class] { background-color: #080808 !important; - color: #FFFFFF; + color: #F1ECE4; } .is-small-text, @@ -2290,11 +2290,11 @@ table th, * - Similar to Blocks but exist outside of the "current" editor context */ .site-branding { - color: #FFFFFF; + color: #F1ECE4; } .site-title { - color: #FFFFFF; + color: #F1ECE4; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.5625rem; letter-spacing: normal; @@ -2317,11 +2317,11 @@ table th, .site-description { color: currentColor; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 0.64rem; + font-size: 0.8rem; } .main-navigation { - color: #FFFFFF; + color: #F1ECE4; } .main-navigation > div { @@ -2338,7 +2338,7 @@ table th, } .main-navigation #toggle:focus + #toggle-menu { - background-color: #B59439; + background-color: #b59439; outline: inherit; text-decoration: underline; } @@ -2485,7 +2485,7 @@ table th, } .main-navigation a:hover { - color: #B59439; + color: #b59439; } .main-navigation .sub-menu { @@ -2543,13 +2543,13 @@ table th, } .social-navigation a { - color: #FFFFFF; + color: #F1ECE4; display: inline-block; padding: 0 calc( 0.5 * calc(0.66 * 16px )); } .social-navigation a:hover { - color: #B59439; + color: #b59439; } .social-navigation svg { @@ -2571,7 +2571,7 @@ table th, } .site-info { - color: #cccccc; + color: #faf8f5; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.8rem; } @@ -2598,7 +2598,7 @@ table th, } .site-info a:hover { - color: #B59439; + color: #b59439; } .footer-navigation { @@ -2620,7 +2620,7 @@ table th, } .footer-navigation .footer-menu { - color: #cccccc; + color: #faf8f5; margin: 0; padding-left: 0; } @@ -2658,7 +2658,7 @@ table th, } .footer-navigation .footer-menu a:hover { - color: #B59439; + color: #b59439; } .entry-title { @@ -2669,7 +2669,7 @@ table th, .entry-meta, .entry-footer { - color: #cccccc; + color: #faf8f5; clear: both; float: none; font-size: 0.8rem; @@ -2706,7 +2706,7 @@ table th, .entry-meta a:hover, .entry-meta a:active, .entry-footer a:hover, .entry-footer a:active { - color: #B59439; + color: #b59439; } .entry-meta .svg-icon, @@ -2878,13 +2878,13 @@ table th, * Comment Lists */ .comment-list { - border-bottom: 1px solid #DDDDDD; + border-bottom: 1px solid #595959; margin-left: 0; list-style: none; } .comment-list > li { - border-top: 1px solid #DDDDDD; + border-top: 1px solid #595959; margin-top: 32px; margin-bottom: 32px; } @@ -2895,7 +2895,7 @@ table th, } .children > li { - border-top: 1px solid #DDDDDD; + border-top: 1px solid #595959; margin-top: 32px; margin-bottom: 32px; } @@ -2942,7 +2942,7 @@ table th, } .comment-meta .comment-metadata { - color: #FFFFFF; + color: #F1ECE4; } .comment-meta .comment-metadata a { @@ -2950,7 +2950,7 @@ table th, } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active { - color: #B59439; + color: #b59439; } @media only screen and (min-width: 560px) { @@ -3423,10 +3423,27 @@ a { text-decoration: none; } +.wp-block-cover a, +.wp-block-cover-image a, +.wp-block-media-text a, +p:not(.site-title) a { + text-decoration: underline; +} + +.wp-block-cover a.wp-block-button__link, .wp-block-cover a:hover, +.wp-block-cover-image a.wp-block-button__link, +.wp-block-cover-image a:hover, +.wp-block-media-text a.wp-block-button__link, +.wp-block-media-text a:hover, +p:not(.site-title) a.wp-block-button__link, +p:not(.site-title) a:hover { + text-decoration: none; +} + /** * Header */ -#masthead { +.site-header { max-width: 100%; padding-left: 16px; padding-right: 16px; @@ -3434,9 +3451,8 @@ a { } @media only screen and (min-width: 560px) { - #masthead { - padding-left: 32px; - padding-right: 32px; + .site-header { + padding: 16px 32px; } } @@ -3528,7 +3544,7 @@ a { .site-header .main-navigation > div > ul > li.current-menu-item li:hover > a, .site-header .main-navigation > div > ul > li.current-menu-item li.focus > a, .site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a { - background: #B59439; + background: #b59439; } .site-header .social-navigation { align-self: center; @@ -3537,36 +3553,79 @@ a { } } +/** + * Main + */ +#main { + padding-top: 0; +} + +.site-main > article > .entry-header { + margin-top: 21.312px; +} + +@media only screen and (min-width: 560px) { + .site-main > article > .entry-header { + margin-top: 64px; + } +} + /** * Content */ -.entry .entry-title a { - color: #FFFFFF; +.entry-title a, +.page-title a, +.a8c-posts-list .a8c-posts-list-item__title a { + color: inherit; + text-decoration: none; } -.entry .entry-title a:hover, .entry .entry-title a:active { - color: #cccccc; +.entry-title a:active, .entry-title a:focus, .entry-title a:hover, +.page-title a:active, +.page-title a:focus, +.page-title a:hover, +.a8c-posts-list .a8c-posts-list-item__title a:active, +.a8c-posts-list .a8c-posts-list-item__title a:focus, +.a8c-posts-list .a8c-posts-list-item__title a:hover { + color: #CAAB57; } -.entry-header, -.entry-footer, -.page-title, -.author-title, -.comments-title, -.comment-reply-title { - text-align: center; +.sticky-post, +.a8c-posts-list .a8c-posts-list-item__featured span { + padding: 4px 10.56px; } -.comment-reply-title { - display: inherit; +/** + * Next/Previous navigation + */ +.post-navigation .meta-nav { + color: #faf8f5; } -.comment .comment-reply-title { - display: flex; +.post-navigation .post-title { + font-size: 1.25rem; + line-height: 1.125; } -.pagination .nav-links { - justify-content: center; +/** + * Comments + */ +.logged-in-as, +.comment-notes, +.comment-form-cookies-consent { + font-size: 0.8rem; +} + +.comment-form-cookies-consent input[type=checkbox] + label { + line-height: 1.778; +} + +.comment-notes { + color: #faf8f5; +} + +.comment-form > p:not(.comment-form-cookies-consent) label { + font-weight: 600; } /** @@ -3599,3 +3658,113 @@ a { .wp-block-cover h1 { font-size: 3.8147rem; } + +/** + * Widgets + */ +.widget select { + max-width: 100%; +} + +.widget-title { + font-size: 1.5625rem; + margin-bottom: 16px; +} + +.widget_archive ul, +.widget_categories ul, +.widget_meta ul, +.widget_nav_menu ul, +.widget_pages ul, +.widget_recent_comments ul, +.widget_recent_entries ul, +.widget_rss ul { + margin-left: 0; + margin-right: 0; + list-style: none; +} + +.widget_archive ul li, +.widget_categories ul li, +.widget_meta ul li, +.widget_nav_menu ul li, +.widget_pages ul li, +.widget_recent_comments ul li, +.widget_recent_entries ul li, +.widget_rss ul li { + color: #faf8f5; + font-weight: 600; +} + +.widget_archive ul ul, +.widget_categories ul ul, +.widget_meta ul ul, +.widget_nav_menu ul ul, +.widget_pages ul ul, +.widget_recent_comments ul ul, +.widget_recent_entries ul ul, +.widget_rss ul ul { + counter-reset: submenu; +} + +.widget_archive ul ul > li > a::before, +.widget_categories ul ul > li > a::before, +.widget_meta ul ul > li > a::before, +.widget_nav_menu ul ul > li > a::before, +.widget_pages ul ul > li > a::before, +.widget_recent_comments ul ul > li > a::before, +.widget_recent_entries ul ul > li > a::before, +.widget_rss ul ul > li > a::before { + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; +} + +.widget_tag_cloud .tagcloud { + font-weight: 600; +} + +.widget_search .search-field { + width: 100%; +} + +@media only screen and (min-width: 560px) { + .widget_search .search-field { + width: auto; + } +} + +.widget_search .search-submit { + display: block; + margin-top: 1rem; +} + +.widget_calendar .calendar_wrap { + text-align: center; +} + +.widget_calendar .calendar_wrap table td, +.widget_calendar .calendar_wrap table th { + border: none; +} + +.widget_calendar .calendar_wrap a { + text-decoration: underline; +} + +.widget_links li, +.widget_jp_blogs_i_follow li, +.widget_rss_links li { + font-family: inherit; +} + +/** + * Footer Navigation + */ +.footer-navigation .footer-menu a { + padding: 0 8px; +} + +.footer-navigation .footer-menu > li:last-of-type { + margin-right: -8px; +}