updated to add gutenberg styles, some cleanup.

This commit is contained in:
Jacob Haddon 2020-06-28 16:44:35 -04:00
parent d70267874c
commit 7ee0633b8c

618
style.css
View File

@ -12,42 +12,56 @@ 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;
}
#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 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td
{
margin: 0;
padding: 0;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var
{
font-style: normal;
font-weight: normal;
}
ul li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: normal;
}
q:before, q:after { content: ''; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
strong { font-weight: bold; }
em { font-style: italic; }
a img { border: none; }
/* Gets rid of IE's blue borders */
/* @end */
/* @group Body */
body {
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;
font-size: 0.9em;
font-size: 1rem;
color: #555555;
background: #eeeeee url(images/bg.png);
text-align: left;
@ -56,12 +70,12 @@ body {
text-shadow: #fff 0 0 1px;
}
div#wrapper {
div#wrapper
{
width: 650px;
background-color: #ffffff;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -40px;
padding: 20px 80px 0 80px;
border-right: 1px solid #cccccc;
@ -72,72 +86,57 @@ div#wrapper {
overflow: hidden;
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin: 15px 0;
h1, h2, h3, h4, h5, h6
{
font-weight: normal;
margin: 15px 0;
clear: both;
}
#content h1 {
#content h1
{
font-size: 1.6em;
font-weight: bold;
margin: 20px 0;
}
#content h2 {
font-size: 1.4em;
}
#content h2 { font-size: 1.4em; }
#content h3 { font-size: 1.2em; }
#content h4 { font-size: 1em; }
#content h5 { font-size: 0.9em; }
#content h6 { font-size: 0.9em; }
#content h3 {
font-size: 1.2em;
}
#content h4 {
font-size: 1em;
}
#content h5 {
font-size: 0.9em;
}
#content h6 {
font-size: 0.9em;
}
p {
margin: 0 0 20px 0;
p
{
margin: 0 0 20px 0;
line-height: 1.5em;
}
a {color: #777777;}
a { color: #777777; }
a:hover { color: #555555; }
a:hover {color: #555555;}
blockquote {
blockquote
{
margin: 30px 0 0 0;
padding: 0 0 0 30px;
border-left: 1px solid #eee;
font-style: italic;
}
cite {
font-style: italic;
}
cite { font-style: italic; }
html, body { height: 100%; }
hr { margin: 20px 0; }
html, body {
height: 100%;
}
hr {
margin: 20px 0;
}
#content table {
#content table
{
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
#content tr th, #content thead th {
#content tr th, #content thead th
{
color: #888;
font-size: 12px;
font-weight: bold;
@ -145,175 +144,193 @@ hr {
padding: 9px 24px;
}
#content tr td {
#content tr td
{
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
#content tr.odd td {
background: #fafafa;
}
#content tr.odd td { background: #fafafa; }
#content div.post { margin: 0 0 70px 0; }
#content div.post {
margin: 0 0 70px 0;
}
span.dropcap{
font-weight:bold;
span.dropcap
{
font-weight: bold;
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
float:left;
float: left;
font-size: 3em;
line-height:1em;
margin: 8px 2px -10px 0;
position:relative;
line-height: 1em;
margin: 8px 2px -10px 0;
position: relative;
}
#content ul, #content ol {
margin: 5px 0;
}
#content li {
margin: 0 0 0 20px;
}
#content ul, #content ol { margin: 5px 0; }
#content li { margin: 0 0 0 20px; }
#content dt,
#content th {
#content th
{
font-size: 1.1em;
margin: 15px 0;
}
#content pre {
#content pre
{
margin: 20px 0;
padding: 10px;
/*
background-color: #fdfdfd;
border: 1px solid #eeeeee;
*/
}
#content address {
#content address
{
font-style: italic;
margin: 15px 0;
}
#content var {
font-style: italic;
}
#content var { font-style: italic; }
#content h1.entry-title, #content h1.page-title, #content h2.entry-title{
#content h1.entry-title, #content h1.page-title, #content h2.entry-title
{
text-align: center;
margin: 0 0 30px 0;
font-weight: normal;
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
font-size: 1.8em;
line-height:1.2em;
line-height: 1.2em;
text-decoration: none;
color: #555555;
clear: both;
}
#content abbr, #content acronym {
border-bottom: 1px dotted #ccc;
}
#content abbr, #content acronym { border-bottom: 1px dotted #ccc; }
#content big { font-size: 1.2em; }
#content big {
font-size: 1.2em;
}
#content ins {
#content ins
{
color: #333;
background: #f5f5f5;
text-decoration: none;
}
div#content {
margin: 0 0 20px 0;
}
div#content { margin: 0 0 20px 0; }
#content div.post p.date, #content div.post p.post-meta {
#content div.post p.date, #content div.post p.post-meta
{
margin: 30px 0 0 0;
padding-bottom: 40px;
background: url(images/post-sep.png) no-repeat center bottom;
}
#content div.post p.post-meta {
margin: 0 0;
}
#content div.post p.post-meta { margin: 0 0; }
.single #content div.post p.date {
.single #content div.post p.date
{
font-size: 1em;
margin: 40px 0 5px 0;
padding: 0;
background: none;
}
.page #content h2 {
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; margin: 35px 0 10px;
.page #content h2
{
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
margin: 35px 0 10px;
font-size: 18px;
color: #555555;
}
.page.page-template-archives-php #content h2 {
.page.page-template-archives-php #content h2
{
font-size: 20px;
margin: 60px 0 16px;
}
label.screen-reader-text {
display: none;
}
label.screen-reader-text { display: none; }
.entry-title a, .page-title a{
.entry-title a, .page-title a
{
color: #555555;
text-decoration: none;
}
#content div.post p.date, p.post-meta {
#content div.post p.date, p.post-meta
{
font-size: .8em;
clear: both;
}
a#cancel-comment-reply-link {
a#cancel-comment-reply-link
{
font-family: 'helvetica neue',helvetica, arial,sans-serif;
font-size: 11px;
margin: 0 10px;
}
p.wp-caption-text {
p.wp-caption-text
{
font-size: 11px;
margin: 0 0 20px 20px;
}
.page-link {
margin: 20px 0 22px 0;
}
.page-link { margin: 20px 0 22px 0; }
.page-link a:link, .page-link a:visited {
.page-link a:link, .page-link a:visited
{
background: #f1f1f1;
color: #333;
font-weight: normal;
padding: 0.2em;
text-decoration: none;
}
.home .sticky .page-link a {
background: #d9e8f7;
}
.home .sticky .page-link a { background: #d9e8f7; }
.page-link a:active,
.page-link a:hover {
color: #aaa;
.page-link a:hover { color: #aaa; }
.alignnone { margin: 20px 0; }
.aligncenter
{
display: block;
margin: 20px auto;
}
.alignnone {margin: 20px 0;}
.aligncenter { display:block; margin:20px auto;}
.alignleft { float:left; margin: 5px 20px 5px 0; }
.alignright { float:right; margin: 5px 0 5px 20px;}
.wp-caption { border:none; padding:0px; margin-bottom:40px;}
.size-thumbnail {margin-right: 10px;}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.alignleft
{
float: left;
margin: 5px 20px 5px 0;
}
.alignright
{
float: right;
margin: 5px 0 5px 20px;
}
.wp-caption
{
border: none;
padding: 0px;
margin-bottom: 40px;
}
.size-thumbnail { margin-right: 10px; }
br.clear
{
clear: both;
display: block;
height: 1px;
margin: -1px 0 0 0;
}
/* Use this br class to clear your floated columns */
/* @end */
/* @group Header */
div#header {
div#header
{
margin: 0 0 60px 0;
padding: 0 0 20px 0;
width: 650px;
@ -321,31 +338,29 @@ div#header {
border-bottom: 1px solid #bbbbbb;
}
#site-title {
#site-title
{
margin: 40px 0 20px 0;
text-align: center;
}
#site-title a {
font-family: 'OFLSortsMillGoudyItalic', Georgia, sans; font-size: 60px;
#site-title a
{
font-family: 'OFLSortsMillGoudyItalic', Georgia, sans;
font-size: 60px;
font-style: italic;
text-decoration: none;
color: #555555;
}
div#site-description {
text-align: center;
}
div#site-description { text-align: center; }
/* @end */
/* @group Archives */
.archive #content h1.page-title { margin-bottom: 60px; }
.archive #content h1.page-title {
margin-bottom: 60px;
}
input#s {
input#s
{
color: #777777;
font-size: 12px;
height: 16px;
@ -355,7 +370,8 @@ input#s {
background-color: #fefefe;
}
input#searchsubmit {
input#searchsubmit
{
color: #777777;
font-size: 12px;
height: 24px;
@ -368,12 +384,14 @@ input#searchsubmit {
border-radius: 2px;
}
input#searchsubmit:hover {
border-color: #aaaaaa;
input#searchsubmit:hover
{
border-color: #aaaaaa;
color: #555555;
}
.page-template-archives-php ul.taxonomy {
.page-template-archives-php ul.taxonomy
{
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
@ -382,104 +400,77 @@ border-color: #aaaaaa;
column-gap: 20px;
}
.archive h1.page-title {
margin-bottom: 60px;
}
.archive h1.page-title { margin-bottom: 60px; }
.archive #content div.post p.date { margin: 10px 0 15px 0; }
.page-template-archives-php #content ul, .page-template-archives-php #content ol { margin: 0; }
.page-template-archives-php #content li { margin: 0; }
.page-template-archives-php #content li li { margin: 0 0 0 10px; }
.archive #content div.post p.date {
margin: 10px 0 15px 0;
}
.page-template-archives-php #content ul, .page-template-archives-php #content ol {
margin:0;
}
.page-template-archives-php #content li {
margin:0;
}
.page-template-archives-php #content li li {
margin: 0 0 0 10px;
}
.archive #content div.post {
.archive #content div.post
{
margin: 0 0 60px 0;
padding: 0 0 10px 0;
background: url(images/post-sep.png) no-repeat center bottom;
}
/* @end */
/* @group Gallery */
#content .gallery { margin-top: 20px; }
#content .gallery {
margin-top: 20px;
}
#content .gallery .gallery-item {
#content .gallery .gallery-item
{
float: left;
margin: 0 0 20px 0;
text-align: left;
width: 33%;
text-align: center;
}
#content .gallery img {
border: 1px solid #dddddd;
}
#content .gallery img { border: 1px solid #dddddd; }
#content .gallery .gallery-caption {
#content .gallery .gallery-caption
{
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
#content .gallery dl {
margin: 0;
}
#content .gallery dl { margin: 0; }
#content .gallery img { border: 1px solid #dddddd; }
#content .gallery br+br { display: none; }
#content .gallery img {
border: 1px solid #dddddd;
}
#content .gallery br+br {
display: none;
}
#content .attachment img {
#content .attachment img
{
display: block;
margin: 0 auto;
}
/* @end */
/* @group Comments */
form#commentform { width: 80%; }
form#commentform {
width: 80%;
}
h3#reply-title, h3#comments-title {
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; margin: 50px 0 0 0;
h3#reply-title, h3#comments-title
{
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
font-size: 18px;
color: #555555;
margin: 20px 0 10px 0;
}
p.comment-notes {
p.comment-notes
{
font-size: 0.8em;
font-style: italic;
margin: 5px 0 20px;
}
#commentform label {
#commentform label
{
font-size: 0.9em;
width: 30px;
}
#commentform input, #commentform textarea {
#commentform input, #commentform textarea
{
height: 17px;
width: 280px;
padding: 3px;
@ -490,12 +481,14 @@ p.comment-notes {
overflow: hidden;
}
#commentform textarea {
#commentform textarea
{
height: 100px;
width: 280px;
}
#commentform input#submit {
#commentform input#submit
{
clear: both;
float: none;
height: 22px;
@ -505,133 +498,114 @@ p.comment-notes {
border-radius: 03px;
}
#commentform input#submit:hover {
#commentform input#submit:hover
{
border-color: #aaaaaa;
color: #555555;
}
img.avatar {
display: none;
}
img.avatar { display: none; }
#comments ol li {
#comments ol li
{
margin: 20px 0;
list-style-type: none;
}
#comments ol li.depth-1 {
#comments ol li.depth-1
{
border-bottom: 1px solid #efefef;
padding: 0 0 20px 0;
padding: 0 0 20px 0;
width: 500px;
}
#comments ol li.depth-2, #comments ol li.depth-3 {
margin: 10px 0 0 20px;
}
#comments ol li.depth-2, #comments ol li.depth-3 { margin: 10px 0 0 20px; }
#commentform p.logged-in-as { font-size: 11px; }
.comment-meta { font-size: 11px; }
#commentform p.logged-in-as {
font-size: 11px;
}
.comment-meta {
font-size: 11px;
}
.comment-body p {
.comment-body p
{
margin: 10px 0 0 0;
width: 450px;
}
#cancel-comment-reply-link {
font-family: ;
}
a.comment-reply-link {
font-size: 11px;
}
p.form-allowed-tags {
display: none;
}
#cancel-comment-reply-link { font-family: ; }
a.comment-reply-link { font-size: 11px; }
p.form-allowed-tags { display: none; }
/* Comments form */
input[type="submit"] {
color: #333;
}
#respond {
input[type="submit"] { color: #333; }
#respond
{
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link
{
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
#respond .required
{
color: #ff4b33;
font-weight: bold;
}
#respond label {
#respond label
{
color: #777;
font-size: 12px;
}
#respond input {
#respond input
{
margin: 0 0 9px;
width: 98%;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
#respond textarea { width: 98%; }
#respond .form-allowed-tags
{
color: #777;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input
{
font-size: 14px;
width: auto;
}
#respond #wp-comment-cookies-consent {
#respond #wp-comment-cookies-consent
{
width: auto;
margin: 0 10px 0 0;
}
/* @end */
/* @group Menu */
#menu {
width:810px;
#menu
{
width: 810px;
margin: 0 auto;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
@ -640,26 +614,58 @@ h3#reply-title {
box-shadow: 1px 4 20px #dddddd;
}
#menu div.menu, #menu div.menu-footer { background-color: #dadada; border-bottom-style: double;
#menu div.menu, #menu div.menu-footer
{
background-color: #dadada;
border-bottom-style: double;
border-bottom-color: #bbb;
border-bottom-width: 3px;
border-top-style: double;
border-top-color: #bbb;
border-top-width: 3px;} #menu div.menu ul, #menu div.menu-footer ul { margin: 0 0 0 0; padding: 10px 0 6px; border-bottom: 1px solid #dddddd;
text-align: center; } #menu div.menu li, #menu div.menu-footer li { display: inline; margin: 0 15px; } #menu div.menu li a, #menu div.menu-footer li a { text-decoration: none; font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; font-size: 18px; font-style: italic; text-decoration: none; color: #555555; } #menu div.menu li a:hover, #menu div.menu-footer li a:hover { color: #333333; } #menu div.menu ul li.current_page_item a, #menu div.menu-footer ul li.current_page_item a{ text-decoration: underline;
border-top-width: 3px;
}
#menu div.menu ul, #menu div.menu-footer ul
{
margin: 0 0 0 0;
padding: 10px 0 6px;
border-bottom: 1px solid #dddddd;
text-align: center;
}
#menu div.menu li, #menu div.menu-footer li
{
display: inline;
margin: 0 15px;
}
#menu div.menu li a, #menu div.menu-footer li a
{
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
font-size: 18px;
font-style: italic;
text-decoration: none;
color: #555555;
}
#menu div.menu li a:hover, #menu div.menu-footer li a:hover { color: #333333; }
#menu div.menu ul li.current_page_item a, #menu div.menu-footer ul li.current_page_item a
{
text-decoration: underline;
color: #333333;
}
/* @end */
/* @group Footer */
.push, #footer {
.push, #footer
{
height: 40px;
clear: both;
}
div#footer {
div#footer
{
width: 810px;
margin: 0 auto;
padding: 20px 0 0 0;
@ -672,12 +678,14 @@ div#footer {
box-shadow: 1px 4 20px #dddddd;
}
#footer p.credits {
#footer p.credits
{
margin: 0 80px;
font-size: .8em;
}
span.older-posts a, span.newer-posts a{
span.older-posts a, span.newer-posts a
{
text-decoration: none;
margin-right: 20px;
}
@ -725,4 +733,14 @@ span.older-posts a, span.newer-posts a{
font-variant: small-caps;
}
/* ## Gutenberg Blocks ## */
pre.wp-block-verse
{
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
line-height: 1.5em;
color: #555555;
}
.wp-block-pullquote blockquote { font-style: normal; }
/* @end */