1---
2extension: css
3filter:    erb
4layout:    nil   # no layout
5
6color:
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
18body {
19  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
20}
21
22/* Headings
23 * --------------------------------------------------------------------- */
24h1,h2,h3,h4,h5,h6 { color: <%= @page.color['header'] %>; }
25
26/* Text Elements
27 * --------------------------------------------------------------------- */
28a                 { color: <%= @page.color['link'] %>; }
29a:hover           { color: <%= @page.color['link-hover'] %>; }
30blockquote        { color: <%= @page.color['blockquote'] %>; }
31
32pre {
33  background: <%= @page.color['box-bg'] %>;
34  border:     1px solid <%= @page.color['border'] %>;
35}
36
37hr {
38  background: <%= @page.color['highlight'] %>;
39  color:      <%= @page.color['highlight'] %>;
40}
41
42/* Tables
43 * --------------------------------------------------------------------- */
44table {
45  border-top:     1px solid <%= @page.color['border'] %>;
46  border-left:    1px solid <%= @page.color['border'] %>;
47}
48th,td {
49  border-bottom:  1px solid <%= @page.color['border'] %>;
50  border-right:   1px solid <%= @page.color['border'] %>;
51}
52
53/* Default Classes
54 * --------------------------------------------------------------------- */
55p.quiet { color: <%= @page.color['quiet'] %>; }
56.alt    { color: <%= @page.color['alt'] %>; }
57
58p.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 */
68