X-Git-Url: http://unremediatedgender.space/source?p=Ultimately_Untrue_Thought.git;a=blobdiff_plain;f=theme%2Fstatic%2Fcss%2Fmain.css;h=5d9c9371831255585aa5317fc5b791a56f18244f;hp=4400a8b4ab916a610ad1f67ccee38f4e7a34a4e2;hb=b2c2048420a7536bc3a915f0ebaddbd5a0734a44;hpb=bb1151d0705a42e61a664e39913979edffe79318 diff --git a/theme/static/css/main.css b/theme/static/css/main.css index 4400a8b..5d9c937 100644 --- a/theme/static/css/main.css +++ b/theme/static/css/main.css @@ -1,18 +1,9 @@ -/* -Colors : -- #40403F -- #4D4D4C -- #7F7F7E -- #E5E5E3 -- #F0F0F0 -*/ - /* Imports */ @import url("pygment.css"); -/* Latout */ +/* Layout */ article, figcaption, @@ -25,15 +16,9 @@ time { display: block; } -html { - font-size: 100%; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} body { font-family: 'Source Sans Pro', sans-serif; - font-size: 16px; - line-height: 150%; + font-size: 14px; text-align: left; color: #1D1D1D; padding: 0; @@ -41,7 +26,7 @@ body { } header { - background-color: #101030; + background-color: #101010; height: 50px; line-height: 50px; padding: 0 1em; @@ -68,7 +53,7 @@ header { footer { border-top: 1px dotted #D6D6D6; - line-height: 30px; + line-height: 15px; padding: 0 1em; font-size: 0.8em; } @@ -128,8 +113,6 @@ h1, h2, h3, h4, h5, h6 { h1 { font-size: 2em; - margin: 0.67em 0; - padding: 0.7em 0 0.3em; } h1 a { @@ -152,8 +135,8 @@ a { a:hover, a:active { text-decoration: none; - border-bottom: 1px dotted #4271AE; - color: #4271AE; + border-bottom: 1px dotted #C07095; + color: #C07095; } .literal { @@ -176,7 +159,6 @@ pre { } hr { - margin: 40px 5% 60px 5%; color: #d6d6d6; box-shadow: 0.1em 0.1em 0.1em #EFEFEF; border-radius: 5px; @@ -194,14 +176,17 @@ article.summary > div { margin-left: 28%; } +article .metadata, article.full .metadata, article.summary .metadata { + background: #FFFFFF; padding: 1%; border: 1px dotted #EFEFEF; box-shadow: 0.1em 0.1em 0.1em #EFEFEF; font-style: italic; } +article .metadata, article.full .metadata { width: 25%; float: right; @@ -218,6 +203,15 @@ article.summary .metadata { margin: 0; } + +blockquote { + background: #F0F0F0; + border-left: 10px solid #C07095; + margin: 1.5em 10px; + padding: 0.5em 10px; +} + + /* Listings */ ol.archive li { @@ -233,6 +227,7 @@ ol.archive li .tags } + /* Social */ .social { @@ -308,3 +303,51 @@ li.tag-4 { font-size: 110%; margin: 0 1em; } margin: 0 4%; } } + + +/* tag cloud */ + +span.tag-1 { + font-size: 160%; +} +span.tag-2 { + font-size: 140%; +} +span.tag-3 { + font-size: 125%; +} +span.tag-4 { + font-size: 110%; +} +span.tag-5 { + font-size: 95%; +} +span.tag-6 { + font-size: 75%; +} + + +/* footnotes */ +p#notes-header { + font-weight: bold; +} + +ol.simple-footnotes { + font-size: 85%; +} + + +/* sidebar-aside */ +aside.boxout { + width: 80%; + font-size: 85%; + background-color: #E5E5E5; + outline-style: solid; + outline-color: black; + outline-width: 1px; + padding: 6px; +} + +span.photo-credit { + font-size: 85%; +}