monospace/static/css/main.css

144 lines
6.7 KiB
CSS

@import url("pygment.css");
@font-face {
font-family: "Garamond";
src: url("fonts/AppleGaramond.woff") format('woff');
}
@font-face {
font-family: "Garamond";
src: url("fonts/AppleGaramond-Bold.woff") format('woff');
font-weight: bold;
}
@font-face {
font-family: "Garamond";
src: url("fonts/AppleGaramond-BoltItalic.woff") format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Garamond";
src: url("fonts/AppleGaramond-Italic.woff") format('woff');
font-style: italic;
}
body { margin:0px; padding:20px 0px; text-align:center; font-family: Garamond, Serif; color:#000000; }
a, a:visited { text-decoration:none; color:#1d2a78; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6, h7 { margin:0px; line-height: 1.0em; font-size: 2.0em; }
h4, h5, h6 { font-size:18px; }
h1 { padding:0px 0px 0.5em; margin:0px 0px 5px 0px; }
blockquote { font-style:italic; background:#EAEAEA; margin:20px; padding:5px 10px; }
blockquote cite { display:block; padding:10px 20px 0 0; text-align:right; }
input, textarea { padding:5px; border:1px solid #8A8A8A; background:#EAEAEA; }
input:hover, textarea:hover, blockquote:hover { background:#E5E5E5; }
table, th, { border: 1px solid; }
th { color: white; background: navy; text-align: center; }
td { padding-left: 0.5em; }
table { width: 100%; }
tr:nth-child(odd) { background-color: lightgray;}
#wrap { margin:0em auto; text-align:left; line-height: 1.0; width: 100%; }
#container { float: right; width: 70% }
#sidebar { overflow:hidden; clear:left; text-align:right; width:25%; height:auto; padding:0px 15px 0px 0px; border-right:0.15em solid #C8C8C8; }
#sidebar .description { display:block; font-size: 1.1em; width:100%; height:auto; margin:0px 0px 10px 0px; }
#sidebar li { list-style-type:none; font-size: 1.5em; line-height: 1.1em; font-weight: bold; }
#sidebar > li { margin:20px 0px; }
#sidebar .description { display:block; font-size: 1.1em; width:100%; height:auto; margin:0px 0px 10px 0px; }
#landing img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; }
#landing p { text-align: center; font-size: 1.3em; }
ul.sub-menu, ul.children { margin:0px 10px 0px 0px; }
.post { margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; border-bottom:0.15em solid #C8C8C8; }
.post-edit-link { clear:both; }
.meta { margin:10px; padding:15px; background:#EAEAEA; clear:both; }
.meta span { display:block; clear:left; }
.gallerysquare { position: relative; float: left; max-width: 50%; max-height: 50%; display: flex; }
.gallerysquare img { object-fit: cover; width: 500px; height: 500px; }
.gallerylabel { position: absolute; bottom: 20px; left: 20px; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 1.7em; font-weight: 600; font-family: Serif; padding: 1.5em; }
.gallerylabel a.hover { font-style: underline; }
.gallerylabel a { color:#FFFFFF; }
.gallerylabel a.visited { color:#FFFFFF; }
.portfolio { padding-right: 1.0em; text-align: center; }
.portfolio h4 { font-size: 2.0em; font-family: Serif; }
.portfolio img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; }
.prow { display: flex; flex-wrap: wrap; padding: 0 4px; }
.pcolumn { flex: 25%; max-width: 25%; padding: 0 4px; }
.pcolumn img { margin-top: 8px; vertical-align: middle; }
@media screen and (max-width: 800px) { .pcolumn { flex: 50%; max-width: 50%; } }
@media screen and (max-width: 600px) { .pcolumn { flex: 100%; max-width: 100%; } }
.entry { font-size: 1.3em; padding-right: 1.0em; max-width:1024px; line-height:1.2em; }
.entry h2, h3, h4, h5 { margin:30px 0px 10px 0px; }
.entry img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; }
.entry img.wp-smiley { border:0px !important; }
.entry a img:hover { background-color:transparent; border:1px solid #E5E5E5 !important; }
.entry .aligncenter, div.aligncenter { margin:10px auto; }
.entry .alignleft { float: left; margin:10px 15px 10px 0px; }
.entry .alignright { float: right; margin:10px 0px 10px 15px; }
.entry .alignnone { margin:10px 0px; }
.entry .gallery, .wp-caption { text-align:center; background:#EAEAEA; margin:10px; padding:10px; border:0px; max-width:620px; height:auto; }
.entry .wp-caption img { border:0 none; margin:0px auto; padding:0; max-width:500px; height:auto; }
.entry .gallery:hover, .wp-caption:hover { background:#E5E5E5; }
.entry .gallery-caption, .wp-caption-text { background:transparent; }
.entry .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:5px 50px 0px; }
.entry .gallery-icon { width:100%; height:auto; }
.entry .gallery-icon img { margin:0px auto; }
.entry .gallery-caption { margin:5px 10px 0px 0px; padding:0px; }
.entry p.attachment img { margin:0px auto; }
.sticky { border-bottom:3px dotted #C8C8C8; }
.wp_syntax { padding:5px 0px; }
.wp_syntax pre { line-height:1.1; }
.wp_syntax pre.php { line-height:1; }
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_rss ul li { margin:10px 0px; padding:10px 0px; border-top:1px dotted #C8C8C8; }
.related { margin:20px 0px 0px 0px; }
.nav { margin:30px 0px; text-align:center; }
#comments { border-top:1px dotted #C8C8C8; margin:30px 0px 0px 0px; padding:30px 0px 0px 0px; }
.commentlist li { list-style-type:none; padding:10px; margin:20px 0px 0px 0px; }
.commentlist li.even { background:#EAEAEA; }
.commentlist li.odd { background:#D6D6D6; }
.comment-author img { float:left; margin:0px 10px 10px 0px; }
ul.commentlist ul.children { padding-left:10px; }
ul.commentlist ul.children li { list-style-type:none; border:1px solid #AAA }
.form-section { margin:10px 0px; text-align:right; }
.form-section div { display:inline; }
.bypostauthor { border:3px dotted #C8C8C8; }
.form-allowed-tags { display:none; }
#respond { margin:30px 0px 0px 0px; background:#FFF; border:1px solid #9A9A9A; margin:30px 0 0; padding:20px; }
#commentform p { text-align:right; }
#commentform input { width:50%; height:auto; margin:0px 0px 0px 10px; }
#commentform .required { font-weight:bold; }
#commentform textarea { width:95%; height:auto; margin:10px 0px 0px 0px; }
#commentform .comment-form-comment { margin-bottom:5px; text-align:right; }
#commentform .form-allowed-tags { color:#8A8A8A; margin-top:0px; font-size:10px; }
input#submit { font-weight:bold; }
input#s { width:70%; height:auto; margin:5px 0px; }
#footer { text-align:center; clear:both; font-size: 1.1em; }
#footer div { margin:30px 0px 0px 0px; padding:30px 0px 0px 0px; border-top:0.15em solid #C8C8C8; }
#footer li { list-style-type:none; }
#footer .widget_tag_cloud h2 { display:none; }
/* LWM EDITS */
#page-title{
position : relative;
top : 8px;
}