common.css

   1
   2 /* Global Attributes */
   3
   4 html { /* background goes here because of XHTML semantics */
   5   background-color: #F9F9FF;
   6   color: #000;
   7   font-family: Georgia,serif;
   8   font-size: 10.5pt;
   9   margin: 0;
  10   padding: 0;
  11 }
  12
  13 body {
  14   margin: 0;
  15   padding: 0 0 3em 0;
  16 }
  17
  18 /* Header <common-header.xml> */
  19
  20 #header {
  21   margin: 0;
  22   background: #4A6282;
  23   background-position: right 0.2em;
  24   color: #FFF;
  25   width: 100%;
  26 }
  27 #header a {
  28   margin: 0.5em 5%;
  29   color: #FFF;
  30   text-decoration: none;
  31   font-family: Georgia, serif;
  32   font-weight: normal;
  33   font-variant: small-caps;
  34   letter-spacing: 0.2em;
  35   font-size: 2em;
  36   line-height: 2em;
  37 }
  38 #header a:hover {color: #E0E2E6;}
  39
  40 /* navigation */
  41
  42 #navigation {
  43   margin: 0;
  44   padding: 0;
  45   border: solid #8AA0BC;
  46   border-width: 1px 0;
  47   background: #6480A6;
  48   width: 100%;
  49 }
  50
  51 #navigation h2 {display:none;}
  52
  53 #navigation ol {
  54   margin: 0 5%;
  55   padding: 0;
  56   display: block;
  57 }
  58
  59 #navigation li {
  60   display: inline;
  61   line-height: 1.7em;
  62   margin: 0 0.6em 0 0; /* is readjusted by index.css */
  63 }
  64
  65 #navigation li a {
  66   color: #FFF;
  67   text-decoration:none;
  68   padding: 0.3em;
  69 }
  70
  71 #navigation li a:hover {
  72   background: #BCC8D8;
  73 }
  74
  75 /* Logo */
  76 #logo {
  77   position: absolute;
  78   right: 0;
  79   top: 0;
  80   width: 80px;
  81   height: 80px;
  82   margin: 0.5em 5%;
  83   /* transparency fix */
  84   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png', sizingMethod='scale');
  85 }
  86
  87 body>#logo { /* hidden from IE6 */
  88   background: url('logo.png') no-repeat;
  89 }
  90
  91 /* Title */
  92 #title {
  93   font-weight: normal;
  94   font-size: 2em;
  95   border-bottom: 1px solid #BCC8D8;
  96   margin: 1em 20% 0;
  97   text-align: center;
  98 }
  99
 100 /* Content */
 101 #content {
 102   clear: left;
 103   margin: 2em 5%;
 104 }
 105
 106 #content h2 {
 107   font-weight: normal;
 108   font-size: 1.5em;
 109   border-bottom: 1px solid #AAA;
 110   margin-top: 2em;
 111 }
 112
 113 #content h3 {
 114
 115 }
 116
 117 p {
 118   line-height: 1.4em;
 119 }
 120
 121 #content p {
 122   margin: 0;
 123   text-indent: 2em;
 124 }
 125 #content p.lead {
 126   text-indent: 0;
 127 }
 128
 129 blockquote.digression {
 130   font: 11pt Helvetica, sans-serif;
 131   margin-left: 4em;
 132   margin-right: 4em;
 133 }
 134
 135 blockquote.fancy {
 136   background: transparent url(quote-left.png) left top no-repeat;
 137 }
 138 blockquote.fancy div.quote {
 139   background: transparent url(quote-right.png) right bottom no-repeat;
 140   padding: .5em 48px .5em;
 141 }
 142 blockquote.fancy div.origin {
 143   text-align: right;
 144 }
 145
 146 #content pre {
 147   margin-left:4em;
 148 }
 149
 150 #content pre.long {
 151   margin-left:2%;
 152   width: 100%;
 153   overflow: auto;
 154 }
 155
 156 /* acronym/abbr stuff */
 157
 158 /* acc:abbr is a hack to get styling to work in IE, see pngFix.js for details  */
 159
 160 acronym, abbr, acc\:abbr { /* basic styling */
 161   border-bottom: none;
 162   font-size: 80%;
 163 }
 164 h2 acronym, h2 abbr, h2 acc\:abbr{ /* use normal size in headings */
 165   font-size: 100%;
 166 }
 167
 168 /* aural declarations, pretty much sums up our semantics */
 169 acronym {
 170   speak: normal;
 171 }
 172 abbr, acc\:abbr {
 173   speak: spell-out;
 174 }
 175
 176
 177 #content form {
 178   margin: 1em;
 179 }
 180
 181 #content table {
 182   margin: 1em;
 183 }
 184 #content table thead th {border-bottom:1px solid #3C578C;}
 185 #content table td, table th {
 186     padding: 0 .4em;
 187 }
 188
 189 #content .wide-table {
 190   width: 100%;
 191 }
 192 #content .wide-table td, .wide-table th {
 193   white-space: nowrap;
 194 }
 195
 196 .disclaimer, .warning {
 197     background:#FBB;
 198     border:1px solid #F00;
 199     margin:1em 3em;
 200     padding:1em;
 201 }
 202
 203 .notice {
 204   background:#7084AA;
 205   border:1px solid #4D5E80;
 206   color:#FFF;
 207   margin:1em 0;
 208   padding:0.6em;
 209 }
 210
 211 .notice a {
 212   color: #FFF;
 213   font-weight:bold;
 214 }
 215
 216 .notice p {
 217   margin-bottom:0;
 218 }
 219
 220 .notice p.lead {
 221   margin-top:0;
 222 }
 223
 224 .warning h2 {
 225   color: #911;
 226   font-weight: bold;
 227   margin: 0 0 .5em 0;
 228 }
 229 .warning p {
 230   text-indent: 0;
 231 }
 232
 233 ol.notes {
 234   font-size:8pt;
 235 }
 236
 237 ul.long li {
 238   margin-top:1em;
 239 }
 240
 241 ol.long li {
 242   margin-top:1em;
 243 }
 244
 245 .clear {clear:both;}
 246
 247 /* News widgets, for RSSGenerator */
 248
 249 .news .item {
 250   border-bottom: 1px solid #BCC8D8;
 251   padding-bottom: 1em;
 252 }
 253 .news .title {
 254   margin-bottom: 0;
 255 }
 256 .news .date {
 257   font-style: italic;
 258   font-size: 10pt;
 259   margin-bottom: 1em;
 260   margin-left: 2em;
 261 }
 262 .news .body {}
 263
 264 /* Table of contents, for GenerateTableofContents */
 265
 266 #toc ul {
 267   list-style-type: none;
 268 }
 269 #toc .toc-label {
 270   float: left;
 271   padding-right: .5em;
 272   text-align: right;
 273   width: 2em;
 274 }
 275
 276 .floated#toc {float: right; width: 28%; background:#F9F9FF;
 277   padding:1em; margin: 1em 0 1em 1em; border: 1px solid #AAA;
 278   position:relative;z-index:1;}
 279 .floated#toc h2 {margin:0; font-size: 1.3em;}
 280 .floated#toc .toc-base {margin:0.9em 0 0; padding:0;} /* Both set to zero for IE and Firefox */
 281 .floated#toc li {
 282   margin-top: .5em;
 283 }
 284 .floated#toc .toc-label {
 285   width: 1.5em;
 286 }
 287
 288
 289
 290 /* download */
 291
 292 #download-box {
 293   background: #437048;
 294   position: relative;
 295   padding: 0;
 296   margin: 2em 0 1em 0
 297 }
 298
 299 #download-box h2 {
 300   font-size: 2em;
 301   font-weight: normal;
 302   color: #FFF;
 303   line-height: 1.5em;
 304   margin: 0;
 305   padding: 0 0 0 0.5em;
 306   border: 0;
 307 }
 308
 309 #download-files {
 310   background: #70A978 url('art/dl-arrow.png') no-repeat;
 311   background-position: 10px 100%;
 312 }
 313
 314 #download-box .dl-box {
 315   margin: 0;
 316   position: relative;
 317   padding: 0.5em;
 318   padding-left: 110px;
 319 }
 320
 321 #download-box .dl-box a {
 322   color: #000;
 323   font-size: 1.4em;
 324   position: relative;
 325   z-index: 1;
 326   text-decoration: none;
 327   border-bottom: 1px solid #437048;
 328 }
 329
 330 #download-box .dl-box a:hover {
 331   color: #FFF;
 332 }
 333
 334 #download-box .dl-box .file-type {
 335   color: #437048;
 336   margin-left: 1em;
 337   font-size: 1.2em;
 338 }
 339
 340 #download-others {
 341   text-align: right;
 342   padding: 0 1.5em 0 0;
 343   background: #56905c;
 344 }
 345
 346 #download-others a {
 347   color: #FFF;
 348   text-decoration: none;
 349   font-size: 1.2em;
 350 }
 351
 352 #download-others a:hover {
 353   color: #000;
 354 }
 355