maps/css/MAPSStyle.css

   1 /************************************************************************/
   2 /* File:        MAPSStyle.css                                           */
   3 /* Description: Cascading Style Sheet definitions for MAPS              */
   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-color:  #fff;
  12   background-image:  url(/maps/images/Pattern1.gif);
  13   background-repeat: repeat-y;
  14   color:             black;
  15   font-family:       trebuchet MS, trebuchet, verdana, arial, sans-serif;
  16   font-size:         14px;
  17   margin:            0px;
  18 }
  19
  20 .heading {
  21   margin-left: 140px;
  22   margin-top:  5px;
  23   padding:     5px;
  24 }
  25
  26 #leftbar {
  27   line-height: 18px;
  28   height:      auto;
  29   left:        2px;
  30   position:    absolute;
  31   top:         5px;
  32   width:       135px;
  33 }
  34
  35 .username {
  36   color:         white;
  37   font-family:   veranda, arial;
  38   font-style:    bold;
  39   font-size:     14px;
  40   margin-left:   2px;
  41   margin-bottom: 5px;
  42   text-align:    center;
  43   width:         125px;
  44 }
  45
  46 .menu {
  47   background-color: #579;
  48   background-image: url(/maps/images/world.gif);
  49   border:           2px groove black;
  50   font-family:      verdana, geneva, arial, helvetica, sans-serif;
  51   font-size:        14px;
  52   font-weight:      bold;
  53   line-height:      150%;
  54   margin:           2px;
  55   padding:          2px;
  56   width:            122px;
  57 }
  58
  59 .intromenu {
  60   background-color: #579;
  61   border:           2px groove black;
  62   font-family:      verdana, geneva, arial, helvetica, sans-serif;
  63   font-size:        14px;
  64   font-weight:      bold;
  65   line-height:      150%;
  66   margin:           2px;
  67   padding:          2px;
  68   width:            125px;
  69 }
  70
  71 .search {
  72   background:   #4682b4;
  73   border:       2px groove black;
  74   color:        white;
  75   font-family:  veranda, arial;
  76   font:         bold;
  77   font-size:    70%;
  78   margin-left:  2px;
  79   margin-right: 5px;
  80   text-align:   center;
  81   width:        125px;
  82 }
  83
  84 .quickstats {
  85   background-color: #ffffcc;
  86   border:           2px groove #336699;
  87   color:            black;
  88   font-size:        10px;
  89   line-height:      10px;
  90   margin:           2px;
  91   width:            125px;
  92 }
  93
  94 .quickstats a:link {
  95   text-decoration: none;
  96 }
  97
  98 .quickstats a:hover {
  99   background: blue;
 100   color:      white;
 101 }
 102
 103 .toolbar a:hover {
 104   background: transparent;
 105 }
 106
 107 .content {
 108   background:  #fff;
 109   border:      0.1px solid #fff;
 110   color:       black;
 111   font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
 112   margin-left: 140px;
 113   padding:     5px;
 114   width:       auto;
 115 }
 116
 117 .copyright {
 118   border-bottom: 1px dotted #ccc;
 119   border-top:    1px dotted #ccc;
 120   color:         #999;
 121   font-family:   verdana, arial, sans-serif;
 122   font-size:     10px;
 123   margin-top:    5px;
 124   text-align:    center;
 125   width:         auto;
 126 }
 127
 128 .label {
 129   color:       #993333;
 130   font-weight: bold;
 131   font-size:   14px;
 132 }
 133
 134 .smalllabel {
 135   color:       #993333;
 136   font-weight: bold;
 137   line-height: 12px;
 138   font-size:   12px;
 139 }
 140
 141 .smallnumber {
 142   color:       black;
 143   line-height: 12px;
 144   font-size:   12px;
 145 }
 146
 147 .header {
 148   color:       #000099;
 149   line-height: 12px;
 150   font-weight: bold;
 151 }
 152
 153 .standout {
 154   color:    red;
 155 }
 156
 157 .found {
 158   color:      black;
 159   background: #ffffcc;
 160   font-style: italic;
 161 }
 162
 163 .error {
 164   color:      red;
 165   font-style: bold;
 166 }
 167
 168 .dim {
 169   color: #999999;
 170 }
 171
 172 .dimsmall {
 173   color:       #999999;
 174   font-size:   0.9em;
 175   font-family: Times;
 176 }
 177
 178 .highlite {
 179   color:       #000099;
 180   font-weight: bold;
 181 }
 182
 183 .inputfield {
 184   background:     #ece9d8;
 185   color:          Black;
 186   font-family:    Veranda, Times;
 187   font-size:      12px;
 188   padding-top:    0px;
 189   padding-bottom: 0px;
 190 }
 191
 192 #searchfield {
 193   font-size:            95%;
 194   font-weight:          normal;
 195   background:           #4693c5;
 196   border:               solid 1px #00507d;
 197   border-bottom-color:  #007de1;
 198   border-right-color:   #007de1;
 199   width:                90%
 200 }
 201
 202 #searchfield:hover {
 203   background: #c3e1ff;
 204 }
 205
 206 #searchfield:focus {
 207   background: white;
 208 }
 209
 210 .note {
 211   background:  #339999;
 212   color:       White;
 213   font-weight: bold;
 214 }
 215
 216 .notetext {
 217   color:       #333;
 218   font-size:   10px;
 219   font-weight: italic;
 220 }
 221
 222 /* Headers */
 223 h1, h2, h3, h4, h5 {
 224   color: #000099;
 225 }
 226
 227 h1 {
 228   font-size: 18pt;
 229 }
 230
 231 h2 {
 232   font-size: 14pt;
 233 }
 234
 235 h3 {
 236   font-size: 10pt;
 237 }
 238
 239 h4 {
 240   font-size: 8pt;
 241 }
 242
 243 /* Global anchor effects */
 244 a {
 245   background:      transparent;
 246   text-decoration: none;
 247 }
 248
 249 a:link {
 250   color: #0080c0;
 251 }
 252
 253 a:visited {
 254   color: #cc3300;
 255 }
 256
 257 a:hover {
 258   color:      blue;
 259   background: #ffff80;
 260 }
 261
 262 a:active {
 263   color:      #ff0000;
 264 }
 265
 266 img {
 267   border: none;
 268 }
 269
 270 /* Table colors */
 271 .tableleftend {
 272   background:                 #804000;
 273   color:                      white;
 274   font-style:                 bold;
 275   font-size:                  14;
 276   text-align:                 center;
 277   -moz-border-radius-topleft: 7px;
 278   border-top-left-radius:     7px;
 279 }
 280
 281 .tablerightend {
 282   background:                  #804000;
 283   color:                       white;
 284   font-style:                  bold;
 285   font-size:                   14;
 286   text-align:                  center;
 287   -moz-border-radius-topright: 7px;
 288   border-top-right-radius:     7px;
 289 }
 290
 291 .tablebordertopleft {
 292   background:                 #804000;
 293   color:                      white;
 294   font-style:                 bold;
 295   font-size:                  14;
 296   text-align:                 center;
 297   -moz-border-radius-topleft: 7px;
 298   border-top-left-radius:     7px;
 299 }
 300
 301 .tablebordertopright {
 302   background:                 #804000;
 303   color:                       white;
 304   font-style:                  bold;
 305   font-size:                   14;
 306   text-align:                  center;
 307   -moz-border-radius-topright: 7px;
 308   border-top-right-radius:     7px;
 309 }
 310
 311 .tableborderbottomleft {
 312   background:                    #804000;
 313   color:                         white;
 314   font-style:                    bold;
 315   font-size:                     14;
 316   text-align:                    center;
 317   -moz-border-radius-bottomleft: 7px;
 318   border-bottom-left-radius:     7px;
 319 }
 320
 321 .tableborderbottomright {
 322   background:                     #804000;
 323   color:                          white;
 324   font-style:                     bold;
 325   font-size:                      14;
 326   text-align:                     center;
 327   -moz-border-radius-bottomright: 7px;
 328   border-bottom-right-radius:     7px;
 329 }
 330
 331 .tableborder {
 332   background: #804000;
 333   color:      white;
 334   font-style: bold;
 335   font-size:  14;
 336   text-align: center;
 337 }
 338
 339 .tablebordertopleft a:hover {
 340   background: transparent;
 341 }
 342
 343 .tablebordertopright a:hover {
 344   background: transparent;
 345 }
 346
 347 .tableborderbottomleft a:hover {
 348   background: transparent;
 349 }
 350
 351 .tableborderbottomright a:hover {
 352   background: transparent;
 353 }
 354
 355 .tablelabel {
 356   background:         #ece9d8;
 357   text-align:         right;
 358   font-family:        arial, sans-serif;
 359   font-size:          10px;
 360   font-weight:        bold;
 361   -moz-border-radius: 7px;
 362   border-radius:      7px;
 363 }
 364
 365 .tableheader {
 366   background:  #804000;
 367   color:       white;
 368   text-align:  center;
 369   font-family: arial, sans-serif;
 370   font-size:   14px;
 371   font-weight: bold;
 372 }
 373
 374 .msgtable {
 375   background: #d4d0c8;
 376 }
 377
 378 .msgnbr {
 379   font-size:  8px;
 380   text-align: center;
 381 }
 382
 383 .tableleftdata {
 384   background:    #ffffee;
 385   border-left:   solid 3px #804000;
 386   border-bottom: 1px dotted #ccc;
 387   font-size:     14;
 388 }
 389 .tableleftrightdata {
 390   background:    #ece9d8;
 391   border-right:  solid 3px #804000;
 392   border-left:   solid 1px #804000;
 393   border-bottom: 1px dotted #ccc;
 394   font-size:     14;
 395 }
 396 .tablerightleftdata {
 397   background:    #ece9d8;
 398   border-right:  solid 1px #804000;
 399   border-left:   solid 3px #804000;
 400   border-bottom: 1px dotted #ccc;
 401   font-size:     14;
 402 }
 403 .tablerightdata {
 404   background:    #ffffee;
 405   border-right:  solid 3px #804000;
 406   border-left:   1px dotted #ccc;
 407   border-bottom: 1px dotted #ccc;
 408   font-size:     14;
 409 }
 410 .tablebottomleft {
 411   background:                    #ffffee;
 412   border-left:                   solid 3px #804000;
 413   border-right:                  1px dotted #ccc;
 414   border-bottom:                 solid 3px #804000;
 415   font-size:                     14;
 416   -moz-border-radius-bottomleft: 7px;
 417   border-bottom-left-radius:     7px;
 418 }
 419 .tablebottomright {
 420   background:                     #ffffee;
 421   border-right:                   solid 3px #804000;
 422   border-left:                    1px dotted #ccc;
 423   border-bottom:                  solid 3px #804000;
 424   font-size:                      14;
 425   -moz-border-radius-bottomright: 7px;
 426   border-bottom-right-radius:     7px;
 427 }
 428 .tablebottomdata {
 429   background:    #ffffee;
 430   border-left:   1px dotted #ccc;
 431   border-bottom: solid 3px #804000;
 432   font-size:     14;
 433 }
 434 .tablebottomlefttotal {
 435   background:                    #ece9d8;
 436   border-left:                   solid 3px #804000;
 437   border-bottom:                 solid 3px #804000;
 438   border-right:                  1px dotted #ccc;
 439   font-size:                     14;
 440   -moz-border-radius-bottomleft: 7px;
 441   border-bottom-left-radius:     7px;
 442 }
 443 .tablebottomrighttotal {
 444   background:                     #ece9d8;
 445   border-right:                   solid 3px #804000;
 446   border-bottom:                  solid 3px #804000;
 447   font-size:                      14;
 448   -moz-border-radius-bottomright: 7px;
 449   border-bottom-right-radius:     7px;
 450 }
 451 .tablebottomtotal {
 452   background:    #ece9d8;
 453   border-bottom: solid 3px #804000;
 454   border-top:    solid 1px #804000;
 455   border-right:  1px dotted #ccc;
 456   font-size:     14;
 457 }
 458 .tabledata {
 459   background:    #ffffee;
 460   border-left:   1px dotted #ccc;
 461   border-bottom: 1px dotted #ccc;
 462   font-size:     14;
 463 }
 464
 465 .date {
 466   background: #ffffee;
 467   font-size:  10px;
 468 }
 469
 470 .dateright {
 471   background:    #ffffee;
 472   font-size:     10px;
 473   border-right:  solid 3px #804000;
 474   border-left:   1px dotted #ccc;
 475   border-bottom: 1px dotted #ccc;
 476 }
 477
 478 /* Special anchor effects */
 479 .sender {
 480   background:  #ffffee;
 481   font-family: arial, sans-serif;
 482   font-size:   12px;
 483   font-weight: bold;
 484 }
 485
 486 .sender a:link {
 487   color: Red;
 488 }
 489
 490 .sender a:visited {
 491   color: #0054e3;
 492 }
 493
 494 .sender a:hover {
 495   color:      White;
 496   background: Red;
 497 }
 498
 499 .sender a:active {
 500   color: Yellow;
 501 }
 502
 503 .subject {
 504   background:  #ffffee;
 505   font-family: arial, sans-serif;
 506   font-size:   10px;
 507   font-weight: bold;
 508 }
 509
 510 .subject a:link {
 511   color: #0000ee;
 512 }
 513
 514 .subject a:visited {
 515   color: #cc33cc;
 516 }
 517
 518 .subject a:hover {
 519   color:      White;
 520   background: #0054e3;
 521 }
 522
 523 .subject a:active {
 524   color: #ff0000;
 525 }
 526
 527 /* Menu anchors */
 528 .menu {
 529   font-weight: bold;
 530 }
 531
 532 .menu a:link {
 533   color:           White;
 534   text-decoration: none;
 535 }
 536
 537 .menu a:visited {
 538   color: White;
 539 }
 540
 541 .menu a:hover {
 542   color:      Yellow;
 543   background: none;
 544 }
 545
 546 .menu a:active {
 547   color: Yellow;
 548 }
 549
 550 /* Intro menu anchors */
 551 .intromenu {
 552   font-weight: bold;
 553 }
 554
 555 .intromenu a:link {
 556   color: Red;
 557 }
 558
 559 .intromenu a:visited {
 560   color: white;
 561 }
 562
 563 .intromenu a:hover {
 564   color:      White;
 565   background: Red;
 566 }
 567
 568 .intromenu a:active {
 569   color: Yellow;
 570 }