/* Face/Off 1997 -- modern-Chrome compatibility layer. * * Scope rule: this file must never restyle the original site. It only styles * the small number of elements that replaced dead plug-in embeds, plus the * lightbox. Nothing here targets a bare tag selector, so quirks-mode table * and image layout is left exactly as the 1997 markup produced it. */ /* ---- Stage width ------------------------------------------------------ * * The site was authored for a browser no wider than 1024px: the menu bar is * 533px, the widest content table is 600px, and the background plates are * 800-900px. Past that, text columns run to absurd line lengths and the art * strands itself in a corner. * * Plain documents are constrained here, on the root element, so the body's * background keeps propagating to the canvas and positions against the * centred 1024px box -- the art travels with the content instead of staying * pinned to the far left of a 2560px screen. Black fills the margins, which is * already every one of these pages' BGCOLOR. * * The `fo-stage` class is set by an inline one-liner in and only on a * document that is the top-level window, so a page loaded into a frame still * fills its frame. Frameset documents cannot be constrained with CSS at all -- * Chrome's frameset layout ignores width/max-width -- so those are handled in * the markup instead, by an outer with black filler * frames. See _modern/modernize.py. * * To change the width, edit this one value. */ :root { --fo-stage-width: 1024px; } html.fo-stage { max-width: var(--fo-stage-width); margin-left: auto; margin-right: auto; } /* ---- Background art -------------------------------------------------- */ /* The 1997 body background="..." attribute maps to background-image, and the * CSS default is to tile in both directions. On a 640x480 or 800x600 screen * these plates were bigger than the viewport, so nobody ever saw them repeat. * On a modern display they wrap two or three times across and once down -- * something the art was never drawn for: every one of these images fades to * black at its right and bottom edge specifically so it would blend into the * page's BGCOLOR="#000000" (all 200 such pages are black). * * So: stop the tiling, and change nothing else. Position stays at the default * top-left and background-size stays `auto`, so the art keeps its original * anchoring and its natural 1:1 scale. Deliberately NOT `cover` -- these are * not meant to fill the viewport, they are meant to sit in the corner and fade * out. * * The two plates with a bright right edge (filmleft_bg.jpg, images_leftbg.jpg) * are frame backgrounds drawn to the exact width of their frame, so they never * repeated horizontally anyway and are unaffected. * * Scoped to [background] so this can only touch elements that actually carried * the presentational attribute. */ body[background] { background-repeat: no-repeat; } /* ---- Ruffle (Flash .swf) --------------------------------------------- */ /* The Ruffle polyfill swaps

for . Keep it * inline and baseline-aligned so it occupies the same box the Flash plug-in * did inside the original

/ flow. */ ruffle-embed, ruffle-object { display: inline-block; vertical-align: bottom; } /* ---- QuickTime -> HTML5