rj1.su - my website
git clone https://github.com/rj1/rj1.su
commit 12da24a79669161105b16b82eb0c736bc5c22712 parent 3a09b382c42b90b07c5c80ad2bff7f638c3c9d4b author: rj1 <[email protected]> date: Wed, 30 Nov 2022 20:47:36 -0600 css tweaks -> formatting tweaks -> markdown readme preview changes (tables, image) Diffstat:
| M | themes/rj1/static/css/style.css | | | 462 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------- |
1 file changed, 346 insertions(+), 116 deletions(-)
diff --git a/themes/rj1/static/css/style.css b/themes/rj1/static/css/style.css @@ -9,7 +9,7 @@ body { display: block; margin: 8px; color: white; - background-color: #1D2330; + background-color: #1d2330; } p { @@ -32,7 +32,7 @@ nav a, a { text-decoration: none; border-bottom-style: solid; - border-bottom-width:1px; + border-bottom-width: 1px; border-bottom-color: #98c379; } @@ -46,7 +46,7 @@ ul li { } ul > li::before { - content: '* '; + content: "* "; font-weight: bold; } @@ -61,7 +61,7 @@ ul > li::before { th td { white-space: nowrap; - width: calc(50% - .5em); + width: calc(50% - 0.5em); display: inline-block; overflow: auto; } @@ -70,13 +70,15 @@ table { width: 100%; } -table#files,#branches,#tags { +table#files, +#branches, +#tags { width: unset; } table tr th { - background:#3e4452; - padding:0; + background: #3e4452; + padding: 0; border: #111 solid 1px; text-align: center; font-weight: bold; @@ -91,7 +93,6 @@ a img { max-width: 100%; } - a:hover img { border: 3px solid #98c379; } @@ -120,7 +121,7 @@ figure h4 { } figure h4::before { - content: '↳ '; + content: "↳ "; } .highlight pre ::selection { @@ -162,7 +163,7 @@ header a { header nav a { border-bottom-style: solid; - border-bottom-width:1px; + border-bottom-width: 1px; border-bottom-color: #98c379; } @@ -276,7 +277,8 @@ code { padding: 0.1em 0.2em; } -pre, #blob { +pre, +#blob { background-color: #282a36; line-height: 1.4; overflow-x: auto; @@ -304,7 +306,7 @@ pre a.d { color: #fd5656; } -pre a { +pre a { border: none; } @@ -407,141 +409,369 @@ a:hover { background-color: blue; } -.highlight pre code[class=language-javaScript]::before, +.highlight pre code[class="language-javaScript"]::before, .highlight pre code[class="language-js"]::before { content: "js"; background: #f7df1e; color: black; } -.highlight pre code[class*='language-yml']::before, -.highlight pre code[class*='language-yaml']::before { - content: 'yaml'; +.highlight pre code[class*="language-yml"]::before, +.highlight pre code[class*="language-yaml"]::before { + content: "yaml"; background: #f71e6a; color: white; } -.highlight pre code[class*='language-shell']::before, -.highlight pre code[class*='language-bash']::before, -.highlight pre code[class*='language-sh']::before { - content: 'shell'; +.highlight pre code[class*="language-shell"]::before, +.highlight pre code[class*="language-bash"]::before, +.highlight pre code[class*="language-sh"]::before { + content: "shell"; background: #ad69af; color: white; } -.highlight pre code[class*='language-json']::before { - content: 'json'; +.highlight pre code[class*="language-json"]::before { + content: "json"; background: dodgerblue; color: #000000; } -.highlight pre code[class*='language-python']::before, -.highlight pre code[class*='language-py']::before { - content: 'py'; +.highlight pre code[class*="language-python"]::before, +.highlight pre code[class*="language-py"]::before { + content: "py"; background: blue; color: yellow; } -.highlight pre code[class*='language-css']::before { - content: 'css'; +.highlight pre code[class*="language-css"]::before { + content: "css"; background: cyan; color: black; } -.highlight pre code[class*='language-go']::before { - content: 'Go'; +.highlight pre code[class*="language-go"]::before { + content: "Go"; background: cyan; color: royalblue; } -.highlight pre code[class*='language-md']::before, -.highlight pre code[class*='language-md']::before { - content: 'Markdown'; +.highlight pre code[class*="language-md"]::before, +.highlight pre code[class*="language-md"]::before { + content: "Markdown"; background: royalblue; color: whitesmoke; } -pre { line-height: 125%; } -td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } -span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } -td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } -span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } - -.hll { background-color: #ffffcc } -.c { color: #7f848e } /* comment */ -.err { color: #abb2bf } /* error */ -.esc { color: #abb2bf } /* escape */ -.g { color: #abb2bf } /* generic */ -.k { color: #c678dd } /* keyword */ -.l { color: #abb2bf } /* literal */ -.n { color: #e06c75 } /* name */ -.o { color: #56b6c2 } /* operator */ -.x { color: #abb2bf } /* other */ -.p { color: #abb2bf } /* punctuation */ -.ch { color: #7f848e } /* comment.hashbang */ -.cm { color: #7f848e } /* comment.multiline */ -.cp { color: #7f848e } /* comment.preproc */ -.cpf { color: #7f848e } /* comment.preprocfile */ -.c1 { color: #7f848e } /* comment.single */ -.cs { color: #7f848e } /* comment.special */ -.gd { color: #abb2bf } /* generic.deleted */ -.ge { color: #abb2bf } /* generic.emph */ -.gr { color: #abb2bf } /* generic.error */ -.gh { color: #abb2bf } /* generic.heading */ -.gi { color: #abb2bf } /* generic.inserted */ -.go { color: #abb2bf } /* generic.output */ -.gp { color: #abb2bf } /* generic.prompt */ -.gs { color: #abb2bf } /* generic.strong */ -.gu { color: #abb2bf } /* generic.subheading */ -.gt { color: #abb2bf } /* generic.traceback */ -.kc { color: #e5c07b } /* keyword.constant */ -.kd { color: #c678dd } /* keyword.declaration */ -.kn { color: #c678dd } /* keyword.namespace */ -.kp { color: #c678dd } /* keyword.pseudo */ -.kr { color: #c678dd } /* keyword.reserved */ -.kt { color: #e5c07b } /* keyword.type */ -.ld { color: #abb2bf } /* literal.date */ -.m { color: #d19a66 } /* literal.number */ -.s { color: #98c379 } /* literal.string */ -.na { color: #e06c75 } /* name.attribute */ -.nb { color: #e5c07b } /* name.builtin */ -.nc { color: #e5c07b } /* name.class */ -.no { color: #e06c75 } /* name.constant */ -.nd { color: #61afef } /* name.decorator */ -.ni { color: #e06c75 } /* name.entity */ -.ne { color: #e06c75 } /* name.exception */ -.nf { color: #61afef; font-weight: bold } /* name.function */ -.nl { color: #e06c75 } /* name.label */ -.nn { color: #e06c75 } /* name.namespace */ -.nx { color: #e06c75 } /* name.other */ -.py { color: #e06c75 } /* name.property */ -.nt { color: #e06c75 } /* name.tag */ -.nv { color: #e06c75 } /* name.variable */ -.ow { color: #56b6c2 } /* operator.word */ -.p-marker { color: #abb2bf } /* punctuation.marker */ -.w { color: #abb2bf } /* text.whitespace */ -.mb { color: #d19a66 } /* literal.number.bin */ -.mf { color: #d19a66 } /* literal.number.float */ -.mh { color: #d19a66 } /* literal.number.hex */ -.mi { color: #d19a66 } /* literal.number.integer */ -.mo { color: #d19a66 } /* literal.number.oct */ -.sa { color: #98c379 } /* literal.string.affix */ -.sb { color: #98c379 } /* literal.string.backtick */ -.sc { color: #98c379 } /* literal.string.char */ -.dl { color: #98c379 } /* literal.string.delimiter */ -.sd { color: #98c379 } /* literal.string.doc */ -.s2 { color: #98c379 } /* literal.string.double */ -.se { color: #98c379 } /* literal.string.escape */ -.sh { color: #98c379 } /* literal.string.heredoc */ -.si { color: #98c379 } /* literal.string.interpol */ -.sx { color: #98c379 } /* literal.string.other */ -.sr { color: #98c379 } /* literal.string.regex */ -.s1 { color: #98c379 } /* literal.string.single */ -.ss { color: #98c379 } /* literal.string.symbol */ -.bp { color: #e5c07b } /* name.builtin.pseudo */ -.fm { color: #56b6c2; font-weight: bold } /* name.function.magic */ -.vc { color: #e06c75 } /* name.variable.class */ -.vg { color: #e06c75 } /* name.variable.global */ -.vi { color: #e06c75 } /* name.variable.instance */ -.vm { color: #e06c75 } /* name.variable.magic */ -.il { color: #d19a66 } /* literal.number.integer.long */ +.md img { + max-width: 100%; +} + +.md table { + border-spacing: 0; + border-collapse: collapse; +} + +.md table th, +.md table td { + padding: 6px 13px; + border: 1px solid #3e4452; +} + +pre { + line-height: 125%; +} +td.linenos .normal { + color: inherit; + background-color: transparent; + padding-left: 5px; + padding-right: 5px; +} +span.linenos { + color: inherit; + background-color: transparent; + padding-left: 5px; + padding-right: 5px; +} +td.linenos .special { + color: #000000; + background-color: #ffffc0; + padding-left: 5px; + padding-right: 5px; +} +span.linenos.special { + color: #000000; + background-color: #ffffc0; + padding-left: 5px; + padding-right: 5px; +} + +.hll { + background-color: #ffffcc; +} +.c { + color: #7f848e; +} /* comment */ +.err { + color: #abb2bf; +} /* error */ +.esc { + color: #abb2bf; +} /* escape */ +.g { + color: #abb2bf; +} /* generic */ +.k { + color: #c678dd; +} /* keyword */ +.l { + color: #abb2bf; +} /* literal */ +.n { + color: #e06c75; +} /* name */ +.o { + color: #56b6c2; +} /* operator */ +.x { + color: #abb2bf; +} /* other */ +.p { + color: #abb2bf; +} /* punctuation */ +.ch { + color: #7f848e; +} /* comment.hashbang */ +.cm { + color: #7f848e; +} /* comment.multiline */ +.cp { + color: #7f848e; +} /* comment.preproc */ +.cpf { + color: #7f848e; +} /* comment.preprocfile */ +.c1 { + color: #7f848e; +} /* comment.single */ +.cs { + color: #7f848e; +} /* comment.special */ +.gd { + color: #abb2bf; +} /* generic.deleted */ +.ge { + color: #abb2bf; +} /* generic.emph */ +.gr { + color: #abb2bf; +} /* generic.error */ +.gh { + color: #abb2bf; +} /* generic.heading */ +.gi { + color: #abb2bf; +} /* generic.inserted */ +.go { + color: #abb2bf; +} /* generic.output */ +.gp { + color: #abb2bf; +} /* generic.prompt */ +.gs { + color: #abb2bf; +} /* generic.strong */ +.gu { + color: #abb2bf; +} /* generic.subheading */ +.gt { + color: #abb2bf; +} /* generic.traceback */ +.kc { + color: #e5c07b; +} /* keyword.constant */ +.kd { + color: #c678dd; +} /* keyword.declaration */ +.kn { + color: #c678dd; +} /* keyword.namespace */ +.kp { + color: #c678dd; +} /* keyword.pseudo */ +.kr { + color: #c678dd; +} /* keyword.reserved */ +.kt { + color: #e5c07b; +} /* keyword.type */ +.ld { + color: #abb2bf; +} /* literal.date */ +.m { + color: #d19a66; +} /* literal.number */ +.s { + color: #98c379; +} /* literal.string */ +.na { + color: #e06c75; +} /* name.attribute */ +.nb { + color: #e5c07b; +} /* name.builtin */ +.nc { + color: #e5c07b; +} /* name.class */ +.no { + color: #e06c75; +} /* name.constant */ +.nd { + color: #61afef; +} /* name.decorator */ +.ni { + color: #e06c75; +} /* name.entity */ +.ne { + color: #e06c75; +} /* name.exception */ +.nf { + color: #61afef; + font-weight: bold; +} /* name.function */ +.nl { + color: #e06c75; +} /* name.label */ +.nn { + color: #e06c75; +} /* name.namespace */ +.nx { + color: #e06c75; +} /* name.other */ +.py { + color: #e06c75; +} /* name.property */ +.nt { + color: #e06c75; +} /* name.tag */ +.nv { + color: #e06c75; +} /* name.variable */ +.ow { + color: #56b6c2; +} /* operator.word */ +.p-marker { + color: #abb2bf; +} /* punctuation.marker */ +.w { + color: #abb2bf; +} /* text.whitespace */ +.mb { + color: #d19a66; +} /* literal.number.bin */ +.mf { + color: #d19a66; +} /* literal.number.float */ +.mh { + color: #d19a66; +} /* literal.number.hex */ +.mi { + color: #d19a66; +} /* literal.number.integer */ +.mo { + color: #d19a66; +} /* literal.number.oct */ +.sa { + color: #98c379; +} /* literal.string.affix */ +.sb { + color: #98c379; +} /* literal.string.backtick */ +.sc { + color: #98c379; +} /* literal.string.char */ +.dl { + color: #98c379; +} /* literal.string.delimiter */ +.sd { + color: #98c379; +} /* literal.string.doc */ +.s2 { + color: #98c379; +} /* literal.string.double */ +.se { + color: #98c379; +} /* literal.string.escape */ +.sh { + color: #98c379; +} /* literal.string.heredoc */ +.si { + color: #98c379; +} /* literal.string.interpol */ +.sx { + color: #98c379; +} /* literal.string.other */ +.sr { + color: #98c379; +} /* literal.string.regex */ +.s1 { + color: #98c379; +} /* literal.string.single */ +.ss { + color: #98c379; +} /* literal.string.symbol */ +.bp { + color: #e5c07b; +} /* name.builtin.pseudo */ +.fm { + color: #56b6c2; + font-weight: bold; +} /* name.function.magic */ +.vc { + color: #e06c75; +} /* name.variable.class */ +.vg { + color: #e06c75; +} /* name.variable.global */ +.vi { + color: #e06c75; +} /* name.variable.instance */ +.vm { + color: #e06c75; +} /* name.variable.magic */ +.il { + color: #d19a66; +} /* literal.number.integer.long */ + +/* ascii art */ +.ascii_gallery { + display: grid; + grid-gap: 10px; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + margin-top: 1.25rem; +} + +.ascii_gallery img { + width: 100%; + display: block; + max-height: 120px; + overflow: hidden; + object-fit: cover; +} + +.ascii_gallery .ascii { + margin-top: 0px; + position: relative; + overflow: hidden; +} + +.ascii_gallery .caption { + font-size: 14px; + padding: 0.01em; + position: absolute; + bottom: 0; + width: 100%; + max-height: 100%; + background: rgba(0, 0, 0, 0.7); + color: rgb(255, 255, 255); +}