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 /* download */
  96
  97 #intro-download {
  98   background: #437048;
  99   position: relative;
 100   padding: 0;
 101   margin: 2em 0 1em 0
 102 }
 103
 104 #intro-download h2 {
 105   font-size: 2em;
 106   font-weight: normal;
 107   color: #FFF;
 108   line-height: 1.5em;
 109   margin: 0;
 110   padding: 0 0 0 0.5em;
 111 }
 112
 113 #download-files {
 114   background: #70A978 url('art/dl-arrow.png') no-repeat;
 115   background-position: 10px 100%;
 116 }
 117
 118 #intro-download .dl-box {
 119   margin: 0;
 120   position: relative;
 121   padding: 0.5em;
 122   padding-left: 110px;
 123 }
 124
 125 #intro-download .dl-box a {
 126   color: #000;
 127   font-size: 1.4em;
 128   position: relative;
 129   z-index: 1;
 130   text-decoration: none;
 131   border-bottom: 1px solid #437048;
 132 }
 133
 134 #intro-download .dl-box a:hover {
 135   color: #FFF;
 136 }
 137
 138 #intro-download .dl-box .file-type {
 139   color: #437048;
 140   margin-left: 1em;
 141   font-size: 1.2em;
 142 }
 143
 144 #download-others {
 145   text-align: right;
 146   padding: 0 1.5em 0 0;
 147   background: #56905c;
 148 }
 149
 150 #download-others a {
 151   color: #FFF;
 152   text-decoration: none;
 153   font-size: 1.2em;
 154 }
 155
 156 #download-others a:hover {
 157   color: #000;
 158 }
 159
 160 /* other stuff */
 161
 162 #intro {
 163   margin: 2em 5% 1em 20em;
 164 }
 165
 166 #content {
 167   clear: left;
 168 }
 169
 170 #filter {
 171   margin: 1em 0.5em;
 172 }
 173
 174 #filter fieldset, #filter legend {
 175   background: #586F9C;
 176   border: 0;
 177   color: #FFF;
 178 }
 179 #filter legend {
 180   font-weight: bold;
 181   padding: 0.4em;
 182 }
 183 #filter textarea {
 184   width: 100%;
 185 }
 186
 187 .download-button, .compare-button {
 188   border: 0;
 189   margin: 0.5em;
 190 }
 191
 192 .download-button {
 193   float: right;
 194   margin-left: 1em;
 195 }
 196 .compare-button {
 197   float: left;
 198   margin-left: 0;
 199   margin-right: 1em;
 200 }