diff --git a/static/css/sepia.css b/static/css/sepia.css index e054f13..c9a3319 100644 --- a/static/css/sepia.css +++ b/static/css/sepia.css @@ -14,6 +14,8 @@ --oddborder: #616161; --evenbg: #f2f0ea; --evenborder: #919191; + --quotebg: #e9e9e9; + --quoteborder: #bdbdbd; /* Overrides */ --graytext: #616161; /* Copied from default theme */ @@ -69,7 +71,7 @@ body.sepia #links .link { background: var(--linkbg); color: var(--linktext); border-radius: 3px; - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } body.sepia .flair, body.sepia #links .link .entry .title span.flair, @@ -106,7 +108,7 @@ body.sepia .view-more-links a { color: var(--buttontext); border-radius: 3px; border: none; - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } body.sepia .view-more-links a { margin-left: 16px; @@ -122,7 +124,7 @@ body.sepia input[type="checkbox"] { body.sepia footer { margin-top: 20px; padding: 8px 0 8px 20px; - box-shadow: 0px 0px 2px var(--shadow); + box-shadow: 0 0 2px var(--shadow); } /* Search */ body.sepia #links.search { @@ -139,14 +141,15 @@ body.sepia #post .submitted, body.sepia #post .title .domain { color: var(--graytext); } -body.sepia #post .usertext-body { +body.sepia #post .usertext-body, +body.sepia #post .crosspost { background: var(--oddbg); border-radius: 3px; - border: none; - box-shadow: 0px 0px 2px var(--shadow); + border: 1px solid var(--oddbg); /* .crosspost disappears with border: none */ + box-shadow: 0 0 2px var(--shadow); } -body.sepia .md { - color: var(--bodytext); +body.sepia #post .crosspost { + padding: 0 16px 16px 0; } body.sepia #post header div a { color: var(--headerfaded); @@ -155,23 +158,36 @@ body.sepia .comment { background: var(--oddbg); border-left: 3px solid var(--oddborder); border-radius: 3px 0 0 3px; - box-shadow: 1px 0px 1px var(--shadow); + box-shadow: 1px 0 1px var(--shadow); } body.sepia .comment.even-depth { background: var(--evenbg); border-left: 3px solid var(--evenborder); - box-shadow: 1px 0px 1px var(--shadow); + box-shadow: 1px 0 1px var(--shadow); } body.sepia .comments > .comment { border: none; border-radius: 0; } +body.sepia .comment .comment { + margin: 8px 0; +} body.sepia .comment details { padding-top: 8px; } body.sepia .comment details:not([open]) { padding-bottom: 8px; } +body.sepia .comment .body blockquote { + background: var(--quotebg); + color: var(--bodytext); + border-left: 3px solid var(--quoteborder); + border-radius: 3px; + box-shadow: 0 0 1px var(--shadow); +} +body.sepia .md { + color: var(--bodytext); +} body.sepia .md .md-spoiler-text:not(.revealed), body.sepia .md .md-spoiler-text:active:not(.revealed), body.sepia .md .md-spoiler-text:focus:not(.revealed),