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 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 .login {
  71         background-color: #ffffff;
  72         border: none;
  73 }
  74
  75 .callout_main {
  76         font-family: Verdana, Arial, Helvetica;
  77         border: none;
  78         width: 99%;
  79         margin: 0;
  80         padding: 0;
  81 }
  82
  83 .main_page {
  84         background-color: #f9f9f9;
  85         border: none;
  86         width: 100%;
  87         margin: 0;
  88         padding: 0;
  89 }
  90
  91 .quick_menu {
  92         background-color: #285b86;
  93         border: 0;
  94         margin: 0;
  95         padding: 0;
  96         text-align: right;
  97 }
  98
  99 .quick_menu_selected {
 100         font-family: Verdana, Arial, Helvetica;
 101         font-size: 13px;
 102         border: none;
 103         white-space: nowrap;
 104         margin: 2px;
 105         padding: 2px;
 106         color: #00cc00;
 107         font-weight: bolder;
 108 }
 109
 110 .logoutBar {
 111         padding-right: 1em;
 112         background: #dee7ec;
 113         color: black;
 114         border-bottom: 1px solid #8cacbb;
 115         width: 100%;
 116 }
 117
 118 .bottomBar {
 119         padding-right: 1em;
 120         background: #dee7ec;
 121         color: black;
 122         border-bottom: 1px solid #8cacbb;
 123         width: 100%;
 124 }
 125
 126 .bottomBarCell {
 127         font-size: 10px;
 128         line-height: 12px;
 129 }
 130
 131 .bottomBar2 {
 132         padding-right: 1em;
 133         background: #dee7ec;
 134         color: black;
 135         border-top: 1px solid #8cacbb;
 136         border-bottom: 1px solid #8cacbb;
 137         width: 100%;
 138 }
 139
 140 .logoutBarRight {
 141         text-align: right;
 142 }
 143
 144 div.logoutBar {
 145         padding-right: 1em;
 146         background: #dee7ec;
 147         color: black;
 148         border-bottom: 1px solid #8cacbb;
 149         text-align: right;
 150 }
 151 div.logoutBar a {
 152         font-weight: normal;
 153         margin-left: 1em;
 154         color: #436976;
 155         background-color: transparent;
 156 }
 157 div.logoutBar img {
 158         vertical-align: top;
 159 }
 160
 161 div.tabs {
 162         padding: 0.5em 0 0 0;
 163         background: none transparent scroll repeat 0% 0%;
 164         white-space: nowrap;
 165         border-collapse: collapse;
 166         border-bottom: 1px solid #8cacbb;
 167
 168 }
 169 div.tabs a {
 170         border: 1px solid #8cacbb;
 171         padding: 0 1em 3px 1em;
 172         font-weight: normal;
 173         background: white scroll repeat 0% 0%;
 174         color: #436976;
 175         margin-right: 0.0em;
 176         height: 1.0em;
 177 }
 178 div.tabs a.selected {
 179         border-top: 1px solid #8cacbb;
 180         border-right: 1px solid #8cacbb;
 181         border-bottom:  1px solid #dee7ec;
 182         border-left: 1px solid #8cacbb;
 183         font-weight: normal;
 184         background: #dee7ec;
 185         color: #436976;
 186 }
 187 div.tabs a:hover {
 188         background: #dee7ec;
 189         color: #436976;
 190 }
 191
 192 .menu_group {
 193         font-size: 13px;
 194         padding: 0px;
 195         color: #000000;
 196         background-color: #dee7ec;
 197         padding-left: 3px;
 198         font-weight: bold;
 199 }
 200
 201 .menu_group_items {
 202         background-color: #f9f9f9;
 203         font-weight: normal;
 204         padding: 9px;
 205         border: 1px solid #8cacbb;
 206 }
 207
 208 #footer {
 209         position: relative;
 210         bottom: -3px;
 211 }
 212
 213 .footer {
 214         font-family: Verdana, Arial, Helvetica;
 215         color: #cccccc;
 216         font-weight: normal;
 217         font-size: 9px;
 218 }
 219
 220 .tableheader {
 221         font-weight: bold;
 222         background-color: #dee7ec;
 223         color: black;
 224         text-align: center;
 225 }
 226
 227 .tableheader2 {
 228         font-weight: bold;
 229         background-color: #dee7ec;
 230         color: black;
 231         text-align: left;
 232 }
 233
 234 .tableseparator {
 235         border-left: 1px solid #444466;
 236 }
 237
 238 .titletext {
 239         font-weight: bold;
 240         font-size: 13px;
 241         border-bottom: 1px solid #8cacbb;
 242         padding: 5px;
 243 }
 244
 245 .headingtext {
 246         font-weight: bold;
 247         font-size: 13px;
 248         color: black;
 249 }
 250
 251 .headingtext2 {
 252         font-size: 13px;
 253         color: black;
 254 }
 255
 256 .headingtext3 {
 257         font-weight: bold;
 258         font-size: 10px;
 259         color: black;
 260 }
 261
 262 .errortext {
 263         font-size: 13px;
 264         color: #ff0000;
 265         font-weight: bold;
 266 }
 267
 268 .inputsubmit {
 269         font-size: 11px;
 270         border: 1px #0066cc solid;
 271         padding: 1px 4px;
 272 }
 273
 274 .ajaxsubmit {
 275         font-size: 11px;
 276         border: 1px #0066cc solid;
 277         padding: 1px 4px;
 278 }
 279
 280 .oddrow {
 281         background-color: #eeeeee;
 282 }
 283
 284 .evenrow {
 285         background-color: #dddddd;
 286 }
 287
 288 .overduebg {
 289         background-color: #dd7777;
 290 }
 291
 292 .overduefg {
 293         color: #dd7777;
 294 }
 295
 296 .currentfg {
 297         color: #ff6666;
 298 }
 299
 300 .redfg {
 301         color: red;
 302         font-weight: bold;
 303 }
 304
 305 .settledbg {
 306         background-color: #00bb00;
 307 }
 308
 309 .settledfg {
 310         color: #00bb00;
 311 }
 312
 313 .inquirybg {
 314         background-color: #fdfeef;
 315 }
 316
 317 .currencybg {
 318         background-color: #ee8888;
 319 }
 320
 321 .stockmankobg {
 322         background-color: pink;
 323 }
 324
 325 .tablestyle {
 326         padding: 3px;
 327         border: 1px solid #8cacbb;
 328         border-collapse: collapse;
 329 }
 330
 331 .tablestyle2 {
 332         padding: 3px;
 333         border: 1px solid #cccccc;
 334         border-collapse: collapse;
 335 }
 336 .tablestyle_noborder {
 337         padding: 3px;
 338 }
 339
 340 .amount {
 341         font-family: Verdana, Arial, Helvetica;
 342         font-size: 11px;
 343         text-align: right;
 344 }
 345
 346 input.amount {
 347         padding-right: 0px;
 348         border-right: none;
 349 }
 350
 351 .editbutton {
 352    color:#0000FF;
 353    background-color:transparent;
 354    border-style:none;
 355    text-decoration:underline;
 356    cursor: pointer;
 357 }
 358
 359 .listsubmit {
 360     display: none;
 361 }
 362