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 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, a:focus {
  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: #eff9f9;
 104         border: none;
 105         width: 100%;
 106         margin: 0;
 107         padding: 0;
 108 }
 109
 110 .quick_menu {
 111         background-color: #60687b;
 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: #e4ecec;
 132         color: black;
 133         border-bottom: 1px solid #cccccc;
 134         width: 100%;
 135 }
 136
 137 .bottomBar {
 138         padding-right: 1em;
 139         background: #e4ecec;
 140         color: black;
 141         border-bottom: 1px solid #cccccc;
 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: #e4ecec;
 153         color: black;
 154         border-top: 1px solid #cccccc;
 155         border-bottom: 1px solid #cccccc;
 156         width: 100%;
 157 }
 158
 159 .logoutBarRight {
 160         text-align: right;
 161 }
 162
 163 div.logoutBar {
 164         padding-right: 1em;
 165         background: #e4ecec;
 166         color: black;
 167         border-bottom: 1px solid #cccccc;
 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 #cccccc;
 186
 187 }
 188 div.tabs a {
 189         border: 1px solid #cccccc;
 190         padding: 3px 10px;
 191         font-weight: normal;
 192         background: white scroll repeat 0% 0%;
 193         color: #436976;
 194         margin-right: 0.0em;
 195         height: 1.0em;
 196 }
 197 div.tabs a.selected {
 198         border-top: 1px solid #cccccc;
 199         border-right: 1px solid #cccccc;
 200         border-bottom: 1px solid #e4ecec;
 201         border-left: 1px solid #cccccc;
 202         font-weight: normal;
 203         background: #e4ecec;
 204         color: #436976;
 205 }
 206 div.tabs a:hover {
 207         border-top-color: #cccccc;
 208         border-right-color: #cccccc;
 209         border-bottom-color: #e4ecec;
 210         border-left-color: #cccccc;
 211         background: #e4ecec;
 212         color: #436976;
 213 }
 214
 215 .menu_group {
 216         font-size: 13px;
 217         padding: 0px;
 218         color: #455372;
 219         background-color: #e4ecec;
 220         PADDING-LEFT: 3px;
 221         font-weight: bold;
 222 }
 223
 224 .menu_group_items {
 225         background-color: #eff9f9;
 226         font-weight: normal;
 227         padding: 9px;
 228         border: 1px solid #cccccc;
 229 }
 230
 231 #footer {
 232         position: relative;
 233         bottom: -3px;
 234 }
 235
 236 .footer {
 237         font-family: Verdana, Arial, Helvetica;
 238         color: #cccccc;
 239         font-weight: normal;
 240         font-size: 9px;
 241 }
 242
 243 .tableheader {
 244         font-weight: bold;
 245         background-color: #788da1;
 246         color: white;
 247         text-align: center;
 248 }
 249
 250 .tableheader2 {
 251         font-weight: bold;
 252         background-color: #788da1;
 253         color: white;
 254         text-align: left;
 255 }
 256
 257 .tableseparator {
 258         border-left: 1px #444466 solid;
 259 }
 260
 261 .titletext {
 262         font-weight: bold;
 263         font-size: 13px;
 264         color: #455372;
 265         border-bottom: 1px solid #cccccc;
 266         padding: 5px;
 267 }
 268
 269 .headingtext {
 270         font-weight: bold;
 271         font-size: 13px;
 272         color: #455372;
 273 }
 274
 275 .headingtext2 {
 276         font-size: 13px;
 277         color: #455372;
 278 }
 279
 280 .headingtext3 {
 281         font-weight: bold;
 282         font-size: 10px;
 283         color: #455372;
 284 }
 285
 286 .errortext {
 287         font-size: 13px;
 288         color: #ff0000;
 289         font-weight: bold;
 290 }
 291
 292 .inputsubmit {
 293         font-size: 11px;
 294         border: 1px solid #0066cc;
 295         padding: 1px 4px;
 296 }
 297
 298 .ajaxsubmit {
 299         font-size: 11px;
 300         border: 1px solid #0066cc;
 301         padding: 1px 4px;
 302 }
 303
 304 .oddrow {
 305         background-color: #ffffff;
 306 }
 307
 308 .evenrow {
 309         background-color: #eaedf1;
 310 }
 311
 312 .overduebg {
 313         background-color: pink;
 314 }
 315
 316 .overduefg {
 317         color: #dd7777;
 318 }
 319
 320 .currentfg {
 321         color: #ff6666;
 322 }
 323
 324 .redfg {
 325         color: red;
 326         font-weight: bold;
 327 }
 328
 329 .settledbg {
 330         background-color: #00bb00;
 331 }
 332
 333 .settledfg {
 334         color: #00bb00;
 335 }
 336
 337 .inquirybg {
 338         background-color: #fdfeef;
 339 }
 340
 341 .currencybg {
 342         background-color: #ee8888;
 343 }
 344
 345 .stockmankobg {
 346         background-color: pink;
 347 }
 348
 349 .tablestyle {
 350         padding: 3px;
 351         border: 1px solid #cccccc;
 352         border-collapse: collapse;
 353 }
 354
 355 .tablestyle2 {
 356         padding: 0 3px;
 357         border: 1px solid #ccc;
 358         border-collapse: collapse;
 359 }
 360 .tablestyle_noborder {
 361         padding: 3px;
 362 }
 363
 364 .amount {
 365         font-family: Verdana, Arial, Helvetica;
 366         font-size: 11px;
 367         text-align: right;
 368 }
 369
 370 input.amount {
 371         padding-right: 0px;
 372         border-right: none;
 373 }
 374
 375 .editbutton {
 376    color:#0000FF;
 377    background-color:transparent;
 378    border-style:none;
 379    text-decoration:underline;
 380    cursor: pointer;
 381 }
 382
 383 .navibutton[disabled], .navibutton[disabled] span {
 384   color:#ddd;
 385   text-decoration: none;
 386   cursor: auto;
 387 }
 388 button.navibutton {
 389         font-family: Verdana, Arial, Helvetica;
 390         font-size: 11px;
 391         font-weight: bold;
 392    color:#fff;
 393    padding: 0 3px;
 394    background-color:transparent;
 395    border-style:none;
 396    cursor: pointer;
 397 }
 398
 399 .navibutton span {
 400         text-decoration: underline;
 401 }
 402
 403 .navibar {
 404     padding: 0 3px;
 405         color: #fff;
 406     border: 1px solid #cccccc;
 407     border-collapse: collapse;
 408     background-color: #788da1;
 409 }
 410
 411
 412 .listsubmit {
 413     display: none;
 414 }
 415
 416 ul.ajaxtabs{
 417         padding: 3px 0 0 0;
 418         margin: 3px 3px 0 3px;
 419         font: 12px Tahoma,Verdana;
 420         font-weight: bold;
 421 }
 422
 423 ul.ajaxtabs li{
 424         list-style: none;
 425         margin: 0;
 426         display: inline;
 427 }
 428
 429 ul.ajaxtabs li input{
 430     background-color: #dee7ec;
 431 /*      background-repeat: repeat-x;
 432         background-position: top; */
 433         padding: 3px 8px;
 434         margin: 0px;
 435         border-top: 1px solid #8cacbb;
 436         border-right: 1px solid #8cacbb;
 437         border-bottom: none;
 438         border-left: none;
 439         font-weight: bold;
 440 }
 441
 442 ul.ajaxtabs li input:hover{
 443         border-top: 1px solid #8cacbb;
 444         color:#FFFFFF;
 445 }
 446 div.spaceBox{
 447         background-color: #8cacbb;
 448         height:8px;
 449         border-bottom: 1px solid #8cacbb;
 450         border-left: 1px solid #8cacbb;
 451         border-right:1px solid #8cacbb;
 452         margin: 0 3px 0px 3px
 453 }
 454
 455 div.contentBox{
 456         border: 1px solid #8cacbb;
 457         margin: 0 3px 3px 3px
 458 }
 459
 460 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 461         border-left: 1px solid #8cacbb;
 462         background-color: #8cacbb;
 463         color:#FFFFFF;
 464 }
 465 #hints {
 466         font-size: 13px;
 467         padding: 5px;
 468         border-bottom: 1px solid #8cacbb;
 469         margin: -4px -2px -2px;
 470         border: 1px solid #8cacbb;
 471         background-color: #FFFFE0;
 472         white-space: nowrap;
 473 }
 474 /*
 475         Calendar style
 476 */
 477 #CCIframe {
 478         display: none;
 479         left: 0px;
 480         position: absolute;
 481         top: 0px;
 482         height: 250px;
 483         width: 270px;
 484         z-index: 99;
 485 }
 486 #CC {
 487         position:absolute;
 488         background-color:#FFF;
 489         margin:0; padding:0;
 490         display:none;
 491         z-index: 100;
 492 }
 493 #CC table {
 494         font-family: arial, verdana, helvetica, sans-serif;
 495         font-size: 8pt;
 496         border-left: 1px solid #336;
 497         border-right: 1px solid #336;
 498 }
 499 #CC th {
 500         font-weight: normal;
 501         text-align: center;
 502 }
 503 #CC th a {
 504         font-weight: normal;
 505         text-decoration: none;
 506         color: #FFF;
 507         padding: 1px;
 508 }
 509 #CC td {
 510         text-align: center;
 511 }
 512 #CC .header {
 513         background-color: #60687b;
 514 }
 515 #CC .weekday {
 516         background-color: #eee;
 517         color: #000;
 518 }
 519 #CC .weekend {
 520         background-color: #FFC;
 521         color: #000;
 522 }
 523 #CC .weekno {
 524         background-color: #e4ecec;
 525         color: #555;
 526 }
 527 #CC .current {
 528         border: 1px solid #339;
 529         background-color: #60687b;
 530         color: #FFF;
 531 }
 532 #CC .weekday, #CC .weekend, #CC .current {
 533         display: block;
 534         text-decoration: none;
 535         border: 1px solid #FFF;
 536         width: 2em;
 537 }
 538 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
 539         color: #FFF;
 540         background-color: #60687b;
 541         border: 1px solid #999;
 542 }
 543 #CC .previous {
 544         text-align: left;
 545 }
 546 #CC .next {
 547         text-align: right;
 548 }
 549 #CC .previous, #CC .next {
 550         padding: 1px 3px 1px 3px;
 551         font-size: 1.4em;
 552 }
 553 #CC .previous a, #CC .next a {
 554         color: #FFF;
 555         text-decoration: none;
 556         font-weight: bold;
 557 }
 558 #CC .title {
 559         text-align: center;
 560         font-weight: bold;
 561         color: #FFF;
 562 }
 563 #CC .empty {
 564         background-color: #ddd;
 565         border: 1px solid #FFF;
 566 }