css/lx-office-erp/main.css

   1 /* Stylesheet for kivitendo
   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 a, div {
  13   transition: background-color 0.2s;
  14   -moz-transition: background-color 0.2s;
  15   -webkit-transition: background-color 0.2s;
  16 }
  17
  18 input, textarea, select {
  19   border: 1px;
  20   border-color: darkgray lightgray lightgray;
  21   border-style: solid;
  22   padding: 1px;
  23   background-color: white;
  24 }
  25
  26 select {
  27   -moz-appearance: none;
  28   -webkit-appearance: none;
  29   -o-appearance: none;
  30   appearance : none;
  31   background: white url('../../image/select-down.png') no-repeat scroll right center;
  32   padding: 0 14px 0 0;
  33 }
  34
  35 input:focus, textarea:focus, select:focus {
  36   background-color: whitesmoke;
  37   border: 1px;
  38   border-color: gray lightgray lightgray;
  39   border-style: solid;
  40 }
  41
  42 input:hover, textarea:hover, select:hover {
  43   border-color: dimgray darkgray darkgray;
  44 }
  45
  46 input[type="button"],
  47 input[type="submit"],
  48 button,
  49 input[type="button"]:focus,
  50 input[type="submit"]:focus,
  51 button:focus {
  52   border: 1px;
  53   border-color: darkgray;
  54   border-style: solid;
  55   padding: 0px 4px;
  56   -webkit-border-radius: 2px;
  57   -moz-border-radius: 2px;
  58   border-radius: 2px;
  59   background-color: whitesmoke;
  60 }
  61
  62 button:hover:enabled,
  63 input[type="button"]:hover:enabled,
  64 input[type="submit"]:hover:enabled {
  65   border: 1px;
  66   background-color: lightgray;
  67   border-color: gray;
  68   border-style: solid;
  69   -webkit-border-radius: 2px;
  70   -moz-border-radius: 2px;
  71   border-radius: 2px;
  72 }
  73
  74 html {
  75   height: 100%;
  76 }
  77
  78 body {
  79   font-family: Verdana, Arial, Helvetica, sans-serif;
  80   font-size: 80%;
  81   background-color: white;
  82   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  83   color: black;
  84   height: 100%;
  85 }
  86
  87 td {
  88   font-family: Verdana, Arial, Helvetica, sans-serif;
  89   color: black;
  90   font-weight: normal;
  91 }
  92 td.hover:hover {
  93   color: black;
  94 }
  95
  96
  97 th {
  98   font-family: Verdana, Arial, Helvetica, sans-serif;
  99   color: black;
 100   font-weight: normal;
 101 }
 102
 103 /* login and admin */
 104 .login {
 105   font-family: Verdana, Arial, Helvetica, sans-serif;
 106 }
 107 div.login {
 108   min-height: 100%;
 109   height: auto !important;
 110   height: 100%;
 111   background: #b8d1f3;
 112   color: #A0A0A0;
 113 }
 114 h1.login {
 115   font-size: 150%;
 116 }
 117 table.login {
 118   background-color: #efedde;
 119   padding: 20px;
 120 }
 121 td.login {
 122   text-align: center;
 123 }
 124 th.login {
 125   text-align: right;
 126 }
 127
 128 div.admin {
 129   color: black;
 130   margin: 8px;
 131 }
 132
 133 .message_error_login {
 134     color: #000000;
 135     border: 1px solid #8b0000;
 136     background-color: #ffcccc;
 137     padding: 3px;
 138 }
 139 .message_ok {
 140     padding:5px;
 141     background-color: #ADFFB6;
 142     color: black;
 143     font-weight: bolder;
 144     text-align:center;
 145     border-style:solid;
 146     border-width:thin;
 147 }
 148 .message_error {
 149     padding:5px;
 150     background-color: #FFAAAA;
 151     color: black;
 152     font-weight: bolder;
 153     text-align:center;
 154     border-style:solid;
 155     border-width:thin;
 156 }
 157 .message_hint {
 158     padding:5px;
 159     background-color: #FFFE66;
 160     color: black;
 161     font-weight: bolder;
 162     text-align:center;
 163     border-style:solid;
 164     border-width:thin;
 165 }
 166 .message_error_label {
 167     padding:5px;
 168     background-color: #FEE;
 169     font-weight:normal;
 170     text-align:left;
 171     border-style:solid;
 172     border-width:thin;
 173 }
 174
 175 /*
 176     Überschriftsbalken
 177 */
 178 .listtop, h1 {
 179     background-color: rgb(236,233,216);
 180     font-size: 100%;
 181     text-align:left;
 182     padding:5px;
 183     color: black;
 184     font-weight: bolder;
 185     border-style:dashed;
 186     border-width:thin;
 187 }
 188
 189
 190 .listelement {
 191     background-image: url("../../image/fade2.png");
 192     background-repeat:repeat-x;
 193     border-style:dashed;
 194     border-width:thin;
 195 }
 196
 197 .listelement2 {
 198     background-image: url("../../image/fade2.png");
 199     background-repeat:repeat-x;
 200     border-style:dashed;
 201     border-width:thin;
 202 }
 203
 204 .listheading, .listheading th, #content h2 {
 205     font-size: 95%;
 206     padding:3px;
 207     background-color:
 208     rgb(236,233,216);
 209     color: black;
 210     font-weight: bold;
 211     text-align:left;
 212     background-image: url("../../image/fade.png");
 213     border-style:dotted;
 214     border-width:thin;
 215 }
 216
 217 .listheadingcontent {
 218     background-color:
 219     rgb(236,233,216);
 220     color: black;
 221     font-weight: bolder;
 222     text-align:left;
 223 }
 224
 225 .accountlistheading {
 226     padding:3px;
 227     color: white;
 228     font-weight: bold;
 229     text-align:left;
 230     background-color:rgb(133,132,129);
 231 }
 232
 233 .subsubheading {
 234   color: black;
 235   font-weight: bolder;
 236   text-decoration: underline;
 237 }
 238
 239 .optionen {
 240     border:dashed;
 241 /*  padding-top:10px;
 242     padding-bottom:10px;
 243     padding-left:10px;
 244 */
 245     border-width:1px;
 246     background:#efedde;
 247 }
 248
 249
 250 .listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 251 .listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 252 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
 253 .listrow_error1, .listrow_error:nth-child(even) { background-color: #F6CECE; color: black; vertical-align: top; }
 254 .listrow_error0, .listrow_error:nth-child(odd) { background-color: #F5A9A9; color: black; vertical-align: top; }
 255
 256 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 257 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
 258
 259 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 260 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 261
 262 .listsubtotal { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 263
 264 .listtotal, .listtotal td { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 265
 266 /* Verkaufsbericht */
 267 .listmainsortheader { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 268 .listmainsortsubtotal { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 269 .listsubsortheader { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 270 .listsubsortsubtotal { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 271 .listsortdescription { background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 272
 273
 274 .submit {
 275   font-family: Verdana, Arial, Helvetica, sans-serif;
 276   color: #000000;
 277 }
 278 .checkbox, .radio {
 279   font-family: Verdana, Arial, Helvetica, sans-serif;
 280   color: #778899;
 281 }
 282
 283 .plus0 {    /* font color for negative numbers */
 284   color: red;
 285 }
 286
 287 .plus1 {
 288   color: green;
 289 }
 290
 291 h2.confirm {
 292   color: blue;
 293 }
 294
 295 h2.error {
 296   color: red;
 297 }
 298
 299 fieldset {
 300   margin-top:15px;
 301   color: black;
 302   font-weight: bolder;
 303 }
 304
 305
 306 .filecontent {
 307   border: 1px solid blue;
 308   padding-left: 2px;
 309   padding-right: 2px;
 310 }
 311
 312 label {
 313   cursor:pointer;
 314 }
 315
 316 .unbalanced_ledger {
 317   background-color: #ffa0a0;
 318 }
 319
 320 .flash_message_error {
 321   background-color:#FFD6D6;
 322   border: 1px solid #AE0014;
 323   margin-top: 5px;
 324   margin-bottom: 5px;
 325   padding: 5px;
 326 }
 327
 328 .flash_message_warning {
 329   background-color:#FFE8C7;
 330   border: 1px solid #FF6600;
 331   margin-top: 5px;
 332   margin-bottom: 5px;
 333   padding: 5px;
 334 }
 335
 336 .flash_message_info {
 337   background-color:#DCF2FF;
 338   border: 1px solid #4690FF;
 339   margin-top: 5px;
 340   margin-bottom: 5px;
 341   padding: 5px;
 342 }
 343
 344 .flash_title {
 345   font-weight: bold;
 346 }
 347
 348 /* Kontenliste Styles */
 349
 350 .coa_listrow1 {
 351   background-color: rgb(208,207,201);
 352   color: black;
 353   vertical-align: top;
 354 }
 355
 356 .coa_listrow0 {
 357   background-color: rgb(236,233,216);
 358   color: black;
 359   vertical-align: top;
 360 }
 361
 362 .coa_detail_emph {
 363   font-weight:bold;
 364   color:darkred;
 365 }
 366
 367 .coa_details_header {
 368   padding:3px;
 369   font-weight:bolder;
 370   text-align:center;
 371   border-style:none;
 372   border-width:thin;
 373 }
 374
 375 .coa_details_header2 {
 376   padding:3px;
 377   font-weight:normal;
 378   text-align:left;
 379   border-style:none;
 380   border-width:thin;
 381 }
 382
 383 .dimmed-text {
 384   color: #aaa;
 385   font-style: italic;
 386 }
 387
 388 .link_separator {
 389   margin-left: 6px;
 390   margin-right: 6px;
 391 }
 392
 393 .part_picker {
 394 }
 395 .chart_picker {
 396   padding-right: 16px;
 397 }
 398 .customer-vendor-picker-undefined,
 399 .chartpicker-undefined,
 400 .projectpicker-undefined,
 401 .partpicker-undefined {
 402   color: red;
 403   font-style: italic;
 404 }
 405 div.part_picker_part,
 406 div.chart_picker_chart {
 407   padding: 5px;
 408   margin: 5px;
 409   border: 1px;
 410   border-color: darkgray;
 411   border-style: solid;
 412   -webkit-border-radius: 2px;
 413   -moz-border-radius: 2px;
 414   border-radius: 2px;
 415   background-color: whitesmoke;
 416   cursor: pointer;
 417 }
 418 div.part_picker_part:hover,
 419 div.chart_picker_chart:hover {
 420   background-color: lightgray;
 421   border-color: gray;
 422 }
 423
 424 div.ppp_block {
 425   overflow:hidden;
 426   float:left;
 427   width: 350px;
 428 }
 429 span.ppp_popup_button {
 430   display: inline-block;
 431   position: relative;
 432   margin-left: -18px;
 433   margin-top: 3px;
 434   height: 16px;
 435   width: 16px;
 436   cursor: pointer;
 437 }
 438
 439 td span.ppp_popup_button,
 440 th span.ppp_popup_button {
 441   height: 9px;
 442   width: 9px;
 443   margin-left: -13px;
 444 }
 445 span.part_picker input {
 446   padding-right: 20px;
 447   background: white url("../../image/search.svg") no-repeat center right;
 448   background-size: contain;
 449   box-sizing: padding-box;
 450   -moz-box-sizing: padding-box;
 451   -webkit-box-sizing: padding-box;
 452 }
 453
 454 td span.part_picker input,
 455 th span.part_picker input {
 456   padding-right: 15px;
 457 }
 458
 459 span.part_picker {
 460  /* white-space: nowrap;*/
 461 }
 462
 463 div.ppp_block span.ppp_block_number,
 464 div.cpc_block span.cpc_block_number
 465 {
 466   float:left;
 467 }
 468 div.ppp_block span.ppp_block_description {
 469   float:right;
 470   font-weight:bold;
 471 }
 472 div.cpc_block span.cpc_block_description {
 473   float:left;
 474   margin-left:1em;
 475   font-weight:bold;
 476 }
 477 div.ppp_line span.ppp_block_description,
 478 div.cpc_line span.cpc_block_description
 479 {
 480   margin-left:1em;
 481   font-weight:bold;
 482 }
 483 div.ppp_line span.ppp_block_sellprice {
 484   display:none;
 485 }
 486 div.cpc_block span.cpc_block_balance {
 487   float:right;
 488 }
 489 div.cpc_block span.cpc_line_balance {
 490   display:none;
 491 }
 492 div.cpc_line span.cpc_block_second_row {
 493   display:none;
 494 }
 495 div.cpc_block span.cpc_block_second_row {
 496 }
 497 span.toggle_selected {
 498   font-weight: bold;
 499 }
 500 .dunned_invoice {
 501   font-weight: bold;
 502   color: #f00;
 503 }
 504 .customer_dunning_level {
 505   font-weight: bold;
 506 }