Haddon2016/style.css

/*
 Theme Name:   Haddon 2016
 Theme URI:    http://jacobhaddon.com/twenty-sixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Jacob Haddon
 Author URI:   http://jacobhaddon.com
 Template:     twentysixteen
 Version:      1.2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Twenty Sixteen, Dark Mode
 Text Domain:  twenty-sixteen-child
*/

/* ## 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);

/* Serif  */
body,
button,
input,
select,
textarea,
.wp-block-verse,
.wp-block-preformatted { font-family: Merriweather, Georgia, serif; }

/* Sans-Serif */
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 { font-family: Raleway, "Helvetica Neue", sans-serif; }

/* Monospace */
pre,
code,
.wp-block-code
{
	font-family: 'IBM Plex Mono', monospace;
	background-color: transparent;
}

/* ## Gutenberg Blocks ##  */
.wp-block-verse
{
	border: none;
	line-height: 1.8;
}

.wp-block-pullquote blockquote { font-style: normal; }

/* ## Misc ## */
.site-title
{
	font-weight: 100;
	font-size: 48px;
}

.entry-title { font-weight: 400; }

/* for the iframes amazon makes */
.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 ## */

/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em)
{
	
}

/* media 710px */

/**
 * 14.2 - >= 783px
 */

@media screen and (min-width: 48.9375em)
{
	
}

/* media 738px */

/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em)
{
	.amazonpreview { float: right; }
}

/* media 910px */

/**
 * 14.4 - >= 985px
 */

@media screen and (min-width: 61.5625em)
{
	
}

/* media 985px */

@media screen and (prefers-color-scheme: dark)
{
	/* 	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: #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; }
}