www/bgb.css

   1 /* CSS test /*
   2
   3 /* Martin A. Hansen, July 2005 /*
   4 /* email: mail@maasha.dk */
   5
   6 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SUGGESTED READING <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   7 /*
   8 /*
   9 /* http://www.w3.org/TR/CSS21/
  10 /* http://www.w3.org/TR/CSS21/propidx.html
  11 /* http://www.w3schools.com/css/css_reference.asp
  12 /* http://htmldog.com/guides/cssbeginner/
  13 /* http://htmldog.com/guides/cssintermediate/
  14 /* http://htmldog.com/guides/cssadvanced/
  15 /*
  16 /*
  17 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  18
  19
  20 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> UNITS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  21 /*
  22 /*
  23 /* Unit    Description
  24 /* %   a percentage of something
  25 /* in  inch
  26 /* cm  centimeter
  27 /* mm  millimeter
  28 /* em  one em is equal to the font size of the current element
  29 /* ex  one ex is the x-height of a font, the x-height is usually about half the font-size
  30 /* pt  point (1 pt is the same as 1/72 inch)
  31 /* pc  pica (1 pc is the same as 12 points)
  32 /* px  pixels (a dot on the computer screen)
  33 /*
  34 /*
  35 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  36
  37
  38 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> COLORS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  39 /*
  40 /*
  41 /* Examples (all give the same result):
  42 /* red
  43 /* rgb(255,0,0)
  44 /* rgb(100%,0%,0%)
  45 /* #ff0000
  46 /* #f00
  47 /*
  48 /* There are 16 valid predefined colour names:
  49 /* aqua
  50 /* black
  51 /* blue
  52 /* fuchsia
  53 /* gray
  54 /* green
  55 /* lime
  56 /* maroon,
  57 /* navy
  58 /* olive
  59 /* purple
  60 /* red,
  61 /* silver
  62 /* teal
  63 /* white
  64 /* yellow
  65 /*
  66 /* transparent is also valid
  67 /*
  68 /*
  69 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  70
  71
  72 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PROPERTIES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  73 /*
  74 /*
  75 /* background-attachment
  76 /* background-color
  77 /* background-image
  78 /* background-position
  79 /* background-repeat
  80 /* background
  81 /* border-collapse
  82 /* border-color
  83 /* border-spacing
  84 /* border-style
  85 /* border-top       border-right       border-bottom       border-left
  86 /* border-top-color border-right-color border-bottom-color border-left-color
  87 /* border-top-style border-right-style border-bottom-style border-left-style
  88 /* border-top-width border-right-width border-bottom-width border-left-width
  89 /* border-width
  90 /* border
  91 /* bottom
  92 /* caption-side
  93 /* clear
  94 /* clip
  95 /* color
  96 /* content
  97 /* counter-increment
  98 /* counter-reset
  99 /* cursor
 100 /* direction
 101 /* display
 102 /* empty-cells
 103 /* float
 104 /* font-family
 105 /* font-size
 106 /* font-style
 107 /* font-variant
 108 /* font-weight
 109 /* font
 110 /* height
 111 /* left
 112 /* letter-spacing
 113 /* line-height
 114 /* list-style-image
 115 /* list-style-position
 116 /* list-style-type
 117 /* list-style
 118 /* margin-right margin-left
 119 /* margin-top margin-bottom
 120 /* margin
 121 /* max-height
 122 /* max-width
 123 /* min-height
 124 /* min-width
 125 /* orphans
 126 /* outline-color
 127 /* outline-style
 128 /* outline-width
 129 /* outline
 130 /* overflow
 131 /* padding-top padding-right padding-bottom padding-left
 132 /* padding
 133 /* page-break-after
 134 /* page-break-before
 135 /* page-break-inside
 136 /* position
 137 /* quotes
 138 /* right
 139 /* table-layout
 140 /* text-align
 141 /* text-decoration
 142 /* text-indent
 143 /* text-transform
 144 /* top
 145 /* unicode-bidi
 146 /* vertical-align
 147 /* visibility
 148 /* white-space
 149 /* widows
 150 /* width
 151 /* word-spacing
 152 /* z-index
 153 /*
 154 /*
 155 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 156
 157
 158 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> DESCRIPTORS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 159 /*
 160 /*
 161 /* Name            Values
 162 /* ----            ------
 163 /* ascent          <number>
 164 /* baseline        <number>
 165 /* bbox            <number>, <number>, <number>, <number>
 166 /* cap-height      <number>
 167 /* centerline      <number>
 168 /* definition-src  <uri>
 169 /* descent         <number>
 170 /* font-family     [ <family-name> | <generic-family> ] [, [<family-name> | <generic-family> ]]
 171 /* font-size       all | <length> [, <length>]
 172 /* font-stretch    all | [ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ] [, [ normal |
 173 /*                 ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded] ]
 174 /* font-style      all | [ normal | italic | oblique ] [, [normal | italic | oblique] ]
 175 /* font-variant    [normal | small-caps] [,[normal | small-caps]]
 176 /* font-weight     all | [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900] [, [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]]
 177 /* mathline        <number>
 178 /* panose-1        [<integer>]{10}
 179 /* slope           <number>
 180 /* src             [ <uri> [format(<string> [, <string>]*)] | <font-face-name> ] [, <uri> [format(<string> [, <string>]*)] | <font-face-name> ]
 181 /* stemh           <number>
 182 /* stemv           <number>
 183 /* topline         <number>
 184 /* unicode-range   <urange> [, <urange>]
 185 /* units-per-em    <number>
 186 /* widths          [<urange> ]? [<number> ]+ [,[<urange> ]? <number> ]+]
 187 /* x-height        <number>
 188 /*
 189 /*
 190 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 191
 192
 193
 194 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PROPERTY & VALUE EXAMPLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 195 /*
 196 /*
 197 /* color: yellow;
 198 /* background-color: blue;
 199 /* font-family: "Times New Roman", arial, helvetica, serif;
 200 /* font-size: 0.8em;
 201 /* text-decoration: none;
 202 /* font-style: italic;
 203 /* text-transform: uppercase;
 204 /* letter-spacing: 0.5em;
 205 /* word-spacing: 2em;
 206 /* line-height: 1.5em;
 207 /* text-align: center;
 208 /* margin: 1em;
 209 /* padding: 3em;
 210 /* border-style: dashed;
 211 /* border-width: 3px;
 212 /* border-left-width: 10px;
 213 /* border-right-width: 10px;
 214 /* border-color: red;
 215 /*
 216 /*
 217 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 218
 219 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BODY <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 220
 221
 222 body {
 223     background-color:   #d0e4fe;
 224 }
 225
 226
 227 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> DIV <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 228
 229
 230 div.navigate {
 231
 232 }
 233
 234 div.browse {
 235     text-align:         center;
 236 }
 237
 238
 239 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GENERIC CLASSES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 240
 241
 242 .bold {
 243     font-weight:        bold;
 244 }
 245
 246
 247 .italic {
 248     font-style:         italic;
 249 }
 250
 251
 252 .oblique {
 253     font-style:         oblique;
 254 }
 255
 256
 257 .align_right {
 258     text-align:         right;
 259 }
 260
 261
 262 .align_center {
 263     text-align:         center;
 264 }
 265
 266 .inline {
 267     display:            inline;
 268 }
 269
 270 .monospace {
 271     font-family:        courier;
 272 }
 273
 274 .error {
 275     text-align:         center;
 276     color:              red;
 277 }
 278
 279
 280 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> IMAGE <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 281
 282
 283 img {
 284     border-style:        none;
 285 }
 286
 287
 288 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> HEADINGS AND PARAGRAPH <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 289
 290
 291 h1.right {
 292     text-align:         right
 293 }
 294
 295 h1.center {
 296     text-align:         center
 297 }
 298
 299 h2.right {
 300     text-align:         right
 301 }
 302
 303 h2.center {
 304     text-align:         center
 305 }
 306
 307 h3.right {
 308     text-align:         right
 309 }
 310
 311 h3.center {
 312     text-align:         center
 313 }
 314
 315 h4.right {
 316     text-align:         right
 317 }
 318
 319 h4.center {
 320     text-align:         center
 321 }
 322
 323 h5.right {
 324     text-align:         right
 325 }
 326
 327 h5.center {
 328     text-align:         center
 329 }
 330
 331 h6.right {
 332     text-align:         right
 333 }
 334
 335 h6.center {
 336     text-align:         center
 337 }
 338
 339 p.right {
 340     text-align:         right
 341 }
 342
 343 p.center {
 344     text-align:         center
 345 }
 346
 347
 348 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */