/* * std.css: * Basic CSS for www.mythic-beasts.com * * As ever, CSS is a barely working hack. Netscape's "implementation" is hardly * worthy of the name, and although IE's does work (mainly) that's not exactly * a giant surprise given that (a) Microsoft did make CSS up themselves; (b) * they've had three [mutually incompatible, I'm sure] versions to fix it in. * The Mozilla implementation seems pretty much to be up to snuff, but how can * we tell? * * Cf. http://ex-parrot.com/~chris/sucks/webstandards.html * * NB: MUST validate this with * * http://jigsaw.w3.org/css-validator/validator-uri.html * * -- I doubt that doing so will help produce a working style sheet, but it * wins us brownie points with the web standards lot. * * Copyright (c) 2000-2003 Mythic Beasts Ltd. * * $Id: std.css,v 1.3 2004/09/09 14:01:15 chris Exp $ */ /* * Horrible. Because we want to plonk the text on top of the transparent bit of * the "background" logo image, we need to specify the top and left padding * coordinates in physical pixels. This is a Bad CSS No-No, but what can I do? * It also means that the left-shifted header environments must have that * dimension specified in pixels too. (Note that we use padding here, not * margin, because that's what the standard says. Only Opera gets it right, in * fact.) */ body { color: black; background-color: white; padding-left: 130px; padding-right: 50pt; padding-top: 135px; background-image: url(http://mythic-beasts.com/mythic-beasts-logo-20030212.jpg); background-repeat: no-repeat; line-height: 110%; font-family: sans-serif; } /* * Observe that we can't just allow line-height: 105% to propagate, since that * length is computed *relative to the font size* and so would lead to * header lines overlaid on one another on typical browsers where

has a * much larger font than body text.... */ h1 { line-height: 105%; text-align: left; font-weight: bold; margin-left: -20px; } h2 { line-height: 105%; text-align: left; font-weight: bold; margin-left: -15px; } h3 { line-height: 105%; text-align: left; font-weight: bold; margin-left: -10px; } h4 { line-height: 105%; text-align: left; font-weight: bold; margin-left: -5px; } /* *

is a thin black line which extends from slightly to the left of each * paragraph to the right of the page. It's supposed to align with the * horizontal line in the logo. Naturally this doesn't work in IE, but I guess * that our "core constituency" are probably either using Mozilla, which gets * it right, or Netscape, which noone expects to get CSS right anyway. */ hr { margin-left: -25px; margin-right: -50pt; border: 0; /* Set both of these for compatibility; cf. * http://www.sovavsiti.cz/css/hr.html */ color: black; background-color: black; height: 1px; } /* is used for the headings in the email domain setup page; * should probably by . */ td.label { color: black; background-color: #eeeeee; font-weight: bold; padding: 2pt; } /*

 is used for the quotes from RFC2068 in error
 * messages. */
pre.errorquote {
    color: black;
    background-color: #eeeeee;
    padding-top: 5pt;
    padding-left: 15pt;
}

/* 
 * This is a pretty conventional style for links.
 */
a:link {
    text-decoration: none;
    font-weight: bold;
/*    background-color: white;*/
    color: #0000a0;
}

a:visited {
    text-decoration: none;
    font-weight: bold;
/*    background-color: white;*/
    color: #00007f;
}

a:hover {
    text-decoration: underline;
    font-weight: bold;
/*    background-color: white;*/
    color: #0000ff;
}

/*
td, th {
    border: 1px solid gray;
}*/