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 .oddrow {
 281         background-color: #ffffff;
 282 }
 283
 284 .evenrow {
 285         background-color: #eaedf1;
 286 }
 287
 288 .overduebg {
 289         background-color: pink;
 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 #cccccc;
 328         border-collapse: collapse;
 329 }
 330
 331 .tablestyle2 {
 332         padding: 0 3px;
 333         border: 1px solid #ccc;
 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 }