themes/cool/default.css

   1 /*--------------------------------------------------\
   2 | cool        |                 | 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: #60687b;
  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: #eff9f9;
 119         border: none;
 120         width: 100%;
 121         margin: 0;
 122         padding: 0;
 123 }
 124
 125 .quick_menu {
 126         background-color: #60687b;
 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: #e4ecec;
 147         color: black;
 148         border-bottom: 1px solid #cccccc;
 149         width: 100%;
 150 }
 151
 152 .bottomBar {
 153         padding-right: 1em;
 154         background: #e4ecec;
 155         color: black;
 156         border-bottom: 1px solid #cccccc;
 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: #e4ecec;
 168         color: black;
 169         border-top: 1px solid #cccccc;
 170         border-bottom: 1px solid #cccccc;
 171         width: 100%;
 172 }
 173
 174 .logoutBarRight {
 175         text-align: right;
 176 }
 177
 178 div.logoutBar {
 179         padding-right: 1em;
 180         background: #e4ecec;
 181         color: black;
 182         border-bottom: 1px solid #cccccc;
 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 #cccccc;
 201
 202 }
 203 div.tabs a {
 204         border: 1px solid #cccccc;
 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 #cccccc;
 214         border-right: 1px solid #cccccc;
 215         border-bottom: 1px solid #e4ecec;
 216         border-left: 1px solid #cccccc;
 217         font-weight: normal;
 218         background: #e4ecec;
 219         color: #436976;
 220 }
 221 div.tabs a:hover {
 222         border-top-color: #cccccc;
 223         border-right-color: #cccccc;
 224         border-bottom-color: #e4ecec;
 225         border-left-color: #cccccc;
 226         background: #e4ecec;
 227         color: #436976;
 228 }
 229
 230 .menu_group {
 231         font-size: 13px;
 232         padding: 0px;
 233         color: #455372;
 234         background-color: #e4ecec;
 235         PADDING-LEFT: 3px;
 236         font-weight: bold;
 237 }
 238
 239 .menu_group_items {
 240         background-color: #eff9f9;
 241         font-weight: normal;
 242         padding: 9px;
 243         border: 1px solid #cccccc;
 244 }
 245
 246 #hotkeyshelp {
 247         text-align: right;
 248         font-weight: bolder;
 249 }
 250
 251 #footer {
 252         position: relative;
 253         bottom: -3px;
 254 }
 255
 256 .footer {
 257         font-family: Verdana, Arial, Helvetica;
 258         color: #cccccc;
 259         font-weight: normal;
 260         font-size: 9px;
 261         text-align: center;
 262         width: 100%;
 263 }
 264
 265 .footer td a {
 266         color: #666666;
 267         font-size: 9px;
 268 }
 269
 270 .tableheader {
 271         font-weight: bold;
 272         background-color: #788da1;
 273         color: white;
 274         text-align: center;
 275 }
 276
 277 .tableheader2 {
 278         font-weight: bold;
 279         background-color: #788da1;
 280         color: white;
 281         text-align: left;
 282 }
 283
 284 .tableseparator {
 285         border-left: 1px #444466 solid;
 286 }
 287
 288 .titletext {
 289         font-weight: bold;
 290         font-size: 13px;
 291         color: #455372;
 292         border-bottom: 1px solid #cccccc;
 293         padding: 5px;
 294         width: 100%;
 295 }
 296
 297 .headingtext {
 298         font-weight: bold;
 299         font-size: 13px;
 300         color: #455372;
 301 }
 302
 303 .headingtext2 {
 304         font-size: 13px;
 305         color: #455372;
 306 }
 307
 308 .headingtext3 {
 309         font-weight: bold;
 310         font-size: 10px;
 311         color: #455372;
 312 }
 313
 314 .errortext {
 315         font-size: 13px;
 316         color: #ff0000;
 317         font-weight: bold;
 318 }
 319
 320 .inputsubmit {
 321         font-size: 11px;
 322         border: 1px solid #0066cc;
 323         padding: 1px 4px;
 324 }
 325
 326 .ajaxsubmit {
 327         font-size: 11px;
 328         border: 1px solid #0066cc;
 329         padding: 1px 4px;
 330 }
 331
 332 .oddrow {
 333         background-color: #ffffff;
 334 }
 335
 336 .evenrow {
 337         background-color: #eaedf1;
 338 }
 339
 340 .overduebg {
 341         background-color: pink;
 342 }
 343
 344 .overduefg {
 345         color: #dd7777;
 346 }
 347
 348 .currentfg {
 349         color: #ff6666;
 350 }
 351
 352 .redfg {
 353         color: red;
 354         font-weight: bold;
 355 }
 356
 357 .settledbg {
 358         background-color: #00bb00;
 359 }
 360
 361 .settledfg {
 362         color: #00bb00;
 363 }
 364
 365 .inquirybg {
 366         background-color: #fdfeef;
 367 }
 368
 369 .currencybg {
 370         background-color: #ee8888;
 371 }
 372
 373 .stockmankobg {
 374         background-color: pink;
 375 }
 376
 377 .stockmankofg {
 378         color: red;
 379 }
 380
 381 .tablestyle {
 382         border-collapse: collapse;
 383 }
 384
 385 .tablestyle2 {
 386         border-collapse: collapse;
 387 }
 388 .tablestyle_noborder {
 389         padding: 3px;
 390 }
 391
 392 .amount {
 393         font-family: Verdana, Arial, Helvetica;
 394         font-size: 11px;
 395         text-align: right;
 396 }
 397
 398 input.amount {
 399         padding-right: 0px;
 400         border-right: none;
 401 }
 402
 403 .editbutton {
 404    color:#0000FF;
 405    background-color:transparent;
 406    border-style:none;
 407    text-decoration:underline;
 408    cursor: pointer;
 409 }
 410
 411 .navibutton[disabled], .navibutton[disabled] span {
 412   color:#ddd;
 413   text-decoration: none;
 414   cursor: auto;
 415 }
 416 button.navibutton {
 417         font-family: Verdana, Arial, Helvetica;
 418         font-size: 11px;
 419         font-weight: bold;
 420    color:#fff;
 421    padding: 0 3px;
 422    background-color:transparent;
 423    border-style:none;
 424    cursor: pointer;
 425 }
 426
 427 .navibutton span {
 428         text-decoration: underline;
 429 }
 430
 431 .navibar {
 432     padding: 0 3px;
 433         color: #fff;
 434     border: 1px solid #cccccc;
 435     border-collapse: collapse;
 436     background-color: #788da1;
 437 }
 438
 439
 440 .listsubmit {
 441     display: none;
 442 }
 443
 444 ul.ajaxtabs{
 445         padding: 3px 0 0 0;
 446         margin: 3px 3px 0 3px;
 447         font: 12px Tahoma,Verdana;
 448         font-weight: bold;
 449 }
 450
 451 ul.ajaxtabs li{
 452         list-style: none;
 453         margin: 0;
 454         display: inline;
 455 }
 456
 457 ul.ajaxtabs li input{
 458     background-color: #dee7ec;
 459 /*      background-repeat: repeat-x;
 460         background-position: top; */
 461         padding: 3px 8px;
 462         margin: 0px;
 463         border-top: 1px solid #8cacbb;
 464         border-right: 1px solid #8cacbb;
 465         border-bottom: none;
 466         border-left: none;
 467         font-weight: bold;
 468 }
 469
 470 ul.ajaxtabs li input:hover{
 471         border-top: 1px solid #8cacbb;
 472         color:#FFFFFF;
 473 }
 474 div.spaceBox{
 475         background-color: #8cacbb;
 476         height:8px;
 477         border-bottom: 1px solid #8cacbb;
 478         border-left: 1px solid #8cacbb;
 479         border-right:1px solid #8cacbb;
 480         margin: 0 3px 0px 3px
 481 }
 482
 483 div.contentBox{
 484         border: 1px solid #8cacbb;
 485         margin: 0 3px 3px 3px
 486 }
 487
 488 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 489         border-left: 1px solid #8cacbb;
 490         background-color: #8cacbb;
 491         color:#FFFFFF;
 492 }
 493 #hints {
 494         font-size: 13px;
 495         padding: 5px;
 496         border-bottom: 1px solid #8cacbb;
 497         margin: -4px -2px -2px;
 498         border: 1px solid #8cacbb;
 499         background-color: #FFFFE0;
 500         white-space: nowrap;
 501 }
 502 /*
 503         Calendar style
 504 */
 505 #CCIframe {
 506         display: none;
 507         left: 0px;
 508         position: absolute;
 509         top: 0px;
 510         height: 250px;
 511         width: 270px;
 512         z-index: 99;
 513 }
 514 #CC {
 515         position:absolute;
 516         background-color:#FFF;
 517         margin:0; padding:0;
 518         display:none;
 519         z-index: 100;
 520 }
 521 #CC table {
 522         font-family: arial, verdana, helvetica, sans-serif;
 523         font-size: 8pt;
 524         border-left: 1px solid #336;
 525         border-right: 1px solid #336;
 526 }
 527 #CC th {
 528         font-weight: normal;
 529         text-align: center;
 530 }
 531 #CC th a {
 532         font-weight: normal;
 533         text-decoration: none;
 534         color: #FFF;
 535         padding: 1px;
 536 }
 537 #CC td {
 538         text-align: center;
 539 }
 540 #CC .header {
 541         background-color: #60687b;
 542 }
 543 #CC .weekday {
 544         background-color: #eee;
 545         color: #000;
 546 }
 547 #CC .weekend {
 548         background-color: #FFC;
 549         color: #000;
 550 }
 551 #CC .weekno {
 552         background-color: #e4ecec;
 553         color: #555;
 554 }
 555 #CC .current {
 556         border: 1px solid #339;
 557         background-color: #60687b;
 558         color: #FFF;
 559 }
 560 #CC .weekday, #CC .weekend, #CC .current {
 561         display: block;
 562         text-decoration: none;
 563         border: 1px solid #FFF;
 564         width: 2em;
 565 }
 566 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
 567         color: #FFF;
 568         background-color: #60687b;
 569         border: 1px solid #999;
 570 }
 571 #CC .previous {
 572         text-align: left;
 573 }
 574 #CC .next {
 575         text-align: right;
 576 }
 577 #CC .previous, #CC .next {
 578         padding: 1px 3px 1px 3px;
 579         font-size: 1.4em;
 580 }
 581 #CC .previous a, #CC .next a {
 582         color: #FFF;
 583         text-decoration: none;
 584         font-weight: bold;
 585 }
 586 #CC .title {
 587         text-align: center;
 588         font-weight: bold;
 589         color: #FFF;
 590 }
 591 #CC .empty {
 592         background-color: #ddd;
 593         border: 1px solid #FFF;
 594 }
 595
 596 div.err_msg {
 597         margin: 10px;
 598         padding: 3px;
 599         border: 1px solid #cc3300;
 600         background-color: #ffcccc;
 601         color: #dd2200;
 602         text-align: center;
 603 }
 604
 605 div.warn_msg {
 606         margin: 10px;
 607         padding: 3px;
 608         border: 1px solid #ff9900;
 609         background-color: #ffff00;
 610         color: #ff5500;
 611         text-align: center;
 612 }
 613
 614 div.note_msg {
 615         margin: 10px;
 616         padding: 3px;
 617         border: 1px solid #33cc00;
 618         background-color: #ccffcc;
 619         color: #007700;
 620         text-align: center;
 621 }
 622
 623 #title {
 624         margin-bottom: 10px;
 625         width: 100%;
 626 }