Wordpress/Melville
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed footer widget references, massing file clean up organization

Browse Source
This commit is contained in:
Jacob Haddon 2020-10-25 21:38:28 -04:00
parent 0eb0a29a0b
commit fa5cc5c5c9
1 changed files with 186 additions and 237 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

423
style.css
View File

@ -3,7 +3,7 @@ Theme Name: Melville
Theme URI: http://jacobhaddon.com/themes Theme URI: http://jacobhaddon.com/themes
Description: A clean journal theme with great typography Description: A clean journal theme with great typography
Version: 1.0.3 Version: 1.0.3
Author: Jacob Haddon / Dalton Rooney Author: Jacob Haddon
Author URI: jacobhaddon.com Author URI: jacobhaddon.com
Tags: clean, basic, typography, minimalist, white, single column Tags: clean, basic, typography, minimalist, white, single column
@ -11,7 +11,6 @@ Based on TwentyTen, the default WordPress theme
Original theme, Dalton Rooney - http://madebyraygun.com Original theme, Dalton Rooney - http://madebyraygun.com
*/ */
@import url(https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0); @import url(https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0);
/* @group Google Font Loader */ /* @group Google Font Loader */
@ -27,6 +26,8 @@ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, labe
padding: 0; padding: 0;
} }
html, body { height: 100%; }
table table
{ {
border-collapse: collapse; border-collapse: collapse;
@ -41,17 +42,13 @@ address, caption, cite, code, dfn, em, strong, th, var
font-weight: normal; font-weight: normal;
} }
/* ul li { list-style: none; } */ ul { list-style-type: '— '; }
ul {list-style-type: '— ';}
caption, th { text-align: left; } caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 h1, h2, h3, h4, h5, h6
{ {
font-size: 100%; font-size: 100%;
font-weight: normal; font-weight: normal;
} }
q:before, q:after { content: ''; } q:before, q:after { content: ''; }
@ -65,51 +62,34 @@ a img { border: none; }
/* Gets rid of IE's blue borders */ /* Gets rid of IE's blue borders */
/* @end */ /* @end */
/* # Width Styles ---------------------------------------------- */
/* Typography */ div#wrapper, div#header, #menu, div#footer
/* 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; 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, span.dropcap,
.page #content h2, .page #content h2,
#site-title a, #site-title a,
h3#reply-title, h3#comments-title, h3#reply-title,
#menu div.menu li a, #menu div.menu-footer li a, h3#comments-title,
pre.wp-block-verse #menu div.menu li a,
{ #menu div.menu-footer li a,
font-family: 'Sorts Mill Goudy', Georgia, serif; pre.wp-block-verse { font-family: 'Sorts Mill Goudy', Georgia, serif; }
}
/* San-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: 'helvetica neue',helvetica, arial,sans-serif;
}
/* Width Styles */
div#wrapper, div#header
{
/* width: 600px; */
max-width: 810px;
}
#menu, div#footer
{
max-width: 810px; /* div#wrapper + 160 px */
/* width: 760px; */
}
/* @group Body */
/* @group Body ---------------------------------------------- */
body body
{ {
font-size: 1.1rem; font-size: 1.1rem;
@ -119,7 +99,6 @@ body
line-height: 1.3em; line-height: 1.3em;
margin: 0; margin: 0;
text-shadow: #fff 0 0 1px; text-shadow: #fff 0 0 1px;
/* for extra long words */ /* for extra long words */
-ms-word-wrap: break-word; -ms-word-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
@ -177,7 +156,7 @@ blockquote
} }
cite { font-style: italic; } cite { font-style: italic; }
html, body { height: 100%; }
hr { margin: 20px 0; } hr { margin: 20px 0; }
#content table #content table
@ -238,7 +217,7 @@ hr { margin: 20px 0; }
text-align: center; text-align: center;
margin: 0 0 30px 0; margin: 0 0 30px 0;
font-weight: normal; font-weight: normal;
/* font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; */ /* font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; */
font-size: 1.8em; font-size: 1.8em;
line-height: 1.2em; line-height: 1.2em;
text-decoration: none; text-decoration: none;
@ -256,10 +235,10 @@ hr { margin: 20px 0; }
text-decoration: none; text-decoration: none;
} }
div#content div#content
{ {
margin: 0 0 20px 0; margin: 0 0 20px 0;
padding: 0px 80px 0 80px; padding: 0px 80px 0 80px;
} }
#content div.post p.date, #content div.post p.post-meta #content div.post p.date, #content div.post p.post-meta
@ -281,7 +260,7 @@ div#content
.page #content h2 .page #content h2
{ {
/* font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; */ /* font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; */
margin: 35px 0 10px; margin: 35px 0 10px;
font-size: 18px; font-size: 18px;
color: #555555; color: #555555;
@ -333,7 +312,6 @@ p.wp-caption-text
.home .sticky .page-link a { background: #d9e8f7; } .home .sticky .page-link a { background: #d9e8f7; }
.page-link a:active, .page-link a:active,
.page-link a:hover { color: #aaa; } .page-link a:hover { color: #aaa; }
.alignnone { margin: 20px 0; } .alignnone { margin: 20px 0; }
.aligncenter .aligncenter
@ -354,6 +332,35 @@ p.wp-caption-text
margin: 5px 0 5px 20px; margin: 5px 0 5px 20px;
} }
.alignwide
{
margin: 20px 0;
position: relative;
/* max-width: 810px; */
margin-left: -80px;
margin-right: -80px;
}
.alignwide figcaption {
margin-left: 80px;
}
.alignfull
{
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
figcaption
{
font-size: 0.75em;
}
.wp-caption .wp-caption
{ {
border: none; border: none;
@ -373,20 +380,22 @@ br.clear
/* Use this br class to clear your floated columns */ /* Use this br class to clear your floated columns */
/* @end */ /* @end */
/* @group Header */
/* @group Header ---------------------------------------------- */
div#header div#header
{ {
margin: 0 0 60px 0; margin: 0 0 60px 0;
padding: 0 0 20px 0; padding: 0 0 20px 0;
color: #777777; color: #777777;
/* border-bottom: 1px solid #bbbbbb; */ /* border-bottom: 1px solid #bbbbbb; */
background: url(images/post-sep.png) no-repeat center bottom; background: url(images/post-sep.png) no-repeat center bottom;
} }
#site-title #site-title
{ {
margin: 40px 0 20px 0; margin: 40px 0 20px 0;
text-align: center; text-align: center;
padding-top: 30px;
} }
#site-title a #site-title a
@ -400,7 +409,40 @@ div#header
div#site-description { text-align: center; } div#site-description { text-align: center; }
/* @end */ /* @end */
/* @group Archives */ /* @group Footer ---------------------------------------------- */
.push, #footer
{
/* height: 40px; */
clear: both;
}
div#footer
{
margin: 0 auto;
/* padding: 20px 0 0 0; */
background-color: #fafafa;
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;
}
#footer p.credits
{
margin: 0 80px;
font-size: .8em;
}
span.older-posts a, span.newer-posts a
{
text-decoration: none;
margin-right: 20px;
}
/* @end */
/* @group Archives ---------------------------------------------- */
.archive #content h1.page-title { margin-bottom: 60px; } .archive #content h1.page-title { margin-bottom: 60px; }
input#s input#s
@ -458,7 +500,7 @@ input#searchsubmit:hover
} }
/* @end */ /* @end */
/* @group Gallery */ /* @group Gallery ---------------------------------------------- */
#content .gallery { margin-top: 20px; } #content .gallery { margin-top: 20px; }
#content .gallery .gallery-item #content .gallery .gallery-item
@ -489,7 +531,7 @@ input#searchsubmit:hover
} }
/* @end */ /* @end */
/* @group Comments */ /* @group Comments ---------------------------------------------- */
form#commentform { width: 80%; } form#commentform { width: 80%; }
h3#reply-title, h3#comments-title h3#reply-title, h3#comments-title
@ -572,7 +614,7 @@ img.avatar { display: none; }
width: 450px; width: 450px;
} }
#cancel-comment-reply-link { font-family: ; } /* #cancel-comment-reply-link { font-family: ; } */
a.comment-reply-link { font-size: 11px; } a.comment-reply-link { font-size: 11px; }
p.form-allowed-tags { display: none; } p.form-allowed-tags { display: none; }
@ -645,7 +687,8 @@ h3#reply-title { margin: 18px 0; }
} }
/* @end */ /* @end */
/* @group Menu */ /* @group Menu ---------------------------------------------- */
/* note: change #menu and .melville_menu to be consistant and match PHP names */
#menu #menu
{ {
margin: 0 auto; margin: 0 auto;
@ -683,8 +726,8 @@ h3#reply-title { margin: 18px 0; }
#menu div.menu li a, #menu div.menu-footer li a #menu div.menu li a, #menu div.menu-footer li a
{ {
/* font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; */ /* font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; */
/* font-family: Futura; */ /* font-family: Futura; */
font-size: 18px; font-size: 18px;
font-style: italic; font-style: italic;
text-decoration: none; text-decoration: none;
@ -699,41 +742,6 @@ h3#reply-title { margin: 18px 0; }
color: #333333; color: #333333;
} }
/* @end */
/* @group Footer */
.push, #footer
{
/* height: 40px; */
clear: both;
}
div#footer
{
margin: 0 auto;
/* padding: 20px 0 0 0; */
background-color: #fafafa;
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;
}
#footer p.credits
{
margin: 0 80px;
font-size: .8em;
}
span.older-posts a, span.newer-posts a
{
text-decoration: none;
margin-right: 20px;
}
/* NEW THINGS! */
#site-title { padding-top: 30px; }
/* menu styles */ /* menu styles */
.melville_menu ul .melville_menu ul
@ -773,33 +781,10 @@ span.older-posts a, span.newer-posts a
{ {
text-align: center; text-align: center;
font-variant: small-caps; font-variant: small-caps;
/* font-family: Futura; */
} }
/* ## Gutenberg Blocks ## */ /* # Gutenberg Blocks ---------------------------------------------- */
figcaption {
font-size:0.75em;
font-family: Futura;
}
.alignwide {
margin: 20px 0;
position: relative;
max-width: 810px;
margin-left: -80px;
margin-right: -80px;
}
.alignfull {
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
pre.wp-block-verse pre.wp-block-verse
{ {
@ -815,140 +800,118 @@ p.has-drop-cap:not(:focus):first-letter
margin: 8px 3px -10px 0; margin: 8px 3px -10px 0;
} }
.headerLine
{
border-bottom: 0.5px #bbbbbb;
width: 80%;
margin-right: auto;
margin-left: auto;
}
/* @end */ /* @end */
/* # Widget Areas ---------------------------------------------- */
/* =Widget Areas .widget-area { width: 30%; }
-------------------------------------------------------------- */
.widget-area { .widget-area ul
width: 30% {
}
.widget-area ul {
list-style: none; list-style: none;
margin-left: 0; margin-left: 0;
} }
.widget-area ul ul {
.widget-area ul ul
{
list-style: square; list-style: square;
margin-left: 1.3em; margin-left: 1.3em;
} }
.widget-area select {
max-width: 100%; .widget-area select { max-width: 100%; }
}
.widget_search #s {/* This keeps the search inputs in line */ .widget_search #s
{
/* This keeps the search inputs in line */
width: 60%; width: 60%;
} }
.widget_search label {
display: none; .widget_search label { display: none; }
}
.widget-container { .widget-container
{
word-wrap: break-word; word-wrap: break-word;
-webkit-hyphens: auto; -webkit-hyphens: auto;
-moz-hyphens: auto; -moz-hyphens: auto;
hyphens: auto; hyphens: auto;
margin: 0 0 18px 0; margin: 0 0 18px 0;
} }
.widget-container .wp-caption img {
margin: auto; .widget-container .wp-caption img { margin: auto; }
}
.widget-title { .widget-title
{
color: #222; color: #222;
/* font-weight: bold; */ /* font-weight: bold; */
} }
.widget-area a:link, .widget-area a:link,
.widget-area a:visited { .widget-area a:visited { text-decoration: none; }
text-decoration: none;
}
.widget-area a:active, .widget-area a:active,
.widget-area a:hover { .widget-area a:hover { text-decoration: underline; }
text-decoration: underline; .widget-area .entry-meta { font-size: 11px; }
} #wp_tag_cloud div { line-height: 1.6em; }
.widget-area .entry-meta { #wp-calendar { width: 100%; }
font-size: 11px;
} #wp-calendar caption
#wp_tag_cloud div { {
line-height: 1.6em;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #222; color: #222;
font-size: 14px; font-size: 14px;
/* font-weight: bold; */ /* font-weight: bold; */
padding-bottom: 4px; padding-bottom: 4px;
text-align: left; text-align: left;
} }
#wp-calendar thead {
font-size: 11px; #wp-calendar thead { font-size: 11px; }
} #wp-calendar thead th { }
#wp-calendar thead th { #wp-calendar tbody { color: #aaa; }
}
#wp-calendar tbody { #wp-calendar tbody td
color: #aaa; {
}
#wp-calendar tbody td {
background: #f5f5f5; background: #f5f5f5;
border: 1px solid #fff; border: 1px solid #fff;
padding: 3px 0 2px; padding: 3px 0 2px;
text-align: center; text-align: center;
} }
#wp-calendar tbody .pad {
background: none; #wp-calendar tbody .pad { background: none; }
}
.wp-calendar-nav { .wp-calendar-nav
{
display: table; display: table;
width: 100%; width: 100%;
} }
.wp-calendar-nav span {
display: table-cell; .wp-calendar-nav span { display: table-cell; }
}
.wp-calendar-nav-next, .wp-calendar-nav-next,
#wp-calendar tfoot #next { #wp-calendar tfoot #next { text-align: right; }
text-align: right; .widget_rss a.rsswidget { color: #000; }
} .widget_rss a.rsswidget:hover { color: #ff4b33; }
.widget_rss a.rsswidget {
color: #000; .widget_rss .widget-title img
} {
.widget_rss a.rsswidget:hover {
color: #ff4b33;
}
.widget_rss .widget-title img {
width: 11px; width: 11px;
height: 11px; height: 11px;
} }
.widget_text ul, .widget_text ul,
.widget_text ol { .widget_text ol { margin-bottom: 1.5em; }
margin-bottom: 1.5em; .widget_text ol { margin-left: 1.3em; }
}
.widget_text ol {
margin-left: 1.3em;
}
.widget_text ul ul, .widget_text ul ul,
.widget_text ol ol, .widget_text ol ol,
.widget_text ul ol, .widget_text ul ol,
.widget_text ol ul { .widget_text ol ul { margin-bottom: 0; }
margin-bottom: 0; .widget_media_video video { max-width: 100%; }
}
.widget_media_video video { .tagcloud ul
max-width: 100%; {
}
.tagcloud ul {
list-style-type: none; list-style-type: none;
margin-left: 0 !important; margin-left: 0 !important;
} }
.tagcloud ul li {
display: inline-block; .tagcloud ul li { display: inline-block; }
}
/* Helps galleries in widget areas look presentable in most cases. */ /* Helps galleries in widget areas look presentable in most cases. */
.widget-area .gallery-columns-2 img, .widget-area .gallery-columns-2 img,
@ -958,61 +921,47 @@ p.has-drop-cap:not(:focus):first-letter
.widget-area .gallery-columns-6 img, .widget-area .gallery-columns-6 img,
.widget-area .gallery-columns-7 img, .widget-area .gallery-columns-7 img,
.widget-area .gallery-columns-8 img, .widget-area .gallery-columns-8 img,
.widget-area .gallery-columns-9 img { .widget-area .gallery-columns-9 img
{
border: none; border: none;
max-width: 90%; max-width: 90%;
width: auto; width: auto;
} }
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
padding: 0 20px 0 0;
}
#main .widget-area ul ul {
border: none;
margin-left: 1.3em;
padding: 0;
}
#primary {
}
#secondary {
}
/* Footer widget areas */ /* Footer widget areas */
#footer-widget-area { #footer-widget-area
{
/* margin-top: 10px; */ /* margin-top: 10px; */
/* /*
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
*/ */
margin: 20px; margin: 20px;
} }
.widget-area #footer-widget-area .widget-area
{ {
float: left; float: left;
max-width: 255px; max-width: 255px;
width: 50%; width: 50%;
min-width: 150px; min-width: 150px;
} }
/** /**
* 14.2 - >= 783px * 14.2 - >= 783px
*/ */
/* @media screen and (min-width: 48.9375em) */
@media screen and (min-width: 775px) @media screen and (min-width: 775px)
{ {
#footer-widget-area .widget-area { width: 25%; }
}
.widget-area /* # Possibly Obsolete */
.headerLine
{ {
width: 25%; border-bottom: 0.5px #bbbbbb;
width: 80%;
margin-right: auto;
margin-left: auto;
} }
}