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