ctdlphp/sitestyle.css

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