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: 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: #518fad;
 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: #a7d6ce;
 132         color: black;
 133         border-bottom: 1px solid #8cacbb;
 134         width: 100%;
 135 }
 136
 137 .bottomBar {
 138         padding-right: 1em;
 139         background: #a7d6ce;
 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: #a7d6ce;
 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: #a7d6ce;
 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.0em;
 195         height: 1.0em;
 196 }
 197 div.tabs a.selected {
 198         border-top: 1px solid #8cacbb;
 199         border-right: 1px solid #8cacbb;
 200         border-bottom:  1px solid #a7d6ce;
 201         border-left: 1px solid #8cacbb;
 202         font-weight: normal;
 203         background: #a7d6ce;
 204         color: #436976;
 205 }
 206 div.tabs a:hover {
 207         background: #a7d6ce;
 208         color: #436976;
 209 }
 210
 211 .menu_group {
 212         font-size: 13px;
 213         padding: 0px;
 214         color: #000000;
 215         background-color: #a7d6ce;
 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: #d5cea7;
 242         color: black;
 243         text-align: center;
 244 }
 245
 246 .tableheader2 {
 247         font-weight: bold;
 248         background-color: #d5cea7;
 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: 8pt;
 289         border: 1px solid #0066cc;
 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: 0 3px;
 352         border: 1px solid #ccc;
 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   cursor: inherit;
 381 }
 382
 383 button.navibutton {
 384         font-family: Verdana, Arial, Helvetica;
 385         font-size: 11px;
 386         font-weight: bold;
 387    color:#000;
 388    padding: 0 3px;
 389    background-color:transparent;
 390    border-style:none;
 391    cursor: pointer;
 392 }
 393
 394 .navibutton span {
 395         text-decoration: underline;
 396 }
 397
 398 .navibar {
 399     padding: 0 3px;
 400         color: #000;
 401         border: 1px solid #8cacbb;
 402     border-collapse: collapse;
 403     background-color: #d5cea7;
 404 }
 405
 406 .listsubmit {
 407     display: none;
 408 }
 409
 410 ul.ajaxtabs{
 411         padding: 3px 0 0 0;
 412         margin: 3px 3px 0 3px;
 413         font: 12px Tahoma,Verdana;
 414         font-weight: bold;
 415 }
 416
 417 ul.ajaxtabs li{
 418         list-style: none;
 419         margin: 0;
 420         display: inline;
 421 }
 422
 423 ul.ajaxtabs li input{
 424     background-color: #dee7ec;
 425 /*      background-repeat: repeat-x;
 426         background-position: top; */
 427         padding: 3px 8px;
 428         margin: 0px;
 429         border-top: 1px solid #8cacbb;
 430         border-right: 1px solid #8cacbb;
 431         border-bottom: none;
 432         border-left: none;
 433         font-weight: bold;
 434 }
 435
 436 ul.ajaxtabs li input:hover{
 437         border-top: 1px solid #8cacbb;
 438         color:#FFFFFF;
 439 }
 440 div.spaceBox{
 441         background-color: #8cacbb;
 442         height:8px;
 443         border-bottom: 1px solid #8cacbb;
 444         border-left: 1px solid #8cacbb;
 445         border-right:1px solid #8cacbb;
 446         margin: 0 3px 0px 3px
 447 }
 448
 449 div.contentBox{
 450         border: 1px solid #8cacbb;
 451         margin: 0 3px 3px 3px
 452 }
 453
 454 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 455         border-left: 1px solid #8cacbb;
 456         background-color: #8cacbb;
 457         color:#FFFFFF;
 458 }
 459 #hints {
 460         font-size: 13px;
 461         padding: 5px;
 462         border-bottom: 1px solid #8cacbb;
 463         margin: -4px -2px -2px;
 464         border: 1px solid #8cacbb;
 465         background-color: #FFFFE0;
 466         white-space: nowrap;
 467 }
 468 /*
 469         Calendar style
 470 */
 471 #CCIframe {
 472         display: none;
 473         left: 0px;
 474         position: absolute;
 475         top: 0px;
 476         height: 250px;
 477         width: 270px;
 478         z-index: 99;
 479 }
 480 #CC {
 481         position:absolute;
 482         background-color:#FFF;
 483         margin:0; padding:0;
 484         display:none;
 485         z-index: 100;
 486 }
 487 #CC table {
 488         font-family: arial, verdana, helvetica, sans-serif;
 489         font-size: 8pt;
 490         border-left: 1px solid #336;
 491         border-right: 1px solid #336;
 492 }
 493 #CC th {
 494         font-weight: normal;
 495         text-align: center;
 496 }
 497 #CC th a {
 498         font-weight: normal;
 499         text-decoration: none;
 500         color: #FFF;
 501         padding: 1px;
 502 }
 503 #CC td {
 504         text-align: center;
 505 }
 506 #CC .header {
 507         background-color: #336;
 508 }
 509 #CC .weekday {
 510         background-color: #DDD;
 511         color: #000;
 512 }
 513 #CC .weekend {
 514         background-color: #FFC;
 515         color: #000;
 516 }
 517 #CC .weekno {
 518         background-color: #c0daf8;
 519         color: #555;
 520 }
 521 #CC .current {
 522         border: 1px solid #339;
 523         background-color: #336;
 524         color: #FFF;
 525 }
 526 #CC .weekday, #CC .weekend, #CC .current {
 527         display: block;
 528         text-decoration: none;
 529         border: 1px solid #FFF;
 530         width: 2em;
 531 }
 532 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
 533         color: #FFF;
 534         background-color: #336;
 535         border: 1px solid #999;
 536 }
 537 #CC .previous {
 538         text-align: left;
 539 }
 540 #CC .next {
 541         text-align: right;
 542 }
 543 #CC .previous, #CC .next {
 544         padding: 1px 3px 1px 3px;
 545         font-size: 1.4em;
 546 }
 547 #CC .previous a, CC .next a {
 548         color: #FFF;
 549         text-decoration: none;
 550         font-weight: bold;
 551 }
 552 #CC .title {
 553         text-align: center;
 554         font-weight: bold;
 555         color: #FFF;
 556 }
 557 #CC .empty {
 558         background-color: #CCC;
 559         border: 1px solid #FFF;
 560 }