From 0448e431430d510df8d93bc08b398ed6954fcc38 Mon Sep 17 00:00:00 2001 From: Jacob Haddon Date: Fri, 30 Oct 2020 11:00:34 -0400 Subject: [PATCH] updates to image sizes to fix issues, added sticky mods --- style.css | 65 +++++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 54 insertions(+), 11 deletions(-) diff --git a/style.css b/style.css index ac535bf..f0bedbd 100644 --- a/style.css +++ b/style.css @@ -14,8 +14,8 @@ Original theme, Dalton Rooney - http://madebyraygun.com @import url(https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0); /* @group Google Font Loader */ -#site-title a, #content h1.entry-title, #content h1.page-title, #content h2.entry-title, span.cap { visibility: hidden; } -.wf-active #site-title a, .wf-active #site-title a, .wf-active #content h1.entry-title, .wf-active #content h1.page-title, .wf-active #content h2.entry-title, .wf-active span.cap, .wf-inactive #site-title a, .wf-inactive #site-title a, .wf-inactive #content h1.entry-title, .wf-inactive #content h1.page-title, .wf-inactive #content h2.entry-title, .wf-inactive span.cap { visibility: visible; } +/* #site-title a, #content h1.entry-title, #content h1.page-title, #content h2.entry-title, span.cap { visibility: hidden; } */ +/* .wf-active #site-title a, .wf-active #site-title a, .wf-active #content h1.entry-title, .wf-active #content h1.page-title, .wf-active #content h2.entry-title, .wf-active span.cap, .wf-inactive #site-title a, .wf-inactive #site-title a, .wf-inactive #content h1.entry-title, .wf-inactive #content h1.page-title, .wf-inactive #content h2.entry-title, .wf-inactive span.cap { visibility: visible; } */ /* @end */ /* @group Reset */ @@ -85,8 +85,8 @@ h3#comments-title, pre.wp-block-verse { font-family: 'Sorts Mill Goudy', Georgia, serif; } /* ## San-Serif */ -a#cancel-comment-reply-link { font-family: 'helvetica neue',helvetica, arial,sans-serif; } -figcaption, input[type="submit"] { font-family: Futura; } +a#cancel-comment-reply-link { font-family: Jost, 'helvetica neue',helvetica, arial,sans-serif; } +figcaption, input[type="submit"] { font-family: Jost, Futura; } /* @group Body ---------------------------------------------- */ @@ -102,6 +102,7 @@ body /* for extra long words */ -ms-word-wrap: break-word; word-wrap: break-word; +/* #f1ede8 */ } div#wrapper @@ -149,8 +150,8 @@ a:hover { color: #555555; } blockquote { - margin: 30px 0 0 0; - padding: 0 0 0 30px; + margin: 30px 0; + padding: 0 30px; border-left: 1px solid #eee; font-style: italic; } @@ -314,6 +315,12 @@ p.wp-caption-text .page-link a:hover { color: #aaa; } .alignnone { margin: 20px 0; } + +/* fix the height for these alignments */ +.alignleft img, .alignright img, .aligncenter img, .alignwide img, .alignfull img { + height: auto !important; +} + .aligncenter { display: block; @@ -336,13 +343,26 @@ p.wp-caption-text { margin: 20px 0; position: relative; - /* max-width: 810px; */ margin-left: -80px; margin-right: -80px; } +/* Remove excess padding for the wide/full alignment */ +.wp-block-cover.alignwide, .wp-block-cover.alignfull { + padding: 0px !important; +} + +/* To fix inherited width attribute */ +.wp-block-cover { + width: inherit; +} + .alignwide figcaption { - margin-left: 80px; + padding-left: 80px; +} + +.alignfull figcaption { + text-align: center; } .alignfull @@ -361,6 +381,10 @@ figcaption font-size: 0.75em; } +.wp-block-columns.alignfull { + background: #fff; +} + .wp-caption { border: none; @@ -577,7 +601,7 @@ p.comment-notes { clear: both; float: none; - height: 22px; + height: 30px; margin: 20px 0 0 255px; -webkit-border-radius: 03px; -moz-border-radius: 03px; @@ -787,10 +811,16 @@ h3#reply-title { margin: 18px 0; } /* # Gutenberg Blocks ---------------------------------------------- */ -pre.wp-block-verse +#content pre.wp-block-verse { line-height: 1.5em; - color: #555555; + color: #222222; + padding: 50px; + text-shadow: none; +/* Not sure about this idea yet... + background: #d5b78b94; + border-radius: 20px 75px; + */ } .wp-block-pullquote blockquote { font-style: normal; } @@ -966,3 +996,16 @@ p.has-drop-cap:not(:focus):first-letter margin-right: auto; margin-left: auto; } + + +.sticky { + background: #c3dce8; + position: relative; + width: 100%; + margin: 20px -80px !important; + padding: 30px 80px; + text-shadow: none; +} + + */ +