dark mode set up, looks mostly good---need to clean up code
This commit is contained in:
Jacob Haddon
parent
706662673a
commit
58da4325c4
381
style.css
381
style.css
@ -15,7 +15,7 @@
|
||||
/* ## Typography ## */
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,400italic,700,700italic);
|
||||
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono);
|
||||
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono);
|
||||
|
||||
/* Serif */
|
||||
body,
|
||||
@ -24,10 +24,7 @@ input,
|
||||
select,
|
||||
textarea,
|
||||
.wp-block-verse,
|
||||
.wp-block-preformatted
|
||||
{
|
||||
font-family: Merriweather, Georgia, serif;
|
||||
}
|
||||
.wp-block-preformatted { font-family: Merriweather, Georgia, serif; }
|
||||
|
||||
/* Sans-Serif */
|
||||
blockquote,
|
||||
@ -48,19 +45,16 @@ blockquote,
|
||||
.widecolumn label,
|
||||
.widecolumn .mu_register label,
|
||||
.wp-block-pullquote,
|
||||
.wp-block-quote
|
||||
{
|
||||
font-family: Raleway, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
.wp-block-quote,
|
||||
.main-navigation { font-family: Raleway, "Helvetica Neue", sans-serif; }
|
||||
|
||||
/* Monospace */
|
||||
|
||||
pre,
|
||||
code,
|
||||
.wp-block-code
|
||||
{
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
background-color: transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ## Gutenberg Blocks ## */
|
||||
@ -70,28 +64,28 @@ code,
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote
|
||||
{
|
||||
font-style: normal;
|
||||
}
|
||||
.wp-block-pullquote blockquote { font-style: normal; }
|
||||
|
||||
/* ## Misc ## */
|
||||
|
||||
.site-title
|
||||
{
|
||||
font-weight: 100;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.entry-title
|
||||
{
|
||||
font-weight: 400;
|
||||
}
|
||||
.entry-title { font-weight: 400; }
|
||||
|
||||
/* for the iframes amazon makes */
|
||||
.amazonpreview
|
||||
{
|
||||
float: none;
|
||||
.amazonpreview { float: none; }
|
||||
|
||||
.alignwide img.below-entry-meta
|
||||
{
|
||||
clear: both;
|
||||
display: block;
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* ## Media levels in 2016 below ## */
|
||||
@ -140,3 +134,344 @@ code,
|
||||
|
||||
/* media 985px */
|
||||
|
||||
@media screen and (prefers-color-scheme: dark)
|
||||
|
||||
/*
|
||||
{
|
||||
body { background: #232323; }
|
||||
.site { background: #111111; }
|
||||
body,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
blockquote,
|
||||
blockquote cite,
|
||||
blockquote small { color: #eeeeee; }
|
||||
blockquote,
|
||||
.tagcloud a,
|
||||
.site-title,
|
||||
.entry-title,
|
||||
.entry-footer,
|
||||
.sticky-post,
|
||||
.page-title,
|
||||
.page-links,
|
||||
.comments-title,
|
||||
.comment-reply-title,
|
||||
.comment-metadata,
|
||||
.pingback .edit-link,
|
||||
.comment-reply-link,
|
||||
.comment-form label,
|
||||
.no-comments,
|
||||
.widecolumn label,
|
||||
.widecolumn .mu_register label,
|
||||
.wp-block-pullquote,
|
||||
.wp-block-quote,
|
||||
.main-navigation { color: #555555; }
|
||||
|
||||
a
|
||||
{
|
||||
color: #4682b4;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: #007acc;
|
||||
}
|
||||
|
||||
.main-navigation a, .site-branding .site-title a { color: #999999; }
|
||||
.entry-title a { color: #c0c0c0; }
|
||||
.main-navigation ul ul li { background: #222222; }
|
||||
.main-navigation ul ul, .main-navigation ul ul li { border-color: #222222; }
|
||||
.main-navigation ul ul::after {background-color: #222222;}
|
||||
*/
|
||||
|
||||
/* color: #fff; */
|
||||
|
||||
mark,
|
||||
ins,
|
||||
button,
|
||||
button[disabled]:hover,
|
||||
button[disabled]:focus,
|
||||
input[type="button"],
|
||||
input[type="button"][disabled]:hover,
|
||||
input[type="button"][disabled]:focus,
|
||||
input[type="reset"],
|
||||
input[type="reset"][disabled]:hover,
|
||||
input[type="reset"][disabled]:focus,
|
||||
input[type="submit"],
|
||||
input[type="submit"][disabled]:hover,
|
||||
input[type="submit"][disabled]:focus,
|
||||
.pagination .nav-links:before,
|
||||
.pagination .nav-links:after,
|
||||
.pagination .prev,
|
||||
.pagination .next,
|
||||
.pagination .prev:hover,
|
||||
.pagination .prev:focus,
|
||||
.pagination .next:hover,
|
||||
.pagination .next:focus,
|
||||
.widget_calendar tbody a,
|
||||
.widget_calendar tbody a:hover,
|
||||
.widget_calendar tbody a:focus,
|
||||
.menu-toggle.toggled-on,
|
||||
.menu-toggle.toggled-on:hover,
|
||||
.menu-toggle.toggled-on:focus,
|
||||
.page-links a,
|
||||
.page-links a:hover,
|
||||
.page-links a:focus
|
||||
{
|
||||
/* color: #000; */
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* color: #1a1a1a; */
|
||||
|
||||
body,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
blockquote cite,
|
||||
blockquote small,
|
||||
input[type="date"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="week"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="number"]:focus,
|
||||
textarea:focus,
|
||||
.main-navigation a,
|
||||
.dropdown-toggle,
|
||||
.social-navigation a,
|
||||
.post-navigation a,
|
||||
.widget-title a,
|
||||
.site-branding .site-title a,
|
||||
.menu-toggle,
|
||||
.entry-title a,
|
||||
.page-links > .page-links-title,
|
||||
.pagination a:hover,
|
||||
.pagination a:focus,
|
||||
.comment-reply-title small a:hover,
|
||||
.comment-reply-title small a:focus,
|
||||
.wp-block-code
|
||||
{
|
||||
/* color: #1a1a1a; */
|
||||
color: #e1e1e1;
|
||||
}
|
||||
|
||||
|
||||
/* color: #686868; */
|
||||
|
||||
blockquote,
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="week"],
|
||||
input[type="month"],
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="number"],
|
||||
textarea,
|
||||
.post-password-form label,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active,
|
||||
.post-navigation .meta-nav,
|
||||
.image-navigation,
|
||||
.comment-navigation,
|
||||
.widget_recent_entries .post-date,
|
||||
.widget_rss .rss-date,
|
||||
.widget_rss cite,
|
||||
.site-description,
|
||||
.author-bio,
|
||||
.entry-footer,
|
||||
.entry-footer a,
|
||||
.sticky-post,
|
||||
.taxonomy-description,
|
||||
.entry-caption,
|
||||
.comment-author,
|
||||
.comment-metadata,
|
||||
.pingback .edit-link,
|
||||
.comment-metadata a,
|
||||
.pingback .comment-edit-link,
|
||||
.comment-form label,
|
||||
.comment-notes,
|
||||
.comment-awaiting-moderation,
|
||||
.logged-in-as,
|
||||
.form-allowed-tags,
|
||||
.site-info,
|
||||
.site-info a,
|
||||
.wp-caption .wp-caption-text,
|
||||
.gallery-caption,
|
||||
.widecolumn label,
|
||||
.widecolumn .mu_register label
|
||||
{
|
||||
/* color: #686868; */
|
||||
color: #8e8e8e;
|
||||
}
|
||||
|
||||
/* color: #007acc; */
|
||||
|
||||
a,
|
||||
.main-navigation a:hover,
|
||||
.main-navigation a:focus,
|
||||
.dropdown-toggle:hover,
|
||||
.dropdown-toggle:focus,
|
||||
.social-navigation a:hover:before,
|
||||
.social-navigation a:focus:before,
|
||||
.post-navigation a:hover .post-title,
|
||||
.post-navigation a:focus .post-title,
|
||||
.tagcloud a:hover,
|
||||
.tagcloud a:focus,
|
||||
.site-branding .site-title a:hover,
|
||||
.site-branding .site-title a:focus,
|
||||
.menu-toggle:hover,
|
||||
.menu-toggle:focus,
|
||||
.entry-title a:hover,
|
||||
.entry-title a:focus,
|
||||
.entry-footer a:hover,
|
||||
.entry-footer a:focus,
|
||||
.comment-metadata a:hover,
|
||||
.comment-metadata a:focus,
|
||||
.pingback .comment-edit-link:hover,
|
||||
.pingback .comment-edit-link:focus,
|
||||
.comment-reply-link,
|
||||
.required,
|
||||
.site-info a:hover,
|
||||
.site-info a:focus
|
||||
{
|
||||
color: #007acc;
|
||||
}
|
||||
|
||||
/* background-color: #fff; */
|
||||
|
||||
.main-navigation ul ul li,
|
||||
input[type="date"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="week"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="number"]:focus,
|
||||
textarea:focus,
|
||||
.site {
|
||||
/* background-color: #fff; */
|
||||
background: #111111;
|
||||
|
||||
}
|
||||
|
||||
/* background-color: #d1d1d1; */
|
||||
code,
|
||||
hr
|
||||
{
|
||||
/* background-color: #d1d1d1; */
|
||||
background: #343434;
|
||||
}
|
||||
|
||||
/* background: #1a1a1a; */
|
||||
|
||||
button,
|
||||
button[disabled]:hover,
|
||||
button[disabled]:focus,
|
||||
input[type="button"],
|
||||
input[type="button"][disabled]:hover,
|
||||
input[type="button"][disabled]:focus,
|
||||
input[type="reset"],
|
||||
input[type="reset"][disabled]:hover,
|
||||
input[type="reset"][disabled]:focus,
|
||||
input[type="submit"],
|
||||
input[type="submit"][disabled]:hover,
|
||||
input[type="submit"][disabled]:focus,
|
||||
.pagination:before,
|
||||
.pagination:after,
|
||||
.pagination .prev,
|
||||
.pagination .next,
|
||||
.menu-toggle.toggled-on,
|
||||
.menu-toggle.toggled-on:hover,
|
||||
.menu-toggle.toggled-on:focus,
|
||||
.page-links a
|
||||
{
|
||||
/* background: #1a1a1a; */
|
||||
background: #222222;
|
||||
}
|
||||
|
||||
/* background: #007acc; */
|
||||
|
||||
|
||||
mark,
|
||||
ins,
|
||||
.pagination .prev:hover,
|
||||
.pagination .prev:focus,
|
||||
.pagination .next:hover,
|
||||
.pagination .next:focus,
|
||||
button:hover,
|
||||
button:focus,
|
||||
input[type="button"]:hover,
|
||||
input[type="button"]:focus,
|
||||
input[type="reset"]:hover,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:hover,
|
||||
input[type="submit"]:focus,
|
||||
.widget_calendar tbody a,
|
||||
.page-links a:hover,
|
||||
.page-links a:focus {
|
||||
background: #007acc;
|
||||
/* background: green; */
|
||||
}
|
||||
|
||||
/* background: #f7f7f7; */
|
||||
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="week"],
|
||||
input[type="month"],
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="number"],
|
||||
textarea {
|
||||
/* background: #f7f7f7; */
|
||||
background: #111111;
|
||||
}
|
||||
|
||||
/* background-color: #686868; */
|
||||
|
||||
.widget_calendar tbody a:hover,
|
||||
.widget_calendar tbody a:focus {
|
||||
background-color: #686868;
|
||||
}
|
||||
|
||||
/* background-color: transparent; */
|
||||
|
||||
.menu-toggle,
|
||||
.menu-toggle:hover,
|
||||
.menu-toggle:focus
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
body:not(.search-results) .entry-summary blockquote {
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user