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