Style quotes

This commit is contained in:
ltGuillaume 2021-01-20 18:35:57 +01:00
parent dda25f7696
commit baf1e15e52

View File

@ -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 {
@ -144,14 +146,11 @@ body.sepia #post .crosspost {
background: var(--oddbg);
border-radius: 3px;
border: 1px solid var(--oddbg); /* .crosspost disappears with border: none */
box-shadow: 0px 0px 2px var(--shadow);
box-shadow: 0 0 2px var(--shadow);
}
body.sepia #post .crosspost {
padding: 0 16px 16px 0;
}
body.sepia .md {
color: var(--bodytext);
}
body.sepia #post header div a {
color: var(--headerfaded);
}
@ -159,12 +158,12 @@ 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;
@ -179,6 +178,16 @@ body.sepia .comment details {
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),