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 }
 109
 110 #demolinks {
 111         position:absolute;
 112         top:200px;
 113         left:20px;
 114         width:8em;
 115         padding:0.5em;
 116         background-color:#eee;
 117         border:1px dashed #999;
 118 /* Again, the ugly brilliant hack. */
 119         voice-family: "\"}\"";
 120         voice-family:inherit;
 121         width:8em;
 122         }
 123 /* Again, "be nice to Opera 5". */
 124 body>#demolinks {width:8em;}
 125
 126 /* For convenience */
 127 .centered {
 128         text-align: center;
 129         margin-left: auto;
 130         margin-right: auto;
 131         }
 132
 133 .notebox {
 134         background-color:#eee;
 135         border:1px dashed #999;
 136         margin: 15px;
 137         font-size:small;
 138         text-indent: 0;
 139 }
 140
 141 .ctdldbgRead {
 142         color:#ff0000;
 143         background-color:#eee;
 144         border:1px dashed #999;
 145         margin: 15px;
 146         font-size:small;
 147         text-indent: 0;
 148 }
 149
 150 .ctdldbgWrite {
 151         color:#0000ff;
 152         background-color:#eee;
 153         border:1px dashed #999;
 154         margin: 15px;
 155         font-size:small;
 156         text-indent: 0;
 157 }