diff options
author | mms <michal@sapka.me> | 2024-04-16 22:59:44 +0200 |
---|---|---|
committer | mms <michal@sapka.me> | 2024-04-16 22:59:44 +0200 |
commit | 36ead5417cf4fb3c5b9bc0590654ec2a5428dea1 (patch) | |
tree | 9e987e63f15089e0a3db10bc546fd429539f144d /static | |
parent | f1f01682addf920be7c9aa84e02c8bca150d6ac6 (diff) |
chore: tidy up css a bit
Diffstat (limited to 'static')
-rw-r--r-- | static/style.css | 438 |
1 files changed, 216 insertions, 222 deletions
diff --git a/static/style.css b/static/style.css index 7d9ba5d..066689e 100644 --- a/static/style.css +++ b/static/style.css @@ -36,63 +36,16 @@ } /* article_variables_end */ -/* star_trek_variables_start */ -:root { - --star-trek-highlight-color: #3e7dc0; - --star-trek-logo-bg-color: var(--star-trek-highlight-color); - --star-trek-h1-color: var(--star-trek-highlight-color); - --star-trek-h1-color: var(--star-trek-highlight-color); - --star-trek-h2-color: var(--star-trek-highlight-color); - --star-trek-h3-color: var(--star-trek-highlight-color); - --star-trek-h4-color: var(--star-trek-highlight-color); - --star-trek-h5-color: var(--star-trek-highlight-color); -} -/* star_trek_variables_end */ - /* ste_info_variables_start */ :root { - --site-info-hightlight-color: #9ba89a; - --site-info-logo-bg-color: var(--site-info-hightlight-color); - --site-info-h1-color: var(--site-info-hightlight-color); + --site-info-hightlight-color: #9ba89a; + --site-info-logo-bg-color: var(--site-info-hightlight-color); + --site-info-h1-color: var(--site-info-hightlight-color); } /* ste_info_variables_end */ -/* bsd_variables_start */ -:root { - --bsd-highlight-color: #ab2b28; - --bsd-logo-bg-color: var(--bsd-highlight-color); - --bsd-h1-color: var(--bsd-highlight-color); - --bsd-h1-color: var(--bsd-highlight-color); - --bsd-h2-color: var(--bsd-highlight-color); - --bsd-h3-color: var(--bsd-highlight-color); - --bsd-h4-color: var(--bsd-highlight-color); - --bsd-h5-color: var(--bsd-highlight-color); -} -/* bsd_variables_end */ - -/* blog_variables_start */ -:root { - --blog-highlight-color: #4c683c;; - --blog-logo-bg-color: var(--blog-highlight-color); - --blog-h1-color: var(--blog-highlight-color); - --blog-h2-color: var(--blog-highlight-color); - --blog-h3-color: var(--blog-highlight-color); - --blog-h4-color: var(--blog-highlight-color); - --blog-h5-color: var(--blog-highlight-color); -} -/* blog_variables_end */ -/* emacs_variables_start */ -:root { - --emacs-highlight-color: #7F5AB6; - --emacs-logo-bg-color: var(--emacs-highlight-color); - --emacs-h1-color: var(--emacs-highlight-color); - --emacs-h2-color: var(--emacs-highlight-color); - --emacs-h3-color: var(--emacs-highlight-color); - --emacs-h4-color: var(--emacs-highlight-color); - --emacs-h5-color: var(--emacs-highlight-color); -} -/* emacs_variables_end */ + @@ -239,22 +192,9 @@ body.article > header > .logo > img.files { body.article h1{ color: var(--article-logo-h1-color); } -/* star_trek_header_end */ -/* star_trek_header_end */ -body.star-trek > header > .logo { - background-color: var(--star-trek-logo-bg-color); -} -body.star-trek > header > .logo > img.stbadge { - position: absolute; - bottom: -12px; - right: -6px; - transform: scale(0.8); -} -body.star-trek h1{ - color: var(--star-trek-h1-color); -} -/* star_trek_header_end */ + + /* site_info_header_end */ body.site-info > header > .logo { @@ -265,50 +205,7 @@ body.site-info h1{ } /* site_info_header_end */ -/* bsd_header_end */ -body.bsd > header > .logo { - background-color: var(--bsd-logo-bg-color); -} -body.bsd > header > .logo > img.beastie { - position: absolute; - bottom: 0px; - right: -11px; - transform: scale(1.1); -} -body.bsd h1 { - color: var(--bsd-h1-color); -} -/* bsd_header_end */ -/* blog_header_end */ -body.blog > header > .logo { - background-color: var(--blog-logo-bg-color); -} -body.blog > header > .logo > img.blogicon { - position: absolute; - bottom: 0px; - right: -2px; - transform: scale(0.9); -} -body.blog h1 { - color: var(--blog-h1-color); -} -/* blog_header_end */ - -/* emacs_header_start */ -body.emacs > header > .logo { - background-color: var(--emacs-logo-bg-color); -} -body.emacs > header > .logo > img { - position: absolute; - bottom: 0px; - right: -2px; - transform: scale(0.9); -} -body.emacs h1 { - color: var(--emacs-h1-color); -} -/* blog_header_end */ /* blog_post_list_start */ article.blog-post-item > h2 > a { @@ -421,82 +318,12 @@ h2 { border-bottom-width: 1px; } -/* emacs_article_start */ -.emacs h2 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) } -.emacs h3 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) } -.emacs h4 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) } -.emacs h5 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) } -.emacs h6 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) } -.emacs .new {color: var(--emacs-highlight-color) } -/* emacs_article_end */ - -/* bss_article_start */ -.bsd h2 { color: var(--bsd-highlight-color); border-color: var(--bsd-highlight-color) } -.bsd h3 { color: var(--bsd-highlight-color); border-color: var(--bsd-highlight-color) } -.bsd h4 { color: var(--bsd-highlight-color); border-color: var(--bsd-highlight-color) } -.bsd h5 { color: var(--bsd-highlight-color); border-color: var(--bsd-highlight-color) } -.bsd h6 { color: var(--bsd-highlight-color); border-color: var(--bsd-highlight-color) } -.bsd .new {color: var(--bsd-highlight-color) } -/* emacs_article_end */ /* emacs_article_start */ -.star-trek h2 { color: var(--star-trek-highlight-color); border-color: var(--star-trek-highlight-color) } -.star-trek h3 { color: var(--star-trek-highlight-color); border-color: var(--star-trek-highlight-color) } -.star-trek h4 { color: var(--star-trek-highlight-color); border-color: var(--star-trek-highlight-color) } -.star-trek h5 { color: var(--star-trek-highlight-color); border-color: var(--star-trek-highlight-color) } -.star-trek h6 { color: var(--star-trek-highlight-color); border-color: var(--star-trek-highlight-color) } -.star-trek .new {color: var(--star-trek-highlight-color) } - -img.vert-move:hover { - animation: mover 1s infinite alternate; -} - -@keyframes mover { - 0% { transform: translateY(0); } - 100% { transform: translateY(-10px); } -} /* emacs_article_end */ -/* emacs_article_start */ -body.blog h2 { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } -body.blog h2 a { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } -body.blog h3 { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } -body.blog h4 { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } -body.blog h5 { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } -body.blog h6 { color: var(--blog-highlight-color); border-color: var(--blog-highlight-color) } -/* emacs_article_end */ - -/* brain_rot_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: -5px; - transform: scale(0.9); -} -.brain-rot h1 { - color: var(--brain-rot-highlight-color); -} - -.brain-rot h2, -.brain-rot h3, -.brain-rot h4, -.brain-rot h5, -.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__end */ blockquote { border: 0; @@ -519,14 +346,6 @@ pre code { /* word-break: break-all; */ } -/* star_rek_article_start */ -body.emacs h2 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) } -body.emacs h3 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) } -body.emacs h4 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) } -body.emacs h5 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) } -body.emacs h6 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) } - -/* emacs_article_end */ /* ----------- Articles images */ article figure { text-align: center; @@ -654,38 +473,213 @@ 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 */ + + +/* brain_rot_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: -5px; + transform: scale(0.9); +} +.brain-rot h1 { + color: var(--brain-rot-highlight-color); +} + +.brain-rot h2, +.brain-rot h3, +.brain-rot h4, +.brain-rot h5, +.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_end */ + +/* star_trek_start */ + +:root { + --star-trek-highlight-color: #3e7dc0; +} + +body.star-trek > header > .logo { + background-color: var(--star-trek-highlight-color); +} +body.star-trek > header > .logo > img.stbadge { + position: absolute; + bottom: -12px; + right: -6px; + transform: scale(0.8); +} +body.star-trek h1{ + color: var(--star-trek-highlight-color); +} + +.star-trek h2, +.star-trek h3, +.star-trek h4, +.star-trek h5, +.star-trek h6 { + color: var(--star-trek-highlight-color); + border-color: var(--star-trek-highlight-color) +} + +.star-trek .new { + color: var(--star-trek-highlight-color) +} + +img.vert-move:hover { + animation: mover 1s infinite alternate; +} + +@keyframes mover { + 0% { transform: translateY(0); } + 100% { transform: translateY(-10px); } +} + +/* star_trek__end */ + + + +/* bsd_start */ +:root { + --bsd-highlight-color: #ab2b28; +} + +body.bsd > header > .logo { + background-color: var(--bsd-highlight-color); +} +body.bsd > header > .logo > img.beastie { + position: absolute; + bottom: 0px; + right: -11px; + transform: scale(1.1); +} +.bsd h1 { + color: var(--bsd-highlight-color); +} + +.bsd h2, +.bsd h3, +.bsd h4, +.bsd h5, +.bsd h6 { + color: var(--bsd-highlight-color); + border-color: var(--bsd-highlight-color) +} + +.bsd .new { + color: var(--bsd-highlight-color) +} + + +/* bsd_end */ + + + +/* emacs_start */ +:root { + --emacs-highlight-color: #7F5AB6; + } + +body.emacs > header > .logo { + background-color: var(--emacs-highlight-color); +} +body.emacs > header > .logo > img { + position: absolute; + bottom: 0px; + right: -2px; + transform: scale(0.9); +} +.emacs h1 { + color: var(--emacs-h1-color); +} + +.emacs h2, +.emacs h3, +.emacs h4, +.emacs h5, +.emacs h6 { + color: var(--emacs-highlight-color); + border-color: var(--emacs-highlight-color) +} +.emacs .new { + color: var(--emacs-highlight-color) +} + +/* emacs_end */ + + +/* blog_start */ +:root { + --blog-highlight-color: #4c683c;; +} + +body.blog > header > .logo { + background-color: var(--blog-highlight-color); +} +body.blog > header > .logo > img.blogicon { + position: absolute; + bottom: 0px; + right: -2px; + transform: scale(0.9); +} +body.blog h1 { + color: var(--blog-h1-color); +} + +.blog h2, +.blog h3, +.blog h4, +.blog h5, +.blog h6 { + color: var(--blog-highlight-color); + border-color: var(--blog-highlight-color) +} +/* emacs_end */ |