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: #528cab;
  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: #00000bb;
  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: #f9f9f9;
  86         border: none;
  87         width: 100%;
  88         margin: 0;
  89         padding: 0;
  90 }
  91
  92 .quick_menu {
  93         background-color: #528cab;
  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: #d5b7a7;
 114         color: black;
 115         border-bottom: 1px solid #c0b67c;
 116         width: 100%;
 117 }
 118
 119 .bottomBar {
 120         padding-right: 1em;
 121         background: #d5b7a7;
 122         color: black;
 123         border-bottom: 1px solid #c0b67c;
 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: #d5b7a7;
 135         color: black;
 136         border-top: 1px solid #c0b67c;
 137         border-bottom: 1px solid #c0b67c;
 138         width: 100%;
 139 }
 140
 141 .logoutBarRight {
 142         text-align: right;
 143 }
 144
 145 div.logoutBar {
 146         padding-right: 1em;
 147         background: #d5b7a7;
 148         color: black;
 149         border-bottom: 1px solid #c0b67c;
 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 #c0b67c;
 168
 169 }
 170 div.tabs a {
 171         border: 1px solid #c0b67c;
 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 #c0b67c;
 181         border-right: 1px solid #c0b67c;
 182         border-bottom: 1px solid #d5b7a7;
 183         border-left: 1px solid #c0b67c;
 184         font-weight: normal;
 185         background: #d5b7a7;
 186         color: #436976;
 187 }
 188 div.tabs a:hover {
 189         border-top-color: #c0b67c;
 190         border-right-color: #c0b67c
 191         border-bottom-color: #d5b7a7;
 192         border-left-color: #c0b67c;
 193         background: #d5b7a7;
 194         color: #436976;
 195 }
 196
 197 .menu_group {
 198         font-size: 13px;
 199         padding: 0px;
 200         color: #000000;
 201         background-color: #d5b7a7;
 202         PADDING-LEFT: 3px;
 203         font-weight: bold;
 204 }
 205
 206 .menu_group_items {
 207         background-color: #f9f9f9;
 208         font-weight: normal;
 209         padding: 9px;
 210         border: 1px solid #c0b67c;
 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: #c5d5a7;
 228         color: black;
 229         text-align: center;
 230 }
 231
 232 .tableheader2 {
 233         font-weight: bold;
 234         background-color: #c5d5a7;
 235         color: black;
 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         border-bottom: 1px solid #c0b67c;
 247         padding: 5px;
 248 }
 249
 250 .headingtext {
 251         font-weight: bold;
 252         font-size: 13px;
 253         color: black;
 254 }
 255
 256 .headingtext2 {
 257         font-size: 13px;
 258         color: black;
 259 }
 260
 261 .headingtext3 {
 262         font-weight: bold;
 263         font-size: 10px;
 264         color: black;
 265 }
 266
 267 .errortext {
 268         font-size: 13px;
 269         color: #ff0000;
 270         font-weight: bold;
 271 }
 272
 273 .inputsubmit {
 274         font-size: 11px;
 275         border: 1px solid #0066cc;
 276         padding: 1px 4px;
 277 }
 278
 279 .oddrow {
 280         background-color: #eeeeee;
 281 }
 282
 283 .evenrow {
 284         background-color: #dddddd;
 285 }
 286
 287 .overduebg {
 288         background-color: #dd7777;
 289 }
 290
 291 .overduefg {
 292         color: #dd7777;
 293 }
 294
 295 .currentfg {
 296         color: #ff6666;
 297 }
 298
 299 .redfg {
 300         color: red;
 301         font-weight: bold;
 302 }
 303
 304 .settledbg {
 305         background-color: #00bb00;
 306 }
 307
 308 .settledfg {
 309         color: #00bb00;
 310 }
 311
 312 .inquirybg {
 313         background-color: #fdfeef;
 314 }
 315
 316 .currencybg {
 317         background-color: #ee8888;
 318 }
 319
 320 .stockmankobg {
 321         background-color: pink;
 322 }
 323
 324 .tablestyle {
 325         padding: 3px;
 326         border: 1 solid #c0b67c;
 327         border-collapse: collapse;
 328 }
 329
 330 .tablestyle2 {
 331         padding: 0 3px;
 332         border: 1px solid #ccc;
 333         border-collapse: collapse;
 334 }
 335 .tablestyle_noborder {
 336         padding: 3px;
 337 }