diff --git a/style.css b/style.css index 27516d2..54eb579 100644 --- a/style.css +++ b/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; +} + + +}