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