Pileus Git - ~andy/fetchmail/blob - website/sitestyle.css

   1 /* From ESR's http://www.catb.org/~esr/sitestyle.css
   2  * except: insert arial before helvetica in font lists
   3  */
   4 /* Originally cribbed from http://bluerobot.com/web/layouts/layout1.html
   5  * However, people who merge the hotlink colors are evil and should be killed,
   6  * so I removed that.  Fixing font sizes in pixels is evil, too; is much as
   7  * possible I has move all dimensions to be relative to the associated font
   8  * size. Finally, light grey is a great background color, but lousy for
   9  * foreground text on white.
  10  */
  11
  12 body {
  13         margin:0;
  14         padding:0;
  15         font-family: arial, helvetica, sans-serif;
  16         color:#333;
  17         background-color:white;
  18         }
  19 p {
  20         font-family: arial, helvetica, sans-serif;
  21         /* margin:0 0 1em 0; */
  22         padding:0;
  23         }
  24 /* #Content>p {text-indent:2em; margin:0;} */
  25 /* #Content>p+p {text-indent:2em; margin-top: 1ex;} */
  26
  27 h1 {
  28         font-size: x-large;
  29         margin-bottom: 0.25ex;
  30         }
  31 h2 {
  32         font-size: large;
  33         margin-bottom: 0.25ex;
  34         }
  35
  36 a {
  37         text-decoration:none;
  38         font-family: arial, helvetica, sans-serif;
  39         }
  40 a:hover {background-color:#ccc;}
  41
  42 #Header {
  43         font-weight:600;
  44         font-size: x-large;     /* should be same as an h1 header */
  45         margin:20px 0 10px 0;
  46         padding:0.3ex 0 1.3ex 20px;
  47         border-style:solid;
  48         border-color:black;
  49         border-width:1px 0;
  50         background-color:#eee;
  51
  52 /* Here is the ugly brilliant hack that protects IE5/Win from its own
  53 stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello
  54 for publicizing it.  IE5/Win incorrectly parses the "\"}"" value,
  55 prematurely closing the style declaration. The incorrect IE5/Win value
  56 is above, while the correct value is below. See
  57 http://glish.com/css/hacks.asp for details. */
  58
  59         voice-family: "\"}\"";
  60         voice-family:inherit;
  61         height:4px;
  62         }
  63 /* I've heard this called the "be nice to Opera 5" rule. Basically, it
  64 feeds correct length values to user agents that exhibit the parsing
  65 error exploited above yet get the CSS box model right and understand
  66 the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5"
  67 rule every time you use the Tantek Celik hack (above). */
  68 body>#Header {height:14px;}
  69
  70 #Content {
  71         /* Left margin is menu width + 3em
  72          */
  73         margin:0 50px 50px 11em;
  74         padding:10px;
  75         }
  76
  77 #Menu {
  78         position:absolute;
  79         top:80px;
  80         left:20px;
  81         width:8em;
  82         padding:0.5em;
  83         background-color:#eee;
  84         border:1px solid #999;
  85 /* Again, the ugly brilliant hack. */
  86         voice-family: "\"}\"";
  87         voice-family:inherit;
  88         width:8em;
  89         }
  90 /* Again, "be nice to Opera 5". */
  91 body>#Menu {width:8em;}
  92
  93 /* For convenience */
  94 .centered {
  95         text-align: center;
  96         margin-left: auto;
  97         margin-right: auto;
  98         }
  99
 100 .notebox {
 101         background-color:#eee;
 102         border:1px dashed #999;
 103         margin: 15px;
 104         font-size:small;
 105         text-indent: 0;
 106 }
 107
 108 /*
 109 Local Variables:
 110 compile-command: "(cd ~/WWW; upload sitestyle.css)"
 111 End:
 112 */