themes/default/default.css

   1 /*--------------------------------------------------\
   2 | default       |               | 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: #285b86;
  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: #f9f9f9;
 100         border: none;
 101         width: 100%;
 102         margin: 0;
 103         padding: 0;
 104 }
 105
 106 .quick_menu {
 107         background-color: #285b86;
 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: #dee7ec;
 128         color: black;
 129         border-bottom: 1px solid #8cacbb;
 130         width: 100%;
 131 }
 132
 133 .bottomBar {
 134         padding-right: 1em;
 135         background: #dee7ec;
 136         color: black;
 137         border-bottom: 1px solid #8cacbb;
 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: #dee7ec;
 149         color: black;
 150         border-top: 1px solid #8cacbb;
 151         border-bottom: 1px solid #8cacbb;
 152         width: 100%;
 153 }
 154
 155 .logoutBarRight {
 156         text-align: right;
 157 }
 158
 159 div.logoutBar {
 160         padding-right: 1em;
 161         background: #dee7ec;
 162         color: black;
 163         border-bottom: 1px solid #8cacbb;
 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 #8cacbb;
 182
 183 }
 184 div.tabs a {
 185         border: 1px solid #8cacbb;
 186         padding: 3px 10px;
 187         font-weight: normal;
 188         background: white scroll repeat 0% 0%;
 189         color: #436976;
 190         margin-right: 0;
 191         height: 10px;
 192 }
 193 div.tabs a.selected {
 194         border-top: 1px solid #8cacbb;
 195         border-right: 1px solid #8cacbb;
 196         border-bottom:  1px solid #dee7ec;
 197         border-left: 1px solid #8cacbb;
 198         font-weight: normal;
 199         background: #dee7ec;
 200         color: #436976;
 201 }
 202 div.tabs a:hover {
 203         background: #dee7ec;
 204         color: #436976;
 205 }
 206
 207 .menu_group {
 208         font-size: 13px;
 209         padding: 0px;
 210         color: #000000;
 211         background-color: #dee7ec;
 212         padding-left: 3px;
 213         font-weight: bold;
 214 }
 215
 216 .menu_group_items {
 217         background-color: #f9f9f9;
 218         font-weight: normal;
 219         padding: 9px;
 220         border: 1px solid #8cacbb;
 221 }
 222
 223 #footer {
 224         position: relative;
 225         bottom: -3px;
 226 }
 227
 228 .footer {
 229         font-family: Verdana, Arial, Helvetica;
 230         color: #cccccc;
 231         font-weight: normal;
 232         font-size: 9px;
 233 }
 234
 235 .tableheader {
 236         font-weight: bold;
 237         background-color: #dee7ec;
 238         color: black;
 239         text-align: center;
 240 }
 241
 242 .tableheader2 {
 243         font-weight: bold;
 244         background-color: #dee7ec;
 245         color: black;
 246         text-align: left;
 247 }
 248
 249 .tableseparator {
 250         border-left: 1px solid #444466;
 251 }
 252
 253 .titletext {
 254         font-weight: bold;
 255         font-size: 13px;
 256         border-bottom: 1px solid #8cacbb;
 257         padding: 5px;
 258 }
 259
 260 .headingtext {
 261         font-weight: bold;
 262         font-size: 13px;
 263         color: black;
 264 }
 265
 266 .headingtext2 {
 267         font-size: 13px;
 268         color: black;
 269 }
 270
 271 .headingtext3 {
 272         font-weight: bold;
 273         font-size: 10px;
 274         color: black;
 275 }
 276
 277 .errortext {
 278         font-size: 13px;
 279         color: #ff0000;
 280         font-weight: bold;
 281 }
 282
 283 .inputsubmit {
 284         font-size: 11px;
 285         border: 1px #0066cc solid;
 286         padding: 1px 4px;
 287 }
 288
 289 .ajaxsubmit {
 290         font-size: 11px;
 291         border: 1px #0066cc solid;
 292         padding: 1px 4px;
 293 }
 294
 295 .oddrow {
 296         background-color: #eeeeee;
 297 }
 298
 299 .evenrow {
 300         background-color: #dddddd;
 301 }
 302
 303 .overduebg {
 304         background-color: #dd7777;
 305 }
 306
 307 .overduefg {
 308         color: #dd7777;
 309 }
 310
 311 .currentfg {
 312         color: #ff6666;
 313 }
 314
 315 .redfg {
 316         color: red;
 317         font-weight: bold;
 318 }
 319
 320 .settledbg {
 321         background-color: #00bb00;
 322 }
 323
 324 .settledfg {
 325         color: #00bb00;
 326 }
 327
 328 .inquirybg {
 329         background-color: #fdfeef;
 330 }
 331
 332 .currencybg {
 333         background-color: #ee8888;
 334 }
 335
 336 .stockmankobg {
 337         background-color: pink;
 338 }
 339
 340 .tablestyle {
 341         padding: 3px;
 342         border: 1px solid #8cacbb;
 343         border-collapse: collapse;
 344 }
 345
 346 .tablestyle2 {
 347         padding: 3px;
 348         border: 1px solid #cccccc;
 349         border-collapse: collapse;
 350 }
 351 .tablestyle_noborder {
 352         padding: 3px;
 353 }
 354
 355 .amount {
 356         font-family: Verdana, Arial, Helvetica;
 357         font-size: 11px;
 358         text-align: right;
 359 }
 360
 361 input.amount {
 362         padding-right: 0px;
 363         border-right: none;
 364 }
 365
 366 .editbutton {
 367    color:#0000FF;
 368    background-color:transparent;
 369    border-style:none;
 370    text-decoration:underline;
 371    cursor: pointer;
 372 }
 373
 374 .navibutton[disabled] {
 375   color:#808080;
 376   cursor: auto;
 377 }
 378 .navibutton {
 379    color:#0000FF;
 380    padding: 3px;
 381    background-color:transparent;
 382    border-style:none;
 383    text-decoration:underline;
 384    cursor: pointer;
 385 }
 386
 387 .navibar {
 388     padding: 3px;
 389     border: 1px solid #cccccc;
 390     border-collapse: collapse;
 391     background-color: #dee7ec;
 392 }
 393
 394
 395 .listsubmit {
 396     display: none;
 397 }
 398
 399 ul.ajaxtabs{
 400         padding: 3px 0 0 0;
 401         margin: 3px 3px 0 3px;
 402         font: 12px Tahoma,Verdana;
 403         font-weight: bold;
 404 }
 405
 406 ul.ajaxtabs li{
 407         list-style: none;
 408         margin: 0;
 409         display: inline;
 410 }
 411
 412 ul.ajaxtabs li input{
 413     background-color: #dee7ec;
 414 /*      background-repeat: repeat-x;
 415         background-position: top; */
 416         padding: 3px 8px;
 417         margin: 0px;
 418         border-top: 1px solid #8cacbb;
 419         border-right: 1px solid #8cacbb;
 420         border-bottom: none;
 421         border-left: none;
 422         font-weight: bold;
 423 }
 424
 425 ul.ajaxtabs li input:hover{
 426         border-top: 1px solid #8cacbb;
 427         color:#FFFFFF;
 428 }
 429 div.spaceBox{
 430         background-color: #8cacbb;
 431         height:8px;
 432         border-bottom: 1px solid #8cacbb;
 433         border-left: 1px solid #8cacbb;
 434         border-right:1px solid #8cacbb;
 435         margin: 0 3px 0px 3px
 436 }
 437
 438 div.contentBox{
 439         border: 1px solid #8cacbb;
 440         margin: 0 3px 3px 3px
 441 }
 442
 443 ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
 444         border-left: 1px solid #8cacbb;
 445         background-color: #8cacbb;
 446         color:#FFFFFF;
 447 }
 448 #hints {
 449   font-size: 13px;
 450   padding: 5px;
 451   border-bottom: 1px solid #8cacbb;
 452   margin: -4px -2px -2px;
 453   border: 1px solid #8cacbb;
 454   background-color: #FFFFE0;
 455   white-space: nowrap;
 456 }