web/css/Plain.css

   1 /************************************************************************/
   2 /* File:        Plain.css                                               */
   3 /* Description: Cascading Style Sheet definitions for site              */
   4 /* Author:      Andrew@DeFaria.com                                      */
   5 /* Created:     Mon Nov  3 21:55:05 PST 2003                            */
   6 /* Language:    Cascading Style Sheet                                   */
   7 /*                                                                      */
   8 /* (c) Copyright 2003, Andrew@DeFaria.com, all rights reserved.         */
   9 /************************************************************************/
  10 body {
  11   background:           white;
  12   margin:               3px;
  13   padding:              2px;
  14   font-family:          trebuchet MS,
  15                         trebuchet,
  16                         verdana,
  17                         sans-serif,
  18                         arial;
  19   color:                black;
  20 }
  21
  22 .heading {
  23   margin-top:           5px;
  24   padding:              5px;
  25 }
  26
  27 h1, h2, h3, h4, h5 {
  28   color:                #005A9C;
  29 }
  30
  31 h1.centered {
  32   text-align:           center;
  33 }
  34
  35 h1 {
  36   font-size:            1.5em;
  37 }
  38
  39 h2 {
  40   font-size:            1.25em;
  41 }
  42
  43 h3 {
  44   font-size:            1em;
  45 }
  46
  47 h4 {
  48   font-size:            .75em;
  49 }
  50
  51 h5 {
  52   font-size:            .5em;
  53 }
  54
  55 a {
  56   color:                #4A7184;
  57   text-decoration:      none;
  58   font-weight:          bold;
  59   font-family:          trebuchet MS,
  60                         trebuchet,
  61                         verdana,
  62                         arial,
  63                         sans-serif;
  64   font-size:            14px;
  65   font-weight:          bold;
  66 }
  67
  68 a:link {
  69   color:                #0080c0;
  70 }
  71
  72 a:visited {
  73   color:                #4A7184;
  74 }
  75
  76 a:active {
  77   color:                #999966;
  78 }
  79
  80 a:hover {
  81   color:                blue;
  82   background:           #ffff80;
  83 }
  84
  85 /* For img's that happen to be links, don't put that silly    */
  86 /* border!                                                    */
  87 img {
  88   border:               none;
  89 }
  90
  91 font {
  92   font-family:          trebuchet MS,
  93                         trebuchet,
  94                         verdana,
  95                         arial,
  96                         sans-serif;
  97   font-weight:          normal;
  98   text-transform:       none;
  99 }
 100
 101 font.title {
 102   font-family:          trebuchet MS,
 103                         trebuchet,
 104                         verdana,
 105                         arial,
 106                         sans-serif;
 107   font-size:            11px;
 108   color:                #666;
 109   line-height:          15px;
 110 }
 111
 112 font.title-list {
 113   font-family:          trebuchet MS,
 114                         trebuchet,
 115                         verdana,
 116                         arial,
 117                         sans-serif;
 118   font-size:            11px;
 119   color:                #666;
 120   line-height:          15px;
 121 }
 122
 123 font.bold-label {
 124   font-family:          trebuchet MS,
 125                         trebuchet,
 126                         verdana,
 127                         arial,
 128                         sans-serif;
 129   font-size:             11px;
 130   color:                 #666;
 131   font-weight:           bold;
 132 }
 133
 134 font.title-no-padding {
 135   font-family:          trebuchet MS,
 136                         trebuchet,
 137                         verdana,
 138                         arial,
 139                         sans-serif;
 140   font-size:            11px;
 141   color:                #FFF;
 142 }
 143
 144 font.title-padding {
 145   font-family:          trebuchet MS,
 146                         trebuchet,
 147                         verdana,
 148                         arial,
 149                         sans-serif;
 150   font-size:            11px;
 151   color:                #FFF;
 152   line-height:          15px;
 153   padding:              5px;
 154 }
 155
 156 font.title-padding-grey {
 157   font-family:          trebuchet MS,
 158                         trebuchet,
 159                         verdana,
 160                         arial,
 161                         sans-serif;
 162   font-size:            11px;
 163   color:                #333;
 164   line-height:          15px;
 165   padding:              5px;
 166 }
 167
 168 font.pagetitle {
 169   font-family:          trebuchet MS,
 170                         trebuchet,
 171                         verdana,
 172                         arial,
 173                         sans-serif;
 174   font-size:            12px;
 175   color:                #666;
 176   line-height:          15px;
 177   font-weight:          bold;
 178 }
 179
 180 font.pagetitlelink {
 181   font-family:          trebuchet MS,
 182                         trebuchet,
 183                         verdana,
 184                         arial,
 185                         sans-serif;
 186   font-size:            12px;
 187   color:                #336699;
 188   line-height:          15px;
 189   font-weight:          bold;
 190 }
 191
 192 font.plain {
 193   font-family:          trebuchet MS,
 194                         trebuchet,
 195                         verdana,
 196                         arial,
 197                         sans-serif;
 198   font-size:            11px;
 199   color:                #666;
 200   line-height:          15px;
 201 }
 202
 203 font.instructional {
 204   font-family:          verdana,
 205                         arial,
 206                         sans-serif;
 207   font-size:            10px;
 208   color:                #666;
 209   line-height:          13px;
 210   text-align:           justify;
 211 }
 212
 213 .message {
 214   font-family:          verdana,
 215                         arial,
 216                         sans-serif;
 217   font-size:            11px;
 218   color:                #669966;
 219   line-height:          13px;
 220   font-weight:          bold;
 221   margin-bottom:        10px;
 222 }
 223
 224 .message a {
 225   font-family:          verdana,
 226                         arial,
 227                         sans-serif;
 228   font-size:            11px;
 229 }
 230
 231 .standout {
 232   font-family:          verdana,
 233                         arial,
 234                         sans-serif;
 235   font-size:            12px;
 236   color:                #993333;
 237   line-height:          13px;
 238   font-weight:          bold;
 239   margin-bottom:        10px;
 240 }
 241
 242 .error-message {
 243   font-family:          verdana,
 244                         arial,
 245                         sans-serif;
 246   font-size:            11px;
 247   color:                #993333;
 248   line-height:          13px;
 249   font-weight:          bold;
 250   margin-bottom:        10px;
 251 }
 252
 253 .error-message a {
 254   font-family:          verdana,
 255                         arial,
 256                         sans-serif;
 257   font-size:            21px;
 258 }
 259
 260 font.instructional-just {
 261   font-family:          verdana,
 262                         arial,
 263                         sans-serif;
 264   font-size:            10px;
 265   color:                #666;
 266   line-height:          13px;
 267 }
 268
 269 font.head1 {
 270   font-family:          trebuchet MS,
 271                         trebuchet,
 272                         verdana,
 273                         arial,
 274                         sans-serif;
 275   font-size:            11px;
 276   color:                #336699;
 277   line-height:          15px;
 278   font-weight:          bold;
 279 }
 280
 281 font.command {
 282   font-family:          trebuchet MS,
 283                         trebuchet,
 284                         verdana,
 285                         arial,
 286                         sans-serif;
 287   font-size:            12px;
 288   line-height:          15px;
 289   text-transform:       uppercase;
 290   font-weight:          bold;
 291 }
 292
 293 font.command-grey {
 294   font-family:          trebuchet MS,
 295                         trebuchet,
 296                         verdana,
 297                         arial,
 298                         sans-serif;
 299   font-size:            12px;
 300   line-height:          15px;
 301   color:                #666;
 302   font-weight:          bold;
 303 }
 304
 305 p {
 306   color:                black;
 307   font-family:          Times New Roman,
 308                         Arial;
 309   font-size:            12pt;
 310   line-height:          12pt;
 311 }
 312
 313 ul {
 314   color:                black;
 315   font-family:          trebuchet MS,
 316                         trebuchet,
 317                         verdana,
 318                         helvetica,
 319                         sans-serif;
 320   font-size:            14px;
 321   line-height:          16px;
 322 }
 323
 324 li {
 325   font-family:          trebuchet MS,
 326                         trebuchet,
 327                         verdana,
 328                         helvetica,
 329                         sans-serif;
 330   font-size:            14px;
 331   line-height:          16px;
 332 }
 333
 334 .box {
 335   padding:              5px;
 336   background-color:     #ffffea;
 337   color:                rgb(165, 42, 42);
 338   font-size:            8pt;
 339   margin-bottom:        5px;
 340   margin-left:          auto;
 341   margin-right:         auto;
 342   border-top:           4px solid #804000;
 343   border-left:          1px solid #804000;
 344   border-bottom:        1px solid #aca899;
 345   border-right:         1px solid #aca899;
 346   width:                75%;
 347   text-align:           center;
 348   -moz-border-radius:   7px;
 349 }
 350
 351 .padded-box {
 352   border:               1px solid #696;
 353   padding:              5px;
 354   margin-top:           50px;
 355   text-align:           center;
 356   background:           #ccc;
 357 }
 358
 359 .copyright {
 360   border-bottom:        1px dotted #ccc;
 361   border-top:           1px dotted #ccc;
 362   color:                #999;
 363   font-family:          verdana,
 364                         arial,
 365                         sans-serif;
 366   font-size:            10px;
 367   margin-top:           5px;
 368   text-align:           center;
 369   width:                auto;
 370 }
 371
 372 .copyright a {
 373   font-size:            10px;
 374 }
 375
 376 .input {
 377   font-family:          verdana,
 378                         arial,
 379                         sans-serif;
 380   font-size:            11px;
 381   font-weight:          bold;
 382   color:                #666;
 383 }
 384
 385 /* Code */
 386 .code {
 387   border:               2px solid #336699;
 388   padding:              5px;
 389   margin-top:           20px;
 390   background:           #ffffea;
 391   color:                black;
 392   font-size:            14px;
 393   font-family:          courier;
 394   -moz-border-radius:   10px;
 395 }
 396
 397 #code {
 398   color:                black;
 399   font-size:            14px;
 400   font-family:          courier;
 401   padding-left:         5px;
 402 }
 403
 404 #line-number {
 405   color:                #804000;
 406   font-family:          Arial;
 407   font-size:            14px;
 408   padding-right:        5px;
 409   border-right:         1px dotted #804000;
 410 }
 411
 412 .highlightbox {
 413   border:               solid;
 414   border-top-color:     #336699;
 415   border-top-width:     4pt;
 416   border-left-color:    #336699;
 417   border-left-width:    1pt;
 418   border-bottom-color:  #000000;
 419   border-bottom-width:  1pt;
 420   border-right-color:   #000000;
 421   border-right-width:   1pt;
 422   background-color:     #eeeeee;
 423   font-size:            8pt;
 424   padding:              5px;
 425   float:                right;
 426   text-align:           center;
 427   width:                200px;
 428   -moz-border-radius:   7px;
 429 }
 430
 431 .centered {
 432   text-align:           center;
 433   margin-left:          auto;
 434   margin-right:         auto;
 435 }
 436
 437 .floatright {
 438   float:                right;
 439 }
 440
 441 .floatcenter {
 442   text-align:           center;
 443 }
 444
 445 pre {
 446   white-space:          pre-wrap;       /* css-3 */
 447   white-space:          -moz-pre-wrap;  /* Mozilla, since 1999 */
 448   white-space:          -pre-wrap;      /* Opera 4-6 */
 449   white-space:          -o-pre-wrap;    /* Opera 7 */
 450   word-wrap:            break-word;     /* Internet Explorer 5.5+ */
 451 }
 452
 453 address {
 454   font-family:  Georgia,
 455                 Times New Roman,
 456                 Arial,
 457                 sans-serif;
 458   font-size:    12pt;
 459 }
 460 address.my {
 461   text-align:   right;
 462 }