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 {
  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] {
 384   color:#808080;
 385   cursor: auto;
 386 }
 387 button.navibutton {
 388         font-family: Verdana, Arial, Helvetica;
 389         font-size: 11px;
 390         font-weight: bold;
 391    color:#fff;
 392    padding: 0 3px;
 393    background-color:transparent;
 394    border-style:none;
 395    /*text-decoration:underline;*/
 396    cursor: pointer;
 397 }
 398
 399 .navibar {
 400         color: #fff;
 401     padding: 0 3px;
 402     border: 1px solid #cccccc;
 403     border-collapse: collapse;
 404     background-color: #788da1;
 405 }
 406
 407
 408 .listsubmit {
 409     display: none;
 410 }
 411
 412 ul.ajaxtabs{
 413         padding: 3px 0 0 0;
 414         margin: 3px 3px 0 3px;
 415         font: 12px Tahoma,Verdana;
 416         font-weight: bold;
 417 }
 418
 419 ul.ajaxtabs li{
 420         list-style: none;
 421         margin: 0;
 422         display: inline;
 423 }
 424
 425 ul.ajaxtabs li input{
 426     background-color: #dee7ec;
 427 /*      background-repeat: repeat-x;
 428         background-position: top; */
 429         padding: 3px 8px;
 430         margin: 0px;
 431         border-top: 1px solid #8cacbb;
 432         border-right: 1px solid #8cacbb;
 433         border-bottom: none;
 434         border-left: none;
 435         font-weight: bold;
 436 }
 437
 438 ul.ajaxtabs li input:hover{
 439         border-top: 1px solid #8cacbb;
 440         color:#FFFFFF;
 441 }
 442 div.spaceBox{
 443         background-color: #8cacbb;
 444         height:8px;
 445         border-bottom: 1px solid #8cacbb;
 446         border-left: 1px solid #8cacbb;
 447         border-right:1px solid #8cacbb;
 448         margin: 0 3px 0px 3px
 449 }
 450
 451 div.contentBox{
 452         border: 1px solid #8cacbb;
 453         margin: 0 3px 3px 3px
 454 }
 455
 456 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 457         border-left: 1px solid #8cacbb;
 458         background-color: #8cacbb;
 459         color:#FFFFFF;
 460 }
 461 #hints {
 462   font-size: 13px;
 463   padding: 5px;
 464   border-bottom: 1px solid #8cacbb;
 465   margin: -4px -2px -2px;
 466   border: 1px solid #8cacbb;
 467   background-color: #FFFFE0;
 468   white-space: nowrap;
 469 }