Haddon2016/style.css

136 lines
2.3 KiB
CSS

/*
Theme Name: Haddon 2016
Theme URI: https://github.com/jakeosx/twenty-sixteen-child-theme
Description: Twenty Sixteen Child Theme with dark mode theme; CSS arranged for easy font configuration
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
Template URI: https://wordpress.org/themes/twentysixteen/
*/
/* ## 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 */