www/content/css/site.css

   1 ---
   2 extension: css
   3 filter:    erb
   4 layout:    nil   # no layout
   5
   6 color:
   7   border:      "#ddd"
   8   header:      "#111"
   9   link:        "#125AA7"
  10   link-hover:  "#000"
  11   blockquote:  "#666"
  12   box-bg:      "#eee"
  13   highlight:   "#B2CCFF"
  14   quiet:       "#666"
  15   alt:         "#666"
  16 ---
  17
  18 body {
  19   font-family: Verdana, "Bitstream Vera Sans", sans-serif;
  20 }
  21
  22 /* Headings
  23  * --------------------------------------------------------------------- */
  24 h1,h2,h3,h4,h5,h6 { color: <%= @page.color['header'] %>; }
  25
  26 /* Text Elements
  27  * --------------------------------------------------------------------- */
  28 a                 { color: <%= @page.color['link'] %>; }
  29 a:hover           { color: <%= @page.color['link-hover'] %>; }
  30 blockquote        { color: <%= @page.color['blockquote'] %>; }
  31
  32 pre {
  33   background: <%= @page.color['box-bg'] %>;
  34   border:     1px solid <%= @page.color['border'] %>;
  35 }
  36
  37 hr {
  38   background: <%= @page.color['highlight'] %>;
  39   color:      <%= @page.color['highlight'] %>;
  40 }
  41
  42 /* Tables
  43  * --------------------------------------------------------------------- */
  44 table {
  45   border-top:     1px solid <%= @page.color['border'] %>;
  46   border-left:    1px solid <%= @page.color['border'] %>;
  47 }
  48 th,td {
  49   border-bottom:  1px solid <%= @page.color['border'] %>;
  50   border-right:   1px solid <%= @page.color['border'] %>;
  51 }
  52
  53 /* Default Classes
  54  * --------------------------------------------------------------------- */
  55 p.quiet { color: <%= @page.color['quiet'] %>; }
  56 .alt    { color: <%= @page.color['alt'] %>; }
  57
  58 p.title {
  59   color: #111;
  60   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  61   font-size: 2em;
  62   margin-bottom: 0.75em;
  63 }
  64
  65 #header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
  66
  67 /* EOF */