css/lx-office-erp/main.css

   1 /* Stylesheet for Lx-Office
   2  * Name: lx-office-erp.css*/
   3
   4 /* The look of links */
   5 A:link { color: mediumblue; text-decoration: none; }
   6 A:visited { color: mediumblue; text-decoration: none; }
   7 A:active { color: black; text-decoration: none; }
   8 A:hover { color: black;
   9            background-color: lemonchiffon;
  10            text-decoration: none;
  11          }
  12
  13 input:focus, textarea:focus, select:focus {
  14   background-color: yellow;
  15 }
  16
  17 body {
  18   font-family: Verdana, Arial, Helvetica, sans-serif;
  19   font-size: 10pt;
  20   background-color: white;
  21   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  22   color: black;
  23 }
  24
  25 td {
  26   font-family: Verdana, Arial, Helvetica, sans-serif;
  27   color: black;
  28   font-size: 8pt;
  29   font-weight: normal;
  30 }
  31 td.hover:hover {
  32     color: black;
  33 /*          background-color: #FFFFCC;
  34           font-size: 8pt;
  35           text-decoration: none;
  36           border:none;
  37           borderWidth:0px;
  38           borderColor:2557AD;
  39 */
  40 }
  41
  42
  43 th {
  44   font-family: Verdana, Arial, Helvetica, sans-serif;
  45   color: black;
  46   font-size: 8pt;
  47   font-weight: normal;
  48 }
  49
  50 /* login and admin */
  51 .login {
  52   font-family: Verdana, Arial, Helvetica, sans-serif;
  53 }
  54 body.login {
  55   background: #b8d1f3;
  56   color: #A0A0A0;
  57 }
  58 h1.login {
  59   font-size: 18pt;
  60 }
  61 table.login {
  62   background-color: #efedde;
  63   padding: 20px;
  64 }
  65 td.login {
  66   text-align: center;
  67 }
  68 th.login {
  69   text-align: right;
  70 }
  71
  72 body.admin {
  73   background-color:#ffffff;
  74   color: black;
  75 }
  76
  77 .message_error_login {
  78     color: #000000;
  79     border: 1px solid #8b0000;
  80     background-color: #ffcccc;
  81     padding: 3px;
  82 }
  83 .message_ok {
  84     font-size: 12pt;
  85     padding:5px;
  86     background-color: #ADFFB6;
  87     color: black;
  88     font-weight: bolder;
  89     text-align:center;
  90     border-style:solid;
  91     border-width:thin;
  92 }
  93 .message_error {
  94     font-size: 12pt;
  95     padding:5px;
  96     background-color: #FFAAAA;
  97     color: black;
  98     font-weight: bolder;
  99     text-align:center;
 100     border-style:solid;
 101     border-width:thin;
 102 }
 103 .message_hint {
 104     font-size: 12pt;
 105     padding:5px;
 106     background-color: #FFFE66;
 107     color: black;
 108     font-weight: bolder;
 109     text-align:center;
 110     border-style:solid;
 111     border-width:thin;
 112 }
 113 .message_error_label {
 114     font-size: 0.8em;
 115     padding:5px;
 116     background-color: #FEE;
 117     font-weight:normal;
 118     text-align:left;
 119     border-style:solid;
 120     border-width:thin;
 121 }
 122
 123 /*
 124     Überschriftsbalken
 125 */
 126 .listtop, h1 {
 127     background-color: rgb(236,233,216);
 128     text-align:left;
 129     padding:5px;
 130     font-size: 10pt;
 131     color: black;
 132     font-weight: bolder;
 133     border-style:dashed;
 134     border-width:thin;
 135 }
 136
 137
 138 .listelement {
 139     background-image: url("../../image/fade2.png");
 140     background-repeat:repeat-x;
 141     border-style:dashed;
 142     border-width:thin;
 143 }
 144
 145 .listelement2 {
 146     background-image: url("../../image/fade2.png");
 147     background-repeat:repeat-x;
 148     border-style:dashed;
 149     border-width:thin;
 150 }
 151
 152 .listheading, .listheading th {
 153     font-size: 9pt;
 154     padding:3px;
 155     background-color:
 156     rgb(236,233,216);
 157     color: black;
 158     font-weight: bolder;
 159     text-align:left;
 160     background-image: url("../../image/fade.png");
 161     border-style:dotted;
 162     border-width:thin;
 163 }
 164
 165 .listheadingcontent {
 166     font-size: 9pt;
 167     background-color:
 168     rgb(236,233,216);
 169     color: black;
 170     font-weight: bolder;
 171     text-align:left;
 172 }
 173
 174 .accountlistheading {
 175     font-size: 10pt;
 176     padding:3px;
 177     color: white;
 178     font-weight: bold;
 179     text-align:left;
 180     background-color:rgb(133,132,129);
 181 }
 182
 183 .subsubheading {
 184   color: black;
 185   font-weight: bolder;
 186   text-decoration: underline;
 187 }
 188
 189 .optionen {
 190     border:dashed;
 191 /*  padding-top:10px;
 192     padding-bottom:10px;
 193     padding-left:10px;
 194 */
 195     border-width:1px;
 196     background:#efedde;
 197 }
 198
 199
 200 .listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 201 .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 202
 203 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 204 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
 205
 206 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 207 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 208
 209 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 210
 211 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 212
 213 /* Verkaufsbericht */
 214 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 215 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 216 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 217 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 218 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 219
 220
 221 .submit {
 222   font-family: Verdana, Arial, Helvetica, sans-serif;
 223   color: #000000;
 224 }
 225 .checkbox, .radio {
 226   font-family: Verdana, Arial, Helvetica, sans-serif;
 227   color: #778899;
 228 }
 229
 230 .plus0 {    /* font color for negative numbers */
 231   color: red;
 232 }
 233
 234 .plus1 {
 235   color: green;
 236 }
 237
 238 td.numeric { /* class for numeric columns in tables */
 239   text-align: right
 240 }
 241
 242 h2.confirm {
 243   color: blue;
 244   font-size: 14pt;
 245 }
 246
 247 h2.error {
 248   color: red;
 249   font-size: 14pt;
 250 }
 251
 252 fieldset {
 253   margin-top:15px;
 254   color: black;
 255   font-weight: bolder;
 256 }
 257
 258 /* media stuff */
 259
 260 @media screen {
 261   .noscreen {   /* items with this class won't display */
 262     display: none;
 263   }
 264 }
 265
 266 @media print {
 267   .noprint {   /* items with this class won't print */
 268     display: none;
 269   }
 270 }
 271
 272 .filecontent {
 273   border: 1px solid blue;
 274   padding-left: 2px;
 275   padding-right: 2px;
 276 }
 277
 278 label {
 279   cursor:pointer;
 280 }
 281
 282 .unbalanced_ledger {
 283   background-color: #ffa0a0;
 284 }
 285
 286 .clearfix:after {
 287   clear:both;
 288   content:".";
 289   display:block;
 290   font-size:0;
 291   height:0;
 292   visibility:hidden;
 293 }
 294
 295 .flash_message_error {
 296   background-color:#FFD6D6;
 297   border: 1px solid #AE0014;
 298   margin-top: 5px;
 299   margin-bottom: 5px;
 300   padding: 5px;
 301 }
 302
 303 .flash_message_warning {
 304   background-color:#FFE8C7;
 305   border: 1px solid #FF6600;
 306   margin-top: 5px;
 307   margin-bottom: 5px;
 308   padding: 5px;
 309 }
 310
 311 .flash_message_info {
 312   background-color:#DCF2FF;
 313   border: 1px solid #4690FF;
 314   margin-top: 5px;
 315   margin-bottom: 5px;
 316   padding: 5px;
 317 }
 318
 319 .jqmWindow {
 320   display: none;
 321
 322   position: fixed;
 323   top: 17%;
 324   left: 40%;
 325
 326   margin-left: -200px;
 327   width: 700px;
 328
 329   background-color: lemonchiffon;
 330   color: #333;
 331   border: 1px solid black;
 332   padding: 4px;
 333 }
 334
 335 .jqmContent {
 336   padding: 8px;
 337 }
 338
 339 .jqmWindow h1 {
 340   border: 0;
 341   padding: 0;
 342   background-color: lemonchiffon;
 343 }
 344
 345 .jqmOverlay {
 346   background-color: #000;
 347 }
 348
 349 /* Kontenliste Styles */
 350
 351 .coa_listrow1 {
 352   background-color: rgb(208,207,201);
 353   color: black;
 354   vertical-align: top;
 355 }
 356
 357 .coa_listrow0 {
 358   background-color: rgb(236,233,216);
 359   color: black;
 360   vertical-align: top;
 361 }
 362
 363 .coa_detail_emph {
 364   font-size:10pt;
 365   font-weight:bold;
 366   color:darkred;
 367 }
 368
 369 .coa_details_header {
 370   font-size:8pt;
 371   padding:3px;
 372   font-weight:bolder;
 373   text-align:center;
 374   border-style:none;
 375   border-width:thin;
 376 }
 377
 378 .coa_details_header2 {
 379   font-size:8pt;
 380   padding:3px;
 381   font-weight:normal;
 382   text-align:left;
 383   border-style:none;
 384   border-width:thin;
 385 }