logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
commit: 1d655a45c3abab46352a50eca21dac83f8be04c0
parent 562028f9f912b2fb62b32f49f9b7ad9a1c8b6277
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Sun, 27 Mar 2022 14:55:58 +0200

css/index.css: Make thead position-sticky

Diffstat:

Mcss/index.css14+++++++++++++-
Mtemplates/head.shtml2+-
2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css @@ -102,13 +102,25 @@ article, section, main { article, main, section { max-width: 80em; } table { - border: 0.1em solid; border-collapse: collapse; } +tbody { + border: 0.1em solid; +} +thead { + position: sticky; + top: 0; + color: var(--ansi15); + background-color: var(--ansi00); +} td, th { border: 0.1em solid; padding: 0.25em; } +thead td, thead th { + border: none; +} + quote[lang=fr]::before, *[lang=fr] > quote::before { content: "« "; } quote[lang=fr]::after, *[lang=fr] > quote::after { content: " »"; } quote + cite::before { content: " — "; } diff --git a/templates/head.shtml b/templates/head.shtml @@ -1,5 +1,5 @@ <meta charset="utf-8"/> - <link rel="stylesheet" type="text/css" href="/css/index.css?serial=2021081502"/> + <link rel="stylesheet" type="text/css" href="/css/index.css?serial=2022032701"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="vcs-git" href="https://gitlab.com/lanodan/blog.git" title="gitlab"/> <link rel="icon" type="text/css" href="/images/favicon.png?serial=2020111201"/>