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