code/static/layout.css

   1 /*
   2   Good layout ideas stolen from Debathena.
   3   Hey, we use some different fonts (in style.css.)
   4   And the background color is unmistakably different.
   5   Some other things are tweaked too.
   6 */
   7
   8 /* This file contains screen-only layout declarations that won't be
   9    used for printing. */
  10
  11 /* Make <body /> show up as a centered white box with rounded border,
  12    over the darker enclosing <html />. */
  13 html {
  14     padding: .75em;
  15     background: #09c;
  16 }
  17 body {
  18     position: relative;
  19     margin: 0 auto;
  20     padding: 1.2em;
  21     border: 1px solid black;
  22     -moz-border-radius: .4em;
  23     -webkit-border-radius: .4em;
  24     border-radius: .4em;
  25     background: #fff;
  26 }
  27
  28 /* Limit the <body /> width for readability. */
  29 body {
  30     max-width: 60em;
  31 }
  32
  33 /* Increase line heights for better screen readability. */
  34 p, li, dt, dd, address {
  35     line-height: 1.5em;
  36 }
  37 pre {
  38     line-height: 1.25em;
  39 }