diff options
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 157 |
1 files changed, 93 insertions, 64 deletions
diff --git a/static/style.css b/static/style.css index c11987f6..e788bbeb 100644 --- a/static/style.css +++ b/static/style.css @@ -94,51 +94,53 @@ } /* emacs_variables_end */ + + /* dark_mode_variables_end */ @media (prefers-color-scheme: dark) { - :root { - --site-bg: #000; - --text-color: #abb1b1; + :root { + --site-bg: #000; + --text-color: #abb1b1; - --logo-bg-color: #abb1b1; + --logo-bg-color: #abb1b1; - --article-bg: #141818; + --article-bg: #141818; - --article-border-color: var(--article-bg); - --highlight-bg: rgb(31 27 27); + --article-border-color: var(--article-bg); + --highlight-bg: rgb(31 27 27); - --border-color: var(--text-color); + --border-color: var(--text-color); - --pre-bg: #1b2121; - } + --pre-bg: #1b2121; + } } /* dark_mode_variables_end */ /* site_start */ body { - font-family: var(--site-font); - padding: 0; - font-size: var(--font-size); - background-color: var(--site-bg); - color: var(--text-color); - max-width: 800px; - margin: auto; + font-family: var(--site-font); + padding: 0; + font-size: var(--font-size); + background-color: var(--site-bg); + color: var(--text-color); + max-width: 800px; + margin: auto; } @media only screen and (max-width: 600px) { - body { - font-size: var(--mobile-font-size); - } + body { + font-size: var(--mobile-font-size); + } } main, footer { - width: 100%; - max-width: 95%; - margin-left: auto; - margin-right: auto; + width: 100%; + max-width: 95%; + margin-left: auto; + margin-right: auto; } img { - max-width: 99%; - width: auto; - height: auto; + max-width: 99%; + width: auto; + height: auto; } a { color: var(--link-color); } h2 a { text-decoration: none; } @@ -146,7 +148,7 @@ h2 a { text-decoration: none; } .placeholder { opacity: 0.55; } - /* site_end */ +/* site_end */ /* generic_header_start */ header { @@ -211,7 +213,7 @@ header ol { header li { display: block; } - +/* */ header li:not(:last-child)::after { content: "ยป"; } @@ -465,6 +467,33 @@ body.blog h5 { color: var(--blog-highlight-color); border-color: var(--blog-high body.blog h6 { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } /* emacs_article_end */ +/* brain_rot_article_start */ +:root { + --brain-rot-highlight-color: #978b27; +} + +.brain-rot > header > .logo { + background-color: var(--brain-rot-highlight-color); +} +.brain-rot > header > .logo > img { + position: absolute; + bottom: 0px; + right: -2px; + transform: scale(0.9); +} +.brain-rot h1 { + color: var(--brain-rot-highlight-color); +} + +.brain-rot h2 { color: var(--brain-rot-highlight-color); border-color: var(--brain-rot-highlight-color) } +.brain-rot h2 a { color: var(--brain-rot-highlight-color); border-color: var(--brain-rot-highlight-color) } +.brain-rot h3 { color: var(--brain-rot-highlight-color); border-color: var(--brain-rot-highlight-color) } +.brain-rot h4 { color: var(--brain-rot-highlight-color); border-color: var(--brain-rot-highlight-color) } +.brain-rot h5 { color: var(--brain-rot-highlight-color); border-color: var(--brain-rot-highlight-color) } +.brain-rot h6 { color: var(--brain-rot-highlight-color); border-color: var(--brain-rot-highlight-color) } +.brain-rot .new { color: var(--brain-rot-highlight-color); } + +/* brain_rot_article_end */ blockquote { border: 0; @@ -622,38 +651,38 @@ a[href^="#fn:"]:after{ content: ']' } /* LiteralStringHeredoc */ .chroma .sh { color: #bb4444 } /* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold } /* LiteralStringOther */ .chroma .sx { color: #008000 } -/* LiteralStringRegex */ .chroma .sr { color: #bb6688 } -/* LiteralStringSingle */ .chroma .s1 { color: #bb4444 } -/* LiteralStringSymbol */ .chroma .ss { color: #b8860b } -/* LiteralNumber */ .chroma .m { color: #666666 } -/* LiteralNumberBin */ .chroma .mb { color: #666666 } -/* LiteralNumberFloat */ .chroma .mf { color: #666666 } -/* LiteralNumberHex */ .chroma .mh { color: #666666 } -/* LiteralNumberInteger */ .chroma .mi { color: #666666 } -/* LiteralNumberIntegerLong */ .chroma .il { color: #666666 } -/* LiteralNumberOct */ .chroma .mo { color: #666666 } -/* Operator */ .chroma .o { color: #666666 } -/* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold } -/* Punctuation */ .chroma .p { } -/* Comment */ .chroma .c { color: #008800; font-style: italic } -/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic } -/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic } -/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic } -/* CommentSpecial */ .chroma .cs { color: #008800; font-weight: bold } -/* CommentPreproc */ .chroma .cp { color: #008800 } -/* CommentPreprocFile */ .chroma .cpf { color: #008800 } -/* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { color: #a00000 } -/* GenericEmph */ .chroma .ge { font-style: italic } -/* GenericError */ .chroma .gr { color: #ff0000 } -/* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold } -/* GenericInserted */ .chroma .gi { color: #00a000 } -/* GenericOutput */ .chroma .go { color: #888888 } -/* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold } -/* GenericStrong */ .chroma .gs { font-weight: bold } -/* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold } -/* GenericTraceback */ .chroma .gt { color: #0044dd } -/* GenericUnderline */ .chroma .gl { text-decoration: underline } -/* TextWhitespace */ .chroma .w { color: #bbbbbb } - -/* legacy_code_end */ + /* LiteralStringRegex */ .chroma .sr { color: #bb6688 } + /* LiteralStringSingle */ .chroma .s1 { color: #bb4444 } + /* LiteralStringSymbol */ .chroma .ss { color: #b8860b } + /* LiteralNumber */ .chroma .m { color: #666666 } + /* LiteralNumberBin */ .chroma .mb { color: #666666 } + /* LiteralNumberFloat */ .chroma .mf { color: #666666 } + /* LiteralNumberHex */ .chroma .mh { color: #666666 } + /* LiteralNumberInteger */ .chroma .mi { color: #666666 } + /* LiteralNumberIntegerLong */ .chroma .il { color: #666666 } + /* LiteralNumberOct */ .chroma .mo { color: #666666 } + /* Operator */ .chroma .o { color: #666666 } + /* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold } + /* Punctuation */ .chroma .p { } + /* Comment */ .chroma .c { color: #008800; font-style: italic } + /* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic } + /* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic } + /* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic } + /* CommentSpecial */ .chroma .cs { color: #008800; font-weight: bold } + /* CommentPreproc */ .chroma .cp { color: #008800 } + /* CommentPreprocFile */ .chroma .cpf { color: #008800 } + /* Generic */ .chroma .g { } + /* GenericDeleted */ .chroma .gd { color: #a00000 } + /* GenericEmph */ .chroma .ge { font-style: italic } + /* GenericError */ .chroma .gr { color: #ff0000 } + /* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold } + /* GenericInserted */ .chroma .gi { color: #00a000 } + /* GenericOutput */ .chroma .go { color: #888888 } + /* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold } + /* GenericStrong */ .chroma .gs { font-weight: bold } + /* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold } + /* GenericTraceback */ .chroma .gt { color: #0044dd } + /* GenericUnderline */ .chroma .gl { text-decoration: underline } + /* TextWhitespace */ .chroma .w { color: #bbbbbb } + + /* legacy_code_end */ |