logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
commit: 19c6576f85bc71837a8a7131759df8d6618317cd
parent 8aa7a6c1b6cd26a72f0255db717d6fb75c0c95c9
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Sun, 17 Feb 2019 23:55:56 +0100

css/index.css: Reorganise, change for librism*

Diffstat:

Mcss/index.css88++++++++++++++++++++++++++++++++++++++++----------------------------------------
1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/css/index.css b/css/index.css @@ -1,34 +1,24 @@ @import url('colorscheme.css'); -#bio { clear: both; } -#avatar { - float: left; - margin: 1em; - margin-right: 2em; -} -#art, header {text-align: center; } -#art img, figure img { - max-width: 95vw; - max-height: 95vh; - object-fit: scale-down; - width: auto; - height: auto; -} -.warn { - border-bottom: 1pt solid var(--dark-ansi01); -} -figure { - text-align: center; -} -html, body { +/* elements */ +a { color: var(--dark-ansi05); } +body, html { background-color: var(--dark-ansi00-hard); color: var(--dark-ansi15); margin: 0; padding: 0; font-family: sans; } -a { - color: var(--dark-ansi05); +blockquote { + border-left: 0.1em solid; + padding-left: 0.5em; +} +code { + display: inline-table; + padding: 0 0.25em; + background-color: var(--dark-ansi00); + color: var(--dark-ansi15); + font-family: monospace; } h1, h2, h3, h4, h5, h6 { font-family: serif; } pre { white-space: pre-wrap; } @@ -42,14 +32,6 @@ article, section, main { padding: 0.5rem; background-color: var(--dark-ansi00-soft); } -#art { border: none;} -code { - display: inline-table; - padding: 0 0.25em; - background-color: var(--dark-ansi00); - color: var(--dark-ansi15); - font-family: monospace; -} table { border: 0.1em solid; border-collapse: collapse; @@ -58,23 +40,44 @@ td, th { border: 0.1em solid; padding: 0.25em; } -blockquote { - border-left: 0.1em solid; - padding-left: 0.5em; +quote[lang=fr]::before, *[lang=fr] > quote::before { content: "« "; } +quote[lang=fr]::after, *[lang=fr] > quote::after { content: " »"; } +quote + cite::before { content: " — "; } + +/* classes */ +.warn { border-bottom: 1pt solid var(--dark-ansi01); } +dd.list { + display: list-item; + list-style-type: disc; } -quote[lang=fr]::before, *[lang=fr] > quote::before { - content: "« "; + +/* ids */ +#bio { clear: both; } +#avatar { + float: left; + margin: 1em; + margin-right: 2em; } -quote[lang=fr]::after, *[lang=fr] > quote::after { - content: " »"; + +/* Images/Figures */ +figure { text-align: center; } +#art { + border: none; + text-align: center; } -quote + cite::before { - content: " — "; +#art img, figure img { + max-width: 95vw; + max-height: 95vh; + object-fit: scale-down; + width: auto; + height: auto; } + nav, footer { background-color: var(--dark-ansi00); color: var(--dark-ansi07); } + /* navbar */ nav { font-size: larger; @@ -119,6 +122,7 @@ nav ul ul ul { top: 0; } nav ul.right { float: right; } + /* footer */ footer { margin-top: 1rem; @@ -126,7 +130,3 @@ footer { text-align: center; } footer a { color: inherit; } -.l-ok { color: var(--dark-ansi02); } -.l-wip { color: var(--dark-ansi03); } -.l-stalled { color: var(--dark-ansi07); } -.l-bad { color: var(--dark-ansi01); }