index.css

   1 /* Page-specific: index.html */
   2
   3 /* header / branding */
   4
   5 #branding {
   6   margin: 0;
   7   position: relative;
   8   background: #4A6282 url('art/bglogo.png') no-repeat center;
   9   color: #FFF;
  10   padding: 5em 1em;
  11   font-family: Georgia, serif;
  12   font-weight: normal;
  13   text-align: center;
  14 }
  15
  16 #branding h1 {
  17   letter-spacing: 0.2em;
  18   margin: 0 auto;
  19   font-size: 2.4em;
  20   font-weight: normal;
  21   font-variant: small-caps;
  22   border-bottom: 1px solid #B1BBC9;
  23   width: 14em;
  24 }
  25
  26 #branding blockquote {
  27   font-style: italic;
  28   margin: 0;
  29 }
  30
  31 /* center the navigation, adjust margins accordingly */
  32
  33 #navigation ol {text-align: center;}
  34 #navigation li {margin: 0 0.3em;}
  35 #navigation-download {font-weight: bold;}
  36
  37 /* summary blocks */
  38
  39 #summary {
  40   float: left;
  41   width: 16.5em;
  42   margin: 1em 1.5em;
  43 }
  44
  45 #summary h2 {
  46   display: none;
  47 }
  48
  49 #summary div {
  50   color: #FFF;
  51   border-style: solid;
  52   border-width: 0 0 1em;
  53   margin: 1em 0;
  54 }
  55
  56 #summary div h3 {
  57   font-size: 2em;
  58   padding: 0.1em 0.4em;
  59   margin: 0 0;
  60   font-weight: normal;
  61 }
  62
  63 #summary div p {
  64   font-size: 1.4em;
  65   margin: 0.5em;
  66 }
  67
  68 #summary-safe {
  69   background: #70A978;
  70   border-color: #56905C;
  71 }
  72
  73 #summary-safe h3 {
  74   background: #437048;
  75 }
  76
  77 #summary-clean {
  78   background: #7084AA;
  79   border-color: #5C7098;
  80 }
  81
  82 #summary-clean h3 {
  83   background: #4D5E80;
  84 }
  85
  86 #summary-open {
  87   background: #A97084;
  88   border-color: #985c70;
  89 }
  90
  91 #summary-open h3 {
  92   background: #804D5E;
  93 }
  94
  95 /* other stuff */
  96
  97 #intro {
  98   margin: 2em 5% 1em 20em;
  99 }
 100
 101 #content {
 102   clear: left;
 103 }
 104
 105 #filter {
 106   margin: 1em 0.5em;
 107 }
 108
 109 #filter fieldset, #filter legend {
 110   background: #586F9C;
 111   border: 0;
 112   color: #FFF;
 113 }
 114 #filter legend {
 115   font-weight: bold;
 116   padding: 0.4em;
 117 }
 118 #filter textarea {
 119   width: 100%;
 120 }
 121
 122 .download-button, .compare-button {
 123   border: 0;
 124   margin: 0.5em;
 125 }
 126
 127 .download-button {
 128   float: right;
 129   margin-left: 1em;
 130 }
 131 .compare-button {
 132   float: left;
 133   margin-left: 0;
 134   margin-right: 1em;
 135 }