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