/* Spencer Online, as it looked in 2001. Values taken from include/mall.css, mall-common.css and the inline styles in layout_spencer/fullheader.php. The table structure is kept because it is what the design is; the FONT tags are not. */ body { background: black; /* header.php: $background = "images/other/maybe_back.png" -- fine near-black scanlines, 100x90, tiled. back_test.jpg (the Apollo bootprint) is a leftover test file and was never the page background. */ background-image: url("/images/other/maybe_back.png"); /* in header.php -- a warm off-white, not pure white. */ color: #EBE7E7; /* No font-family and no font-size, because the original set neither: body text was whatever the browser defaulted to, which in 2001 meant roughly 16px Times New Roman. Only STRONG, CITE and TT were ever specified. Setting Arial 13px here made the whole site smaller and flatter than it ever looked. */ margin: 0; } /* mall-common.css sets link/visited/hover and so beats the BODY attributes; nothing styles :active, so the tag's alink still applies. */ a { text-decoration: none; color: #D58303; } a:visited { text-decoration: none; color: #FF9900; } a:hover { text-decoration: none; color: #FF9900; } a:active { text-decoration: none; color: #FFBB00; } a:focus-visible { outline: 1px dotted #FF9900; outline-offset: 2px; } /* header.php served mall-X11.css to anything whose UA said X11 or Linux, and mall.css to everyone else -- the same rules with the font names each platform actually had. A stack does that job now without sniffing. */ strong, .topic { font: bold 19px "Times New Roman", Times, serif; color: #CC6600; } cite { font: italic 13px "Times New Roman", Times, "Zapf Chancery", serif; color: #A0A0A0; } tt, .byline{ font: 9px Arial, Helvetica, sans-serif; color: #A0A0A0; } hr.rule { size: 1; height: 1px; border: 0; border-top: 1px solid #800000; width: 80%; margin: 2px 0 4px 0; text-align: left; } table.frame { width: 100%; border-collapse: collapse; } .col-menu { width: 133px; vertical-align: top; } .col-gap { width: 10px; } .col-main { vertical-align: top; padding: 0 8px; } .col-right { vertical-align: top; width: 160px; } .buttons img { border: 0; vertical-align: top; } .sidebar { background-image: url("/images/header/back_new.jpg"); padding-top: 8px; } .menu { padding: 0 4px; line-height: 1.9; font-size: 0.85em; } .menu a { color: #FFFFFF; } .menu a:hover { color: #FF9900; } .menu .here{ color: #BBBBBB; } .menuhead { color: orange; font-weight: bold; margin: 12px 0 4px 0; } .counter, .langswitch { color: orange; font-size: 0.8em; } .moon, .curren { text-align: center; } .red { color: #FF0000; font-size: 200%; } .green { color: #33FF33; } /* A post, as message_box() drew it: title, rule, byline, body. */ .box { margin: 0 0 18px 0; } .box .byline { display: block; margin-bottom: 4px; } .box .body { line-height: 1.45; } .missing-image { display: inline-block; padding: 2px 6px; border: 1px dashed #666; color: #A0A0A0; font-size: 0.8em; font-style: italic; } .footer { clear: both; padding: 14px 8px 24px 8px; color: #A0A0A0; font-size: 0.8em; } .footer img { vertical-align: middle; } .list { line-height: 1.7; } .list .when{ color: #A0A0A0; font-size: 0.8em; } .thread { list-style: none; padding-left: 0; } .thread ul { list-style: none; padding-left: 18px; } .sidepoll { font-size: 0.8em; color: #EBE7E7; } .sidepoll .ans { color: #D58303; } .sidepoll .votes { color: #A0A0A0; } .entry { margin-bottom: 16px; } .entry .word { font: bold 19px "Times New Roman", Times, serif; color: #CC6600; } .entry .who { color: #A0A0A0; font-size: 0.8em; } .plain { max-width: 44em; margin: 0 auto; padding: 16px; } .plain .litehead a { font: bold 19px "Times New Roman", Times, serif; } .layout-print { background: white; color: black; } .layout-print a, .layout-print a:visited { color: black; text-decoration: underline; } .layout-print .topic, .layout-print strong { color: black; } .layout-print hr.rule { border-top: 1px solid black; width: 350px; } .layout-print .footer { color: #333; } .layout-lite { background: black; background-image: none; } /* The 2001 design assumes a wide window. Below that, let the columns stack rather than force a horizontal scrollbar. */ @media (max-width: 700px) { table.frame, table.frame tbody, table.frame tr, table.frame td { display: block; width: auto; } .col-menu, .col-gap, .col-right { width: auto; } .col-gap { display: none; } .sidebar { background-repeat: repeat; } } /* Right-hand column, from fullfooter.php: the Peter imagemap, the week's poll, the link lists and the complaints toggle. */ .links { margin: 14px 0 0 0; } .links b { color: #EBE7E7; } .small { font-size: 0.85em; line-height: 1.6; } /* */ .links img { vertical-align: baseline; margin-right: 3px; } hr.rule.narrow { width: 40%; } .complaints { padding: 0 8px; } .complaints strong { font: bold 19px "Times New Roman", Times, serif; color: #CC6600; } .footer { text-align: center; } .loginbox { margin: 14px 0 0 0; } .loginbox b { color: #EBE7E7; } .loginbox .lbl { color: orange; font-size: 0.8em; } .loginbox input[type=text], .loginbox input[type=password] { width: 96px; } .tiny { font-size: 0.75em; color: #A0A0A0; } /* */ table.chess td { width: 32px; height: 32px; text-align: center; } table.chess td.light { background: #cfc7b8; } table.chess td.dark { background: #6b5f4d; } table.chess td.coord { width: 18px; height: 18px; color: #A0A0A0; font-size: 0.75em; background: none; } .threadrow { margin-bottom: 2px; } .threadrow .expand { font-size: 0.75em; color: #A0A0A0; margin-left: 0.4em; } .threadrow .expand:hover { color: #FF9900; } .inlinethread { margin: 6px 0 10px 18px; border-left: 1px solid #800000; padding-left: 10px; } .pollmsg { color: #FF9900; } .sidepoll label { cursor: pointer; } .sidepoll input[type=radio] { margin: 0 3px 0 0; vertical-align: middle; }