themes/default/default.css

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