themes/aqua/default.css

   1 /*--------------------------------------------------\
   2 | aqua         |               | default.css        |
   3 |---------------------------------------------------|
   4 | For use with:                                     |
   5 | FrontAccounting                                                                       |
   6 | http://FrontAccounting.com/                           |
   7 | by Joe Hunt Consulting                            |
   8 |---------------------------------------------------|
   9 | Developer:                                        |
  10 | Joe Hunt                                          |
  11 |                                                   |
  12 |---------------------------------------------------|
  13 | Note:                                             |
  14 | Changes can be made to this CSS that will be      |
  15 | reflected throughout FrontAccounting.             |
  16 |                                                   |
  17 \--------------------------------------------------*/
  18
  19 body {
  20         font-family: Verdana, Arial, Helvetica;
  21         background: #518fad;
  22         font-size: 10px;
  23         margin: 5px 0 0 5px;
  24         padding: 0;
  25 }
  26
  27 #loginscreen {
  28         background: #f5f5f5;
  29 }
  30
  31 tr, td, th {
  32         font-size: 11px;
  33         line-height: 19px;
  34 }
  35
  36 table {
  37         text-align: left;
  38 }
  39
  40 textarea {
  41         font-size: 12px;
  42 }
  43
  44 input, select {
  45         font-size: 11px;
  46         padding: 1px;
  47 }
  48
  49 select {
  50     max-width: 200px;
  51 }
  52
  53 option.inactive {
  54         text-decoration: line-through;
  55         color: gray;
  56 }
  57
  58 input.big {
  59         width: 100px;
  60 }
  61
  62 input.small {
  63         width: 50px;
  64 }
  65
  66 a {
  67         color: #0000bb;
  68         font-size: 11px;
  69         text-decoration: none;
  70 }
  71
  72 a:link {
  73         color: #0000bb;
  74         text-decoration: none;
  75 }
  76
  77 a:active {
  78         color: #000000;
  79         text-decoration: none;
  80 }
  81
  82 a:hover, a:focus {
  83         color: #2d8628;
  84         text-decoration: underline;
  85 }
  86
  87 .inactive {
  88         color: gray;
  89 }
  90
  91 button {
  92         font-size: 11px;
  93         border: 1px #0066cc solid;
  94         padding: 1px 0px;
  95 }
  96
  97 button img, span {
  98         padding: 0px 2px ;
  99         vertical-align: middle;
 100 }
 101
 102 .login {
 103         width: 350px;
 104         border-left: 12px solid #367cb5;
 105         border-collapse: collapse;
 106         background-color: #eeeeee;
 107 }
 108
 109 .callout_main {
 110         font-family: Verdana, Arial, Helvetica;
 111         border: none;
 112         width: 99%;
 113         margin: 0;
 114         padding: 0;
 115 }
 116
 117 .main_page {
 118         background-color: #f9f9f9;
 119         border: none;
 120         width: 100%;
 121         margin: 0;
 122         padding: 0;
 123 }
 124
 125 .quick_menu {
 126         background-color: #518fad;
 127         border: 0;
 128         margin: 0;
 129         padding: 0;
 130         /*text-align: right;*/
 131 }
 132
 133 .quick_menu_selected{
 134         font-family: Verdana, Arial, Helvetica;
 135         font-size: 13px;
 136         border: none;
 137         white-space: nowrap;
 138         margin: 2px;
 139         padding: 2px;
 140         color: #00cc00;
 141         font-weight: bolder;
 142 }
 143
 144 .logoutBar {
 145         padding-right: 1em;
 146         background: #a7d6ce;
 147         color: black;
 148         border-bottom: 1px solid #8cacbb;
 149         width: 100%;
 150 }
 151
 152 .bottomBar {
 153         padding-right: 1em;
 154         background: #a7d6ce;
 155         color: black;
 156         border-bottom: 1px solid #8cacbb;
 157         width: 100%;
 158 }
 159
 160 .bottomBarCell {
 161         font-size: 10px;
 162         line-height: 12px;
 163 }
 164
 165 .bottomBar2 {
 166         padding-right: 1em;
 167         background: #a7d6ce;
 168         color: black;
 169         border-top: 1px solid #8cacbb;
 170         border-bottom: 1px solid #8cacbb;
 171         width: 100%;
 172 }
 173
 174 .logoutBarRight {
 175         text-align: right;
 176 }
 177
 178 div.logoutBar {
 179         padding-right: 1em;
 180         background: #a7d6ce;
 181         color: black;
 182         border-bottom: 1px solid #8cacbb;
 183         text-align: right;
 184 }
 185 div.logoutBar a {
 186         font-weight: normal;
 187         margin-left: 1em;
 188         color: #436976;
 189         background-color: transparent;
 190 }
 191 div.logoutBar img {
 192         vertical-align: top;
 193 }
 194
 195 div.tabs {
 196         padding: 3px 0 0 0;
 197         background: none transparent scroll repeat 0% 0%;
 198         white-space: nowrap;
 199         border-collapse: collapse;
 200         border-bottom: 1px solid #8cacbb;
 201
 202 }
 203 div.tabs a {
 204         border: 1px solid #8cacbb;
 205         padding: 3px 10px;
 206         font-weight: normal;
 207         background: white scroll repeat 0% 0%;
 208         color: #436976;
 209         margin-right: 0.0em;
 210         height: 1.0em;
 211 }
 212 div.tabs a.selected {
 213         border-top: 1px solid #8cacbb;
 214         border-right: 1px solid #8cacbb;
 215         border-bottom:  1px solid #a7d6ce;
 216         border-left: 1px solid #8cacbb;
 217         font-weight: normal;
 218         background: #a7d6ce;
 219         color: #436976;
 220 }
 221 div.tabs a:hover {
 222         background: #a7d6ce;
 223         color: #436976;
 224 }
 225
 226 .menu_group {
 227         font-size: 13px;
 228         padding: 0px;
 229         color: #000000;
 230         background-color: #a7d6ce;
 231         padding-left: 3px;
 232         font-weight: bold;
 233 }
 234
 235 .menu_group_items {
 236         background-color: #f9f9f9;
 237         font-weight: normal;
 238         padding: 9px;
 239         border: 1px solid #8cacbb;
 240 }
 241
 242 #hotkeyshelp {
 243         text-align: right;
 244         font-weight: bolder;
 245 }
 246
 247 #footer {
 248         position: relative;
 249         bottom: -3px;
 250 }
 251
 252 .footer {
 253         font-family: Verdana, Arial, Helvetica;
 254         color: #cccccc;
 255         font-weight: normal;
 256         font-size: 9px;
 257         text-align: center;
 258         width: 100%;
 259 }
 260
 261 .footer td a {
 262         color: #666666;
 263         font-size: 9px;
 264 }
 265
 266
 267 .tableheader {
 268         font-weight: bold;
 269         background-color: #d5cea7;
 270         color: black;
 271         text-align: center;
 272 }
 273
 274 .tableheader2 {
 275         font-weight: bold;
 276         background-color: #d5cea7;
 277         color: black;
 278         text-align: left;
 279 }
 280
 281 .tableseparator {
 282         border-left: 1px solid #444466;
 283 }
 284
 285 .titletext {
 286         font-weight: bold;
 287         font-size: 13px;
 288         border-bottom: 1px solid #8cacbb;
 289         padding: 5px;
 290         width: 100%;
 291 }
 292
 293 .headingtext {
 294         font-weight: bold;
 295         font-size: 13px;
 296         color: black;
 297 }
 298
 299 .headingtext2 {
 300         font-size: 13px;
 301         color: black;
 302 }
 303
 304 .headingtext3 {
 305         font-weight: bold;
 306         font-size: 10px;
 307         color: black;
 308 }
 309
 310 .errortext {
 311         font-size: 13px;
 312         color: #ff0000;
 313         font-weight: bold;
 314 }
 315
 316 .inputsubmit {
 317         font-size: 11px;
 318         border: 1px solid #0066cc;
 319         padding: 1px 4px;
 320 }
 321
 322 .ajaxsubmit {
 323         font-size: 11px;
 324         border: 1px #0066cc solid;
 325         padding: 1px 4px;
 326 }
 327
 328 .oddrow {
 329         background-color: #eeeeee;
 330 }
 331
 332 .evenrow {
 333         background-color: #dddddd;
 334 }
 335
 336 .overduebg {
 337         background-color: #dd7777;
 338 }
 339
 340 .overduefg {
 341         color: #dd7777;
 342 }
 343
 344 .currentfg {
 345         color: #ff6666;
 346 }
 347
 348 .redfg {
 349         color: red;
 350         font-weight: bold;
 351 }
 352
 353 .settledbg {
 354         background-color: #00bb00;
 355 }
 356
 357 .settledfg {
 358         color: #00bb00;
 359 }
 360
 361 .inquirybg {
 362         background-color: #fdfeef;
 363 }
 364
 365 .currencybg {
 366         background-color: #ee8888;
 367 }
 368
 369 .stockmankobg {
 370         background-color: pink;
 371 }
 372
 373 .stockmankofg {
 374         color: red;
 375 }
 376
 377 .tablestyle {
 378         border-collapse: collapse;
 379 }
 380
 381 .tablestyle2 {
 382         border-collapse: collapse;
 383 }
 384 .tablestyle_noborder {
 385         padding: 3px;
 386 }
 387
 388 .amount {
 389         font-family: Verdana, Arial, Helvetica;
 390         font-size: 11px;
 391         text-align: right;
 392 }
 393
 394 input.amount {
 395         padding-right: 0px;
 396         border-right: none;
 397 }
 398
 399 .editbutton {
 400    color:#0000FF;
 401    background-color:transparent;
 402    border-style:none;
 403    text-decoration:underline;
 404    cursor: pointer;
 405 }
 406
 407 .navibutton[disabled], .navibutton[disabled] span {
 408   color:#808080;
 409   cursor: inherit;
 410 }
 411
 412 button.navibutton {
 413         font-family: Verdana, Arial, Helvetica;
 414         font-size: 11px;
 415         font-weight: bold;
 416    color:#000;
 417    padding: 0 3px;
 418    background-color:transparent;
 419    border-style:none;
 420    cursor: pointer;
 421 }
 422
 423 .navibutton span {
 424         text-decoration: underline;
 425 }
 426
 427 .navibar {
 428     padding: 0 3px;
 429         color: #000;
 430         border: 1px solid #8cacbb;
 431     border-collapse: collapse;
 432     background-color: #d5cea7;
 433 }
 434
 435 .listsubmit {
 436     display: none;
 437 }
 438
 439 ul.ajaxtabs{
 440         padding: 3px 0 0 0;
 441         margin: 3px 3px 0 3px;
 442         font: 12px Tahoma,Verdana;
 443         font-weight: bold;
 444 }
 445
 446 ul.ajaxtabs li{
 447         list-style: none;
 448         margin: 0;
 449         display: inline;
 450 }
 451
 452 ul.ajaxtabs li input{
 453     background-color: #dee7ec;
 454 /*      background-repeat: repeat-x;
 455         background-position: top; */
 456         padding: 3px 8px;
 457         margin: 0px;
 458         border-top: 1px solid #8cacbb;
 459         border-right: 1px solid #8cacbb;
 460         border-bottom: none;
 461         border-left: none;
 462         font-weight: bold;
 463 }
 464
 465 ul.ajaxtabs li input:hover{
 466         border-top: 1px solid #8cacbb;
 467         color:#FFFFFF;
 468 }
 469 div.spaceBox{
 470         background-color: #8cacbb;
 471         height:8px;
 472         border-bottom: 1px solid #8cacbb;
 473         border-left: 1px solid #8cacbb;
 474         border-right:1px solid #8cacbb;
 475         margin: 0 3px 0px 3px
 476 }
 477
 478 div.contentBox{
 479         border: 1px solid #8cacbb;
 480         margin: 0 3px 3px 3px
 481 }
 482
 483 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 484         border-left: 1px solid #8cacbb;
 485         background-color: #8cacbb;
 486         color:#FFFFFF;
 487 }
 488 #hints {
 489         font-size: 13px;
 490         padding: 5px;
 491         border-bottom: 1px solid #8cacbb;
 492         margin: -4px -2px -2px;
 493         border: 1px solid #8cacbb;
 494         background-color: #FFFFE0;
 495         white-space: nowrap;
 496 }
 497 /*
 498         Calendar style
 499 */
 500 #CCIframe {
 501         display: none;
 502         left: 0px;
 503         position: absolute;
 504         top: 0px;
 505         height: 250px;
 506         width: 270px;
 507         z-index: 99;
 508 }
 509 #CC {
 510         position:absolute;
 511         background-color:#FFF;
 512         margin:0; padding:0;
 513         display:none;
 514         z-index: 100;
 515 }
 516 #CC table {
 517         font-family: arial, verdana, helvetica, sans-serif;
 518         font-size: 8pt;
 519         border-left: 1px solid #336;
 520         border-right: 1px solid #336;
 521 }
 522 #CC th {
 523         font-weight: normal;
 524         text-align: center;
 525 }
 526 #CC th a {
 527         font-weight: normal;
 528         text-decoration: none;
 529         color: #FFF;
 530         padding: 1px;
 531 }
 532 #CC td {
 533         text-align: center;
 534 }
 535 #CC .header {
 536         background-color: #518fad;
 537 }
 538 #CC .weekday {
 539         background-color: #eee;
 540         color: #000;
 541 }
 542 #CC .weekend {
 543         background-color: #FFC;
 544         color: #000;
 545 }
 546 #CC .weekno {
 547         background-color: #d5cea7;
 548         color: #555;
 549 }
 550 #CC .current {
 551         border: 1px solid #339;
 552         background-color: #518fad;
 553         color: #FFF;
 554 }
 555 #CC .weekday, #CC .weekend, #CC .current {
 556         display: block;
 557         text-decoration: none;
 558         border: 1px solid #FFF;
 559         width: 2em;
 560 }
 561 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
 562         color: #FFF;
 563         background-color: #518fad;
 564         border: 1px solid #999;
 565 }
 566 #CC .previous {
 567         text-align: left;
 568 }
 569 #CC .next {
 570         text-align: right;
 571 }
 572 #CC .previous, #CC .next {
 573         padding: 1px 3px 1px 3px;
 574         font-size: 1.4em;
 575 }
 576 #CC .previous a, #CC .next a {
 577         color: #FFF;
 578         text-decoration: none;
 579         font-weight: bold;
 580 }
 581 #CC .title {
 582         text-align: center;
 583         font-weight: bold;
 584         color: #FFF;
 585 }
 586 #CC .empty {
 587         background-color: #ddd;
 588         border: 1px solid #FFF;
 589 }
 590
 591 div.err_msg {
 592         margin: 10px;
 593         padding: 3px;
 594         border: 1px solid #cc3300;
 595         background-color: #ffcccc;
 596         color: #dd2200;
 597         text-align: center;
 598 }
 599
 600 div.warn_msg {
 601         margin: 10px;
 602         padding: 3px;
 603         border: 1px solid #ff9900;
 604         background-color: #ffff00;
 605         color: #ff5500;
 606         text-align: center;
 607 }
 608
 609 div.note_msg {
 610         margin: 10px;
 611         padding: 3px;
 612         border: 1px solid #33cc00;
 613         background-color: #ccffcc;
 614         color: #007700;
 615         text-align: center;
 616 }
 617
 618 #title {
 619         margin-bottom: 10px;
 620         width: 100%;
 621 }