diff --git a/static/css/main.css b/static/css/main.css index 2716d81..30eaad6 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,5 +1,5 @@ @import url("pygment.css"); -body { margin:0px; padding:20px 0px; text-align:center; font-family: Sans-Serif; color:#000000; } +body { margin:0px; padding:20px 0px; text-align:center; font-family: Tahoma, Arial, Verdana, Sans-Serif, "Lucida Sans"; 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.1em; } @@ -10,13 +10,12 @@ 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; } -#wrap { margin:0px auto; text-align:left; line-height: 1.4; width: 100%; } +#wrap { margin:0em auto; text-align:left; line-height: 1.2; 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:1px dotted #C8C8C8; } +#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.2em; line-height: 1.3em; font-weight: bold; } #sidebar > li { margin:20px 0px; } -#sidebar h1 { border-bottom:1px dotted #C8C8C8; } #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.2em; } @@ -24,21 +23,21 @@ input:hover, textarea:hover, blockquote:hover { background:#E5E5E5; } ul.sub-menu, ul.children { margin:0px 10px 0px 0px; } -.post { margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; border-bottom:1px dotted #C8C8C8; } +.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: "Palatino Linotype", "Book Antiqua", Palatino, serif; padding: 1.5em; } +.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: sans; } +.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; } @@ -48,7 +47,7 @@ ul.sub-menu, ul.children { margin:0px 10px 0px 0px; } @media screen and (max-width: 600px) { .pcolumn { flex: 100%; max-width: 100%; } } -.entry { font-size: 1.1em; padding-right: 1.0em; max-width:1024px; } +.entry { font-size: 1.0em; padding-right: 1.0em; max-width:1024px; } .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%; } @@ -105,7 +104,7 @@ 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:1px dotted #C8C8C8; } +#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; } diff --git a/static/css/pygment.css b/static/css/pygment.css index 892ff9d..cd9cd58 100644 --- a/static/css/pygment.css +++ b/static/css/pygment.css @@ -3,8 +3,9 @@ color: #FFFFFF; background-color: #333333; white-space: pre-wrap; - padding: 0.20em; - font-size: 14px; + padding: 0.10em; + font-size: 1.0em; + line-height: 1.4em; } .highlight .hll {