From 9ea8e156a1749e0837a4652508d4b68192c98aed Mon Sep 17 00:00:00 2001 From: Jacob Haddon Date: Thu, 19 Nov 2020 20:34:52 -0500 Subject: [PATCH] clean up of style.css to fix branch mania --- style.css | 94 +++++++++++++++++++------------------------------------ 1 file changed, 33 insertions(+), 61 deletions(-) diff --git a/style.css b/style.css index 604a983..d82802e 100644 --- a/style.css +++ b/style.css @@ -16,7 +16,6 @@ Original theme, Dalton Rooney - http://madebyraygun.com /* @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; } */ - /* @end */ /* @group Reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ @@ -61,20 +60,13 @@ a img { border: none; } /* Gets rid of IE's blue borders */ /* @end */ - /* # Width Styles ---------------------------------------------- */ -div#wrapper, div#header, #menu, div#footer -{ - max-width: 810px; -} -img { max-width: 100%;} +div#wrapper, div#header, #menu, div#footer { max-width: 810px; } +img { max-width: 100%; } /* # Typography ---------------------------------------------- */ - /* ## Serif */ - body { font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; } - span.dropcap, .page #content h2, #site-title a, @@ -94,7 +86,6 @@ pre.wp-block-verse, a#cancel-comment-reply-link { font-family: Jost, 'helvetica neue',helvetica, arial,sans-serif; } figcaption, input[type="submit"] { font-family: Jost, Futura; } - /* @group Body ---------------------------------------------- */ body { @@ -104,11 +95,11 @@ body text-align: left; line-height: 1.3em; margin: 0; - text-shadow: #fff 0 0 1px; +/* text-shadow: #fff 0 0 1px; */ /* for extra long words */ -ms-word-wrap: break-word; word-wrap: break-word; -/* #f1ede8 */ + /* #f1ede8 */ } div#wrapper @@ -119,11 +110,14 @@ div#wrapper margin: 0 auto -40px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; +/* -moz-box-shadow: 1px 0 20px #dddddd; -webkit-box-shadow: 1px 0 20px #dddddd; box-shadow: 1px 0 20px #dddddd; -/* overflow: hidden; */ + */ + /* overflow: hidden; */ padding-top: 20px; + word-wrap: break-word; } h1, h2, h3, h4, h5, h6 @@ -163,7 +157,6 @@ blockquote } cite { font-style: italic; } - hr { margin: 20px 0; } #content table @@ -205,12 +198,18 @@ hr { margin: 20px 0; } { margin: 20px 0; padding: 10px; + overflow: hidden; + text-overflow: ellipsis; /* background-color: #fdfdfd; border: 1px solid #eeeeee; */ } +#content pre:hover { + overflow: visible; +} + #content address { font-style: italic; @@ -244,7 +243,7 @@ hr { margin: 20px 0; } div#content { - margin: 0 0 20px 0; + margin: 40px 0 20px 0; padding: 0px 80px 0 80px; } @@ -321,11 +320,8 @@ 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; -} +.alignleft img, .alignright img, .aligncenter img, .alignwide img, .alignfull img { height: auto !important; } .aligncenter { @@ -354,22 +350,12 @@ p.wp-caption-text } /* Remove excess padding for the wide/full alignment */ -.wp-block-cover.alignwide, .wp-block-cover.alignfull { - padding: 0px !important; -} +.wp-block-cover.alignwide, .wp-block-cover.alignfull { padding: 0px !important; } /* To fix inherited width attribute */ -.wp-block-cover { - width: inherit; -} - -.alignwide figcaption { - padding-left: 80px; -} - -.alignfull figcaption { - text-align: center; -} +.wp-block-cover { width: inherit; } +.alignwide figcaption { padding-left: 80px; } +.alignfull figcaption { text-align: center; } .alignfull { @@ -382,14 +368,8 @@ p.wp-caption-text width: 100vw; } -figcaption -{ - font-size: 0.75em; -} - -.wp-block-columns.alignfull { - background: #fff; -} +figcaption { font-size: 0.75em; } +.wp-block-columns.alignfull { background: #fff; } .wp-caption { @@ -410,11 +390,10 @@ br.clear /* Use this br class to clear your floated columns */ /* @end */ - /* @group Header ---------------------------------------------- */ div#header { - margin: 0 0 60px 0; +/* margin: 0 0 20px 0; */ padding: 0 0 20px 0; color: #777777; /* border-bottom: 1px solid #bbbbbb; */ @@ -425,7 +404,7 @@ div#header { margin: 40px 0 20px 0; text-align: center; - padding-top: 30px; + padding-top: 30px; } #site-title a @@ -454,10 +433,12 @@ div#footer border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; +/* -moz-box-shadow: 1px 4 20px #dddddd; -webkit-box-shadow: 1px 4 20px #dddddd; box-shadow: 1px 4 20px #dddddd; - overflow: hidden; + */ + overflow: hidden; } #footer p.credits @@ -561,9 +542,7 @@ input#searchsubmit:hover margin: 0 auto; } -.blocks-gallery-item { -margin: 0px !important; -} +.blocks-gallery-item { margin: 0px !important; } /* @end */ /* @group Comments ---------------------------------------------- */ @@ -722,7 +701,6 @@ h3#reply-title { margin: 18px 0; } } /* @end */ - /* @group Menu ---------------------------------------------- */ /* Header Menu Styles */ #menu @@ -730,9 +708,11 @@ h3#reply-title { margin: 18px 0; } margin: 0 auto; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; +/* -moz-box-shadow: 1px 4 20px #dddddd; -webkit-box-shadow: 1px 4 20px #dddddd; box-shadow: 1px 4 20px #dddddd; + */ } #menu div.menu, #menu div.melville_footer_menu @@ -778,7 +758,6 @@ h3#reply-title { margin: 18px 0; } color: #333333; } - /* Footer Menu Styles */ .melville_header_menu ul { @@ -826,15 +805,13 @@ h3#reply-title { margin: 18px 0; } } /* # Gutenberg Blocks ---------------------------------------------- */ - - #content pre.wp-block-verse { line-height: 1.5em; color: #222222; padding: 50px; text-shadow: none; -/* Not sure about this idea yet... + /* Not sure about this idea yet... background: #d5b78b94; border-radius: 20px 75px; */ @@ -849,9 +826,7 @@ p.has-drop-cap:not(:focus):first-letter } /* @end */ - /* # Widget Areas ---------------------------------------------- */ - .widget-area { width: 30%; } .widget-area ul @@ -1003,7 +978,6 @@ p.has-drop-cap:not(:focus):first-letter } /* # Possibly Obsolete */ - .headerLine { border-bottom: 0.5px #bbbbbb; @@ -1012,8 +986,8 @@ p.has-drop-cap:not(:focus):first-letter margin-left: auto; } - -.sticky { +.sticky +{ background: #c3dce8; position: relative; width: 100%; @@ -1023,8 +997,6 @@ p.has-drop-cap:not(:focus):first-letter z-index: 0; } - - @media screen and (prefers-color-scheme: dark) {