/* =====================================================================
wc-crt.css -- "Manic Modem CRT" theme for WinServer 10 web client
---------------------------------------------------------------------
Manic Modem BBS created 2026-09-17
WHAT THIS IS
A phosphor-CRT reskin that restyles the STOCK WinServer class names.
No stock template or stylesheet is modified. This file is pulled in
by http\template\YourBizHeader.htm, which is an optional slot that
pageheader.inc already checks for (lines 171-173) -- so there is
nothing to re-merge when WinServer is updated.
WHY IT LIVES IN http\public\css\
Two reasons:
1. Browsers can only fetch assets from the /public tree before a
login completes. Everything outside /public forces auth.
2. Files pulled in with @include are run through the WCT macro
processor, and WCT delimits macros with @...@ -- which would
collide with CSS @import / @media / @keyframes. A tag
fetches this file directly, so CSS @-rules are safe here.
LOAD ORDER
pageheader.inc is included INSIDE , after the stock
tags in . So these rules land later in source order and
win at equal specificity. No !important needed except where the stock
templates use inline style="" attributes.
EDITING
Change the tokens in the :root block below; everything derives from
them. To back the theme out entirely, delete or rename
http\template\YourBizHeader.htm -- the stock look returns instantly.
===================================================================== */
:root{
--r-box: 6px; /* containers: cards, panels, dialogs */
--r-ctl: 3px; /* controls: buttons, inputs, chips, tabs, scrollbar thumbs */
--r-pill: 999px; /* status badges only */
/* ground -- neutrals carry a green bias so panels read as part of the
phosphor world rather than generic dark-mode grey */
--void: #070b09;
--panel: #0d1411;
--panel-2: #121b17;
--panel-3: #16211c;
--rule: #1c2b24;
--rule-lit: #274034;
/* phosphor -- pulled back from the classic #00ff41, which vibrates
against near-black and is unpleasant to read a message thread in */
--phosphor: #4df08a;
--phosphor-dim: #2a9d5c;
--phosphor-deep: #1b6b3d;
/* amber is the second phosphor: attention only. it is the one hue
allowed to compete with the green */
--amber: #ffb454;
--amber-dim: #a8732c;
--alert: #ff6b5e;
--gutter: 16px; /* one left/right inset for every pane, list and banner */
--text: #b9d6c6;
--text-dim: #6d8a7c;
--text-faint: #3f574c;
--glow: 0 0 6px rgba(77,240,138,.30);
--glow-amber: 0 0 6px rgba(255,180,84,.30);
/* System stacks, deliberately. WinServer sends a Content-Security-Policy
of default-src 'self', which blocks webfonts from Google Fonts or any
other external host -- the request fails silently and you get the
fallback anyway. These stacks resolve to Cascadia Mono or Consolas on
Windows and SF Mono on macOS, which are good faces and cost no request.
To use a webfont, self-host it: drop the .woff2 under
http\public\fonts\ and add an @font-face here pointing at
/public/fonts/... -- same-origin, so CSP allows it. */
--mono: ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas,
"SFMono-Regular", Menlo, "DejaVu Sans Mono", monospace;
--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* ---------------------------------------------------------------
1. base -- stock sets body/td/h1-h3 to black-on-white explicitly,
so each one has to be answered explicitly here
--------------------------------------------------------------- */
html, body{
background: var(--void);
color: var(--text);
font-family: var(--mono);
font-size: 13px;
line-height: 1.6;
margin: 0;
padding: 0;
/* wc-crt-standalone.css gives body a centred 720px card
(max-width:720px; margin:0 auto). The forced-login page --
errors\custom\NotLoggedIn.htm, what you get hitting any private URL
while logged out -- links that sheet in and then pulls in the
login form, which links THIS sheet later in . Later, equal
specificity: the margin:0 above wins, the max-width has nothing to
answer it, so a 720px column sits pinned to the left of the viewport
and the login card centres inside that instead of on screen.
Answer the max-width too. */
max-width: none;
-webkit-font-smoothing: antialiased;
}
td, th, tr, div, span, p, li, dd, dt, label{
color: var(--text);
font-family: var(--mono);
}
/* ...but never inside preformatted text.
The rule above exists to drag stock markup onto the theme font, and
`span` is in the list because stock templates wrap half their text in
one. The door score boards are preformatted ANSI: the converter emits
the board inside a
and colours it with a per attribute
run. Those spans matched the rule, so every board rendered in a
PROPORTIONAL font -- the
kept its monospace stack, but nothing
inside it did, and a fixed-column layout in a proportional font lines
up nowhere.
It looked like the doors had written sloppy bulletins. They had not:
bordelo's source puts every "$" at column 39 and the converter
reproduces all ten of them at column 39. The damage was here.
`inherit` rather than a font stack on purpose -- whatever the
is set to should win, which lets the converter keep choosing its own
stack (DOORS\*.html ships one in its