docs/style.btfs

[rule sel="*"]
[prop n="box-sizing"]border-box[e]
[e]
 
[rule sel="body"]
[prop n="background"]#000000[e]
[prop n="color"]#00ff00[e]
[prop n="font"]16px/1.5 "Terminus", "Terminus (TTF)", "Liberation Mono", "DejaVu Sans Mono", Consolas, "Courier New", monospace[e]
[prop n="-webkit-font-smoothing"]none[e]
[prop n="font-smooth"]never[e]
[prop n="image-rendering"]pixelated[e]
[prop n="max-width"]82ch[e]
[prop n="margin"]0 auto[e]
[prop n="padding"]0 2ch 8ch 2ch[e]
[e]
 
[rule sel="a"]
[prop n="color"]#00ffff[e]
[e]
 
[rule sel="a:visited"]
[prop n="color"]#ff00ff[e]
[e]
 
[rule sel="a:hover"]
[prop n="color"]#ffff00[e]
[prop n="text-decoration"]underline[e]
[e]
 
[rule sel="h1"]
[prop n="color"]#00ff00[e]
[prop n="border-bottom"]2px solid #00ff00[e]
[prop n="padding-bottom"]0.2em[e]
[e]
 
[rule sel="h2, h3, h4"]
[prop n="color"]#00ffff[e]
[e]
 
[rule sel="table.topnav"]
[prop n="width"]calc(100% + 4ch)[e]
[prop n="border-collapse"]collapse[e]
[prop n="background"]#003300[e]
[prop n="border-bottom"]3px solid #00ff00[e]
[prop n="margin"]0 -2ch 2em -2ch[e]
[e]
 
[rule sel="table.topnav td"]
[prop n="padding"]0.55em 1.1em[e]
[prop n="font-size"]14px[e]
[e]
 
[rule sel="table.topnav td.logotab"]
[prop n="font-size"]20px[e]
[prop n="font-weight"]bold[e]
[e]
 
[comment]
a bare content table (the syscall table, currently) isn't table.topnav
-- it's real tabular data, not a nav bar, so it gets its own rules,
explicitly scoped off table.topnav so a plain "td" selector here can
never leak a border/padding change onto the nav bar's own cells.
[e]
[rule sel="table:not(.topnav)"]
[prop n="border-collapse"]collapse[e]
[prop n="width"]100%[e]
[prop n="margin"]1.5em 0[e]
[e]
 
[rule sel="table:not(.topnav) th, table:not(.topnav) td"]
[prop n="padding"]0.4em 0.8em[e]
[prop n="border"]1px solid #00ff00[e]
[prop n="text-align"]left[e]
[e]
 
[rule sel="table:not(.topnav) th"]
[prop n="background"]#003300[e]
[prop n="color"]#00ffff[e]
[prop n="font-weight"]bold[e]
[e]
 
[comment]
blink is inert in every modern browser (stripped years ago) -- this
opacity-flicker keyframe animation revives the actual behavior, so the
literal \[blink\] markup in content really blinks again instead of just
sitting there as plain text.
[e]
[rule sel="blink"]
[prop n="animation"]kaboom-blink 1s steps(1) infinite[e]
[e]
 
[media q="(prefers-reduced-motion: reduce)"]
[rule sel="blink"]
[prop n="animation"]none[e]
[e]
[e]
 
[comment]
spin isn't a real html tag -- btf2html passes any unrecognized tag name
through as its own literal element (verified directly against
btf2html.pl), so this is kaboom's own "spinning text" with zero
compiler changes: just an element name + this rotation keyframe.
[e]
[rule sel="spin"]
[prop n="display"]inline-block[e]
[prop n="animation"]kaboom-spin 2s linear infinite[e]
[e]
 
[rule sel=".banner"]
[prop n="display"]block[e]
[prop n="background"]#ffff00[e]
[prop n="color"]#000000[e]
[prop n="font-weight"]bold[e]
[prop n="text-align"]center[e]
[prop n="padding"]0.5em[e]
[prop n="margin"]0 -2ch 1.5em -2ch[e]
[prop n="border-top"]3px dashed #000000[e]
[prop n="border-bottom"]3px dashed #000000[e]
[e]