defaria.com/cvsadm/CVSAdmStyle.css

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