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 input.big {
  46         width: 100px;
  47 }
  48
  49 input.small {
  50         width: 50px;
  51 }
  52
  53 a {
  54         color: #0000bb;
  55         font-size: 11px;
  56         text-decoration: none;
  57 }
  58
  59 a:link {
  60         color: #0000bb;
  61         text-decoration: none;
  62 }
  63
  64 a:active {
  65         color: #000000;
  66         text-decoration: none;
  67 }
  68
  69 a:hover {
  70         color: #2d8628;
  71         text-decoration: underline;
  72 }
  73
  74
  75 .login {
  76         background-color: #ffffff;
  77         border: none;
  78 }
  79
  80 .callout_main {
  81         font-family: Verdana, Arial, Helvetica;
  82         border: none;
  83         width: 99%;
  84         margin: 0;
  85         padding: 0;
  86 }
  87
  88 .main_page {
  89         background-color: #eff9f9;
  90         border: none;
  91         width: 100%;
  92         margin: 0;
  93         padding: 0;
  94 }
  95
  96 .quick_menu {
  97         background-color: #60687b;
  98         border: 0;
  99         margin: 0;
 100         padding: 0;
 101         /*text-align: right;*/
 102 }
 103
 104 .quick_menu_selected {
 105         font-family: Verdana, Arial, Helvetica;
 106         font-size: 13px;
 107         border: none;
 108         white-space: nowrap;
 109         margin: 2px;
 110         padding: 2px;
 111         color: #00cc00;
 112         font-weight: bolder;
 113 }
 114
 115 .logoutBar {
 116         padding-right: 1em;
 117         background: #e4ecec;
 118         color: black;
 119         border-bottom: 1px solid #cccccc;
 120         width: 100%;
 121 }
 122
 123 .bottomBar {
 124         padding-right: 1em;
 125         background: #e4ecec;
 126         color: black;
 127         border-bottom: 1px solid #cccccc;
 128         width: 100%;
 129 }
 130
 131 .bottomBarCell {
 132         font-size: 10px;
 133         line-height: 12px;
 134 }
 135
 136 .bottomBar2 {
 137         padding-right: 1em;
 138         background: #e4ecec;
 139         color: black;
 140         border-top: 1px solid #cccccc;
 141         border-bottom: 1px solid #cccccc;
 142         width: 100%;
 143 }
 144
 145 .logoutBarRight {
 146         text-align: right;
 147 }
 148
 149 div.logoutBar {
 150         padding-right: 1em;
 151         background: #e4ecec;
 152         color: black;
 153         border-bottom: 1px solid #cccccc;
 154         text-align: right;
 155 }
 156 div.logoutBar a {
 157         font-weight: normal;
 158         margin-left: 1em;
 159         color: #436976;
 160         background-color: transparent;
 161 }
 162 div.logoutBar img {
 163         vertical-align: top;
 164 }
 165
 166 div.tabs {
 167         padding: 3px 0 0 0;
 168         background: none transparent scroll repeat 0% 0%;
 169         white-space: nowrap;
 170         border-collapse: collapse;
 171         border-bottom: 1px solid #cccccc;
 172
 173 }
 174 div.tabs a {
 175         border: 1px solid #cccccc;
 176         padding: 3px 10px;
 177         font-weight: normal;
 178         background: white scroll repeat 0% 0%;
 179         color: #436976;
 180         margin-right: 0.0em;
 181         height: 1.0em;
 182 }
 183 div.tabs a.selected {
 184         border-top: 1px solid #cccccc;
 185         border-right: 1px solid #cccccc;
 186         border-bottom: 1px solid #e4ecec;
 187         border-left: 1px solid #cccccc;
 188         font-weight: normal;
 189         background: #e4ecec;
 190         color: #436976;
 191 }
 192 div.tabs a:hover {
 193         border-top-color: #cccccc;
 194         border-right-color: #cccccc;
 195         border-bottom-color: #e4ecec;
 196         border-left-color: #cccccc;
 197         background: #e4ecec;
 198         color: #436976;
 199 }
 200
 201 .menu_group {
 202         font-size: 13px;
 203         padding: 0px;
 204         color: #455372;
 205         background-color: #e4ecec;
 206         PADDING-LEFT: 3px;
 207         font-weight: bold;
 208 }
 209
 210 .menu_group_items {
 211         background-color: #eff9f9;
 212         font-weight: normal;
 213         padding: 9px;
 214         border: 1px solid #cccccc;
 215 }
 216
 217 #footer {
 218         position: relative;
 219         bottom: -3px;
 220 }
 221
 222 .footer {
 223         font-family: Verdana, Arial, Helvetica;
 224         color: #cccccc;
 225         font-weight: normal;
 226         font-size: 9px;
 227 }
 228
 229 .tableheader {
 230         font-weight: bold;
 231         background-color: #788da1;
 232         color: white;
 233         text-align: center;
 234 }
 235
 236 .tableheader2 {
 237         font-weight: bold;
 238         background-color: #788da1;
 239         color: white;
 240         text-align: left;
 241 }
 242
 243 .tableseparator {
 244         border-left: 1px #444466 solid;
 245 }
 246
 247 .titletext {
 248         font-weight: bold;
 249         font-size: 13px;
 250         color: #455372;
 251         border-bottom: 1px solid #cccccc;
 252         padding: 5px;
 253 }
 254
 255 .headingtext {
 256         font-weight: bold;
 257         font-size: 13px;
 258         color: #455372;
 259 }
 260
 261 .headingtext2 {
 262         font-size: 13px;
 263         color: #455372;
 264 }
 265
 266 .headingtext3 {
 267         font-weight: bold;
 268         font-size: 10px;
 269         color: #455372;
 270 }
 271
 272 .errortext {
 273         font-size: 13px;
 274         color: #ff0000;
 275         font-weight: bold;
 276 }
 277
 278 .inputsubmit {
 279         font-size: 11px;
 280         border: 1px solid #0066cc;
 281         padding: 1px 4px;
 282 }
 283
 284 .ajaxsubmit {
 285         font-size: 11px;
 286         border: 1px solid #0066cc;
 287         padding: 1px 4px;
 288 }
 289
 290 .oddrow {
 291         background-color: #ffffff;
 292 }
 293
 294 .evenrow {
 295         background-color: #eaedf1;
 296 }
 297
 298 .overduebg {
 299         background-color: pink;
 300 }
 301
 302 .overduefg {
 303         color: #dd7777;
 304 }
 305
 306 .currentfg {
 307         color: #ff6666;
 308 }
 309
 310 .redfg {
 311         color: red;
 312         font-weight: bold;
 313 }
 314
 315 .settledbg {
 316         background-color: #00bb00;
 317 }
 318
 319 .settledfg {
 320         color: #00bb00;
 321 }
 322
 323 .inquirybg {
 324         background-color: #fdfeef;
 325 }
 326
 327 .currencybg {
 328         background-color: #ee8888;
 329 }
 330
 331 .stockmankobg {
 332         background-color: pink;
 333 }
 334
 335 .tablestyle {
 336         padding: 3px;
 337         border: 1px solid #cccccc;
 338         border-collapse: collapse;
 339 }
 340
 341 .tablestyle2 {
 342         padding: 0 3px;
 343         border: 1px solid #ccc;
 344         border-collapse: collapse;
 345 }
 346 .tablestyle_noborder {
 347         padding: 3px;
 348 }
 349
 350 .amount {
 351         font-family: Verdana, Arial, Helvetica;
 352         font-size: 11px;
 353         text-align: right;
 354 }
 355
 356 input.amount {
 357         padding-right: 0px;
 358         border-right: none;
 359 }
 360
 361 .editbutton {
 362    color:#0000FF;
 363    background-color:transparent;
 364    border-style:none;
 365    text-decoration:underline;
 366    cursor: pointer;
 367 }
 368
 369 .navibutton[disabled] {
 370   color:#808080;
 371   cursor: auto;
 372 }
 373 .navibutton {
 374    color:#0000FF;
 375    padding: 3px;
 376    background-color:transparent;
 377    border-style:none;
 378    text-decoration:underline;
 379    cursor: pointer;
 380 }
 381
 382 .navibar {
 383     padding: 3px;
 384     border: 1px solid #cccccc;
 385     border-collapse: collapse;
 386     background-color: #dee7ec;
 387 }
 388
 389
 390 .listsubmit {
 391     display: none;
 392 }
 393
 394 ul.ajaxtabs{
 395         padding: 3px 0 0 0;
 396         margin: 3px 3px 0 3px;
 397         font: 12px Tahoma,Verdana;
 398         font-weight: bold;
 399 }
 400
 401 ul.ajaxtabs li{
 402         list-style: none;
 403         margin: 0;
 404         display: inline;
 405 }
 406
 407 ul.ajaxtabs li input{
 408     background-color: #dee7ec;
 409 /*      background-repeat: repeat-x;
 410         background-position: top; */
 411         padding: 3px 8px;
 412         margin: 0px;
 413         border-top: 1px solid #8cacbb;
 414         border-right: 1px solid #8cacbb;
 415         border-bottom: none;
 416         border-left: none;
 417         font-weight: bold;
 418 }
 419
 420 ul.ajaxtabs li input:hover{
 421         border-top: 1px solid #8cacbb;
 422         color:#FFFFFF;
 423 }
 424 div.spaceBox{
 425         background-color: #8cacbb;
 426         height:8px;
 427         border-bottom: 1px solid #8cacbb;
 428         border-left: 1px solid #8cacbb;
 429         border-right:1px solid #8cacbb;
 430         margin: 0 3px 0px 3px
 431 }
 432
 433 div.contentBox{
 434         border: 1px solid #8cacbb;
 435         margin: 0 3px 3px 3px
 436 }
 437
 438 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 439         border-left: 1px solid #8cacbb;
 440         background-color: #8cacbb;
 441         color:#FFFFFF;
 442 }
 443 #hints {
 444   font-size: 13px;
 445   padding: 5px;
 446   border-bottom: 1px solid #8cacbb;
 447   margin: -4px -2px -2px;
 448   border: 1px solid #8cacbb;
 449   background-color: #FFFFE0;
 450   white-space: nowrap;
 451 }