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