Rockfield: Update colours

This commit is contained in:
Thomas Guillot 2019-08-14 15:01:16 +01:00
parent fa716568d1
commit 8c65fa31fe
4 changed files with 244 additions and 244 deletions

View file

@ -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,
),

View file

@ -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,

View file

@ -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;
}

View file

@ -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;
}