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