themes/aqua/default.css

   1 /*--------------------------------------------------\
   2 | aqua         |               | 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: #518fad;
  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 .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: #518fad;
  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: #a7d6ce;
 113         color: black;
 114         border-bottom: 1px solid #8cacbb;
 115         width: 100%;
 116 }
 117
 118 .bottomBar {
 119         padding-right: 1em;
 120         background: #a7d6ce;
 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: #a7d6ce;
 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: #a7d6ce;
 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: #a7d6ce;
 185         color: #436976;
 186 }
 187 div.tabs a:hover {
 188         background: #a7d6ce;
 189         color: #436976;
 190 }
 191
 192 .menu_group {
 193         font-size: 13px;
 194         padding: 0px;
 195         color: #000000;
 196         background-color: #a7d6ce;
 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: #d5cea7;
 223         color: black;
 224         text-align: center;
 225 }
 226
 227 .tableheader2 {
 228         font-weight: bold;
 229         background-color: #d5cea7;
 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: 13;
 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: 8pt;
 270         border: 1px solid #0066cc;
 271         padding: 1px 4px;
 272 }
 273
 274 .oddrow {
 275         background-color: #eeeeee;
 276 }
 277
 278 .evenrow {
 279         background-color: #dddddd;
 280 }
 281
 282 .overduebg {
 283         background-color: #dd7777;
 284 }
 285
 286 .overduefg {
 287         color: #dd7777;
 288 }
 289
 290 .currentfg {
 291         color: #ff6666;
 292 }
 293
 294 .redfg {
 295         color: red;
 296         font-weight: bold;
 297 }
 298
 299 .settledbg {
 300         background-color: #00bb00;
 301 }
 302
 303 .settledfg {
 304         color: #00bb00;
 305 }
 306
 307 .inquirybg {
 308         background-color: #fdfeef;
 309 }
 310
 311 .currencybg {
 312         background-color: #ee8888;
 313 }
 314
 315 .stockmankobg {
 316         background-color: pink;
 317 }
 318
 319 .tablestyle {
 320         padding: 3px;
 321         border: 1px solid #8cacbb;
 322         border-collapse: collapse;
 323 }
 324
 325 .tablestyle2 {
 326         padding: 0 3px;
 327         border: 1px solid #ccc;
 328         border-collapse: collapse;
 329 }
 330 .tablestyle_noborder {
 331         padding: 3px;
 332 }