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