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
 220
 221 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> DIV <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 222
 223 div.navigate {
 224
 225 }
 226
 227 div.browse {
 228     text-align:         center;
 229 }
 230
 231 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GENERIC CLASSES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 232
 233
 234 .bold {
 235     font-weight:        bold;
 236 }
 237
 238
 239 .italic {
 240     font-style:        italic;
 241 }
 242
 243
 244 .oblique {
 245     font-style:         oblique;
 246 }
 247
 248
 249 .align_right {
 250     text-align:         right;
 251 }
 252
 253
 254 .align_center {
 255     text-align:         center;
 256 }
 257
 258 .inline {
 259     display:            inline;
 260 }
 261
 262
 263 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> HEADINGS AND PARAGRAPH <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 264
 265
 266 h1.right {
 267     text-align:         right
 268 }
 269
 270 h1.center {
 271     text-align:         center
 272 }
 273
 274 h2.right {
 275     text-align:         right
 276 }
 277
 278 h2.center {
 279     text-align:         center
 280 }
 281
 282 h3.right {
 283     text-align:         right
 284 }
 285
 286 h3.center {
 287     text-align:         center
 288 }
 289
 290 h4.right {
 291     text-align:         right
 292 }
 293
 294 h4.center {
 295     text-align:         center
 296 }
 297
 298 h5.right {
 299     text-align:         right
 300 }
 301
 302 h5.center {
 303     text-align:         center
 304 }
 305
 306 h6.right {
 307     text-align:         right
 308 }
 309
 310 h6.center {
 311     text-align:         center
 312 }
 313
 314 p.right {
 315     text-align:         right
 316 }
 317
 318 p.center {
 319     text-align:         center
 320 }
 321
 322
 323 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */