common.css

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