common.css

   1
   2 /* Global Attributes */
   3 body {
   4   background-color: #F9F9FF;
   5   color: #000;
   6   font-family: Georgia,serif;
   7   font-size: 10.5pt;
   8   margin: 0 0 3em 0;
   9   padding: 0;
  10 }
  11
  12 /* Header <common-header.xml> */
  13
  14 #header {
  15   margin: 0;
  16   background: #4A6282;
  17   background-position: right 0.2em;
  18   color: #FFF;
  19   width: 100%;
  20 }
  21 #header a {
  22   margin: 0.5em 5%;
  23   color: #FFF;
  24   text-decoration: none;
  25   font-family: Georgia, serif;
  26   font-weight: normal;
  27   font-variant: small-caps;
  28   letter-spacing: 0.2em;
  29   font-size: 2em;
  30   line-height: 2em;
  31 }
  32 #header a:hover {color: #E0E2E6;}
  33
  34 /* navigation */
  35
  36 #navigation {
  37   margin: 0;
  38   padding: 0;
  39   border: solid #8AA0BC;
  40   border-width: 1px 0;
  41   background: #6480A6;
  42   width: 100%;
  43 }
  44
  45 #navigation h2 {display:none;}
  46
  47 #navigation ol {
  48   margin: 0 5%;
  49   padding: 0;
  50   display: block;
  51 }
  52
  53 #navigation li {
  54   display: inline;
  55   line-height: 1.7em;
  56   margin: 0 0.6em 0 0; /* is readjusted by index.css */
  57 }
  58
  59 #navigation li a {
  60   color: #FFF;
  61   text-decoration:none;
  62   padding: 0.3em;
  63 }
  64
  65 #navigation li a:hover {
  66   background: #BCC8D8;
  67 }
  68
  69 /* Logo */
  70 #logo {
  71   position: absolute;
  72   right: 0;
  73   top: 0;
  74   width: 80px;
  75   height: 80px;
  76   margin: 0.5em 5%;
  77   /* transparency fix */
  78   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png', sizingMethod='scale');
  79 }
  80
  81 body>#logo { /* hidden from IE6 */
  82   background: url('logo.png') no-repeat;
  83 }
  84
  85 /* Title */
  86 #title {
  87   font-weight: normal;
  88   font-size: 2em;
  89   border-bottom: 1px solid #BCC8D8;
  90   margin: 1em 20% 0;
  91   text-align: center;
  92 }
  93
  94 /* Content */
  95 #content {
  96   clear: left;
  97   margin: 2em 5%;
  98 }
  99
 100 #content h2 {
 101   font-weight: normal;
 102   font-size: 1.5em;
 103   border-bottom: 1px solid #AAA;
 104   margin-top: 2em;
 105 }
 106
 107 #content h3 {
 108
 109 }
 110
 111 p {
 112   margin: 0;
 113   text-indent: 2em;
 114   line-height: 1.4em;
 115 }
 116 p.lead {
 117   text-indent: 0;
 118 }
 119
 120 blockquote.digression {
 121   font: 11pt Helvetica, sans-serif;
 122   margin-left: 4em;
 123   margin-right: 4em;
 124 }
 125
 126 blockquote.fancy {
 127   background: transparent url(quote-left.png) left top no-repeat;
 128 }
 129 blockquote.fancy div.quote {
 130   background: transparent url(quote-right.png) right bottom no-repeat;
 131   padding: .5em 48px .5em;
 132 }
 133 blockquote.fancy div.origin {
 134   text-align: right;
 135 }
 136
 137 pre {
 138   margin-left:4em;
 139 }
 140
 141 pre.long {
 142   margin-left:2%;
 143   width: 100%;
 144   overflow: auto;
 145 }
 146
 147 /* acronym/abbr stuff */
 148
 149 /* acc:abbr is a hack to get styling to work in IE, see pngFix.js for details  */
 150
 151 acronym, abbr, acc\:abbr { /* basic styling */
 152   border-bottom: none;
 153   font-size: 80%;
 154 }
 155 h2 acronym, h2 abbr, h2 acc\:abbr{ /* use normal size in headings */
 156   font-size: 100%;
 157 }
 158
 159 /* aural declarations, pretty much sums up our semantics */
 160 acronym {
 161   speak: normal;
 162 }
 163 abbr, acc\:abbr {
 164   speak: spell-out;
 165 }
 166
 167
 168 form {
 169   margin: 1em;
 170 }
 171
 172 table {
 173   margin: 1em;
 174 }
 175 table thead th {border-bottom:1px solid #3C578C;}
 176 table td, table th {
 177     padding: 0 .4em;
 178 }
 179
 180 .wide-table {
 181   width: 100%;
 182 }
 183 .wide-table td, .wide-table th {
 184   white-space: nowrap;
 185 }
 186
 187 .disclaimer, .warning {
 188     background:#FBB;
 189     border:1px solid #F00;
 190     margin:1em 3em;
 191     padding:1em;
 192 }
 193
 194 .warning h2 {
 195   color: #911;
 196   font-weight: bold;
 197   margin: 0 0 .5em 0;
 198 }
 199 .warning p {
 200   text-indent: 0;
 201 }
 202
 203 ol.notes {
 204   font-size:8pt;
 205 }
 206
 207 /* News widgets, for RSSGenerator */
 208
 209 .news .item {
 210   border-bottom: 1px solid #BCC8D8;
 211   padding-bottom: 1em;
 212 }
 213 .news .title {
 214   margin-bottom: 0;
 215 }
 216 .news .date {
 217   font-style: italic;
 218   font-size: 10pt;
 219   margin-bottom: 1em;
 220   margin-left: 2em;
 221 }
 222 .news .body {}
 223
 224 /* Table of contents, for GenerateTableofContents */
 225
 226 #toc ul {
 227   list-style-type: none;
 228 }
 229 #toc .toc-label {
 230   float: left;
 231   padding-right: .5em;
 232   text-align: right;
 233   width: 2em;
 234 }
 235
 236 .floated#toc {float: right; width: 28%; background:#F9F9FF;
 237   padding:1em; margin: 1em 0 1em 1em; border: 1px solid #AAA;
 238   position:relative;z-index:1;}
 239 .floated#toc h2 {margin:0; font-size: 1.3em;}
 240 .floated#toc .toc-base {margin:0.9em 0 0; padding:0;} /* Both set to zero for IE and Firefox */
 241 .floated#toc li {
 242   margin-top: .5em;
 243 }
 244 .floated#toc .toc-label {
 245   width: 1.5em;
 246 }
 247