X-Git-Url: http://unremediatedgender.space/source?p=Ultimately_Untrue_Thought.git;a=blobdiff_plain;f=theme%2Fstatic%2Fcss%2Fmain.css;h=8531a766942641e62e60e8c21aa509f441fe776e;hp=6725c0fc4f7a85a50e61753ba3d1169904e233ff;hb=3eb6f065d4005a2e7cd42cfa455bcdec23c2ab79;hpb=c0423b325bfab128a28b4d19a3c51b7b418832a8 diff --git a/theme/static/css/main.css b/theme/static/css/main.css index 6725c0f..8531a76 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,23 +16,17 @@ 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: #4D4D4C; + color: #1D1D1D; padding: 0; min-width: 740px; } header { - background-color: #40403F; + 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 { @@ -147,13 +130,13 @@ p { a { text-decoration: none; border-bottom: 1px dotted #4D4D4C; - color: #4D4D4C; + color: #2D2D2C; } 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 { - padding: 1%; + 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 { @@ -246,7 +241,7 @@ ol.archive li .tags .social a {} -.social i { +.social i { float: left; margin-right: 3px; padding-top: 4px; @@ -309,3 +304,67 @@ li.tag-4 { font-size: 110%; margin: 0 1em; } } } + +/* 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%; +} + +.dialogue > p { + margin: 0.25em 0 0.25em; +} + +.dialogue-character-label { + font-weight: bold; + font-variant: small-caps; +} + +p.flower-break { + text-align: center; +} + +.footnote { + font-size: 85%; +}