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-bottom: 2em;
  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   margin-top: 0 !important;
  72 }
  73
  74 #summary-safe h3 {
  75   background: #437048;
  76 }
  77
  78 #summary-clean {
  79   background: #7084AA;
  80   border-color: #5C7098;
  81 }
  82
  83 #summary-clean h3 {
  84   background: #4D5E80;
  85 }
  86
  87 #summary-open {
  88   background: #A97084;
  89   border-color: #985c70;
  90 }
  91
  92 #summary-open h3 {
  93   background: #804D5E;
  94 }
  95
  96 /* other stuff */
  97
  98 #intro {
  99   margin-left: 18em;
 100 }
 101
 102 #content {
 103   clear: left;
 104 }
 105
 106 #filter {
 107   margin: 1em 0.5em;
 108 }
 109
 110 #filter fieldset, #filter legend {
 111   background: #586F9C;
 112   border: 0;
 113   color: #FFF;
 114 }
 115 #filter legend {
 116   font-weight: bold;
 117   padding: 0.4em;
 118 }
 119 #filter textarea {
 120   width: 100%;
 121 }
 122
 123 .download-button, .compare-button {
 124   border: 0;
 125   margin: 0.5em;
 126 }
 127
 128 .download-button {
 129   float: right;
 130   margin-left: 1em;
 131 }
 132 .compare-button {
 133   float: left;
 134   margin-left: 0;
 135   margin-right: 1em;
 136 }