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