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