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 .login h1 {
 115   text-align: center;
 116   font-size: 150%;
 117 }
 118 table.login {
 119   background-color: #efedde;
 120   padding: 20px;
 121 }
 122 td.login {
 123   text-align: center;
 124 }
 125 th.login {
 126   text-align: right;
 127 }
 128
 129 div.admin {
 130   color: black;
 131   margin: 8px;
 132 }
 133
 134 .message_error_login {
 135     color: #000000;
 136     border: 1px solid #8b0000;
 137     background-color: #ffcccc;
 138     padding: 3px;
 139 }
 140 .message_ok {
 141     padding:5px;
 142     background-color: #ADFFB6;
 143     color: black;
 144     font-weight: bolder;
 145     text-align:center;
 146     border-style:solid;
 147     border-width:thin;
 148 }
 149 .message_error {
 150     padding:5px;
 151     background-color: #FFAAAA;
 152     color: black;
 153     font-weight: bolder;
 154     text-align:center;
 155     border-style:solid;
 156     border-width:thin;
 157 }
 158 .message_hint {
 159     padding:5px;
 160     background-color: #FFFE66;
 161     color: black;
 162     font-weight: bolder;
 163     text-align:center;
 164     border-style:solid;
 165     border-width:thin;
 166 }
 167 .message_error_label {
 168     padding:5px;
 169     background-color: #FEE;
 170     font-weight:normal;
 171     text-align:left;
 172     border-style:solid;
 173     border-width:thin;
 174 }
 175
 176 /*
 177     Überschriftsbalken
 178 */
 179 .listtop, h1 {
 180     background-color: rgb(236,233,216);
 181     font-size: 100%;
 182     text-align:left;
 183     padding:5px;
 184     color: black;
 185     font-weight: bolder;
 186     border-style:dashed;
 187     border-width:thin;
 188 }
 189
 190
 191 .listelement {
 192     background-image: url("../../image/fade2.png");
 193     background-repeat:repeat-x;
 194     border-style:dashed;
 195     border-width:thin;
 196 }
 197
 198 .listelement2 {
 199     background-image: url("../../image/fade2.png");
 200     background-repeat:repeat-x;
 201     border-style:dashed;
 202     border-width:thin;
 203 }
 204
 205 .listheading, .listheading th, #content h2 {
 206     font-size: 95%;
 207     padding:3px;
 208     background-color:
 209     rgb(236,233,216);
 210     color: black;
 211     font-weight: bold;
 212     text-align:left;
 213     background-image: url("../../image/fade.png");
 214     border-style:dotted;
 215     border-width:thin;
 216 }
 217
 218 .listheadingcontent {
 219     background-color:
 220     rgb(236,233,216);
 221     color: black;
 222     font-weight: bolder;
 223     text-align:left;
 224 }
 225
 226 .accountlistheading {
 227     padding:3px;
 228     color: white;
 229     font-weight: bold;
 230     text-align:left;
 231     background-color:rgb(133,132,129);
 232 }
 233
 234 .subsubheading {
 235   color: black;
 236   font-weight: bolder;
 237   text-decoration: underline;
 238 }
 239
 240 .optionen {
 241     border:dashed;
 242 /*  padding-top:10px;
 243     padding-bottom:10px;
 244     padding-left:10px;
 245 */
 246     border-width:1px;
 247     background:#efedde;
 248 }
 249
 250
 251 .listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 252 .listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 253 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
 254 .listrow_error1, .listrow_error:nth-child(even) { background-color: #F6CECE; color: black; vertical-align: top; }
 255 .listrow_error0, .listrow_error:nth-child(odd) { background-color: #F5A9A9; color: black; vertical-align: top; }
 256
 257 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 258 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
 259
 260 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 261 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 262
 263 .listsubtotal { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 264
 265 .listtotal, .listtotal td { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 266
 267 /* Verkaufsbericht */
 268 .listmainsortheader { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 269 .listmainsortsubtotal { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 270 .listsubsortheader { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 271 .listsubsortsubtotal { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 272 .listsortdescription { background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 273
 274
 275 .submit {
 276   font-family: Verdana, Arial, Helvetica, sans-serif;
 277   color: #000000;
 278 }
 279 .checkbox, .radio {
 280   font-family: Verdana, Arial, Helvetica, sans-serif;
 281   color: #778899;
 282 }
 283
 284 .plus0 {    /* font color for negative numbers */
 285   color: red;
 286 }
 287
 288 .plus1 {
 289   color: green;
 290 }
 291
 292 h2.confirm {
 293   color: blue;
 294 }
 295
 296 h2.error {
 297   color: red;
 298 }
 299
 300 fieldset {
 301   margin-top:15px;
 302   color: black;
 303   font-weight: bolder;
 304 }
 305
 306
 307 .filecontent {
 308   border: 1px solid blue;
 309   padding-left: 2px;
 310   padding-right: 2px;
 311 }
 312
 313 label {
 314   cursor:pointer;
 315 }
 316
 317 .unbalanced_ledger {
 318   background-color: #ffa0a0;
 319 }
 320
 321 .flash_message_error {
 322   background-color:#FFD6D6;
 323   border: 1px solid #AE0014;
 324   margin-top: 5px;
 325   margin-bottom: 5px;
 326   padding: 5px;
 327 }
 328
 329 .flash_message_warning {
 330   background-color:#FFE8C7;
 331   border: 1px solid #FF6600;
 332   margin-top: 5px;
 333   margin-bottom: 5px;
 334   padding: 5px;
 335 }
 336
 337 .flash_message_info {
 338   background-color:#DCF2FF;
 339   border: 1px solid #4690FF;
 340   margin-top: 5px;
 341   margin-bottom: 5px;
 342   padding: 5px;
 343 }
 344
 345 .flash_title {
 346   font-weight: bold;
 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-weight:bold;
 365   color:darkred;
 366 }
 367
 368 .coa_details_header {
 369   padding:3px;
 370   font-weight:bolder;
 371   text-align:center;
 372   border-style:none;
 373   border-width:thin;
 374 }
 375
 376 .coa_details_header2 {
 377   padding:3px;
 378   font-weight:normal;
 379   text-align:left;
 380   border-style:none;
 381   border-width:thin;
 382 }
 383
 384 .dimmed-text {
 385   color: #aaa;
 386   font-style: italic;
 387 }
 388
 389 .link_separator {
 390   margin-left: 6px;
 391   margin-right: 6px;
 392 }
 393
 394 .chart_picker,
 395 .part_picker {
 396 }
 397 .customer-vendor-picker-undefined,
 398 .chartpicker-undefined,
 399 .projectpicker-undefined,
 400 .partpicker-undefined {
 401   color: red;
 402   font-style: italic;
 403 }
 404 div.part_picker_part,
 405 div.chart_picker_chart {
 406   padding: 5px;
 407   margin: 5px;
 408   border: 1px;
 409   border-color: darkgray;
 410   border-style: solid;
 411   -webkit-border-radius: 2px;
 412   -moz-border-radius: 2px;
 413   border-radius: 2px;
 414   background-color: whitesmoke;
 415   cursor: pointer;
 416 }
 417 div.part_picker_part:hover,
 418 div.chart_picker_chart:hover {
 419   background-color: lightgray;
 420   border-color: gray;
 421 }
 422
 423 div.cpc_block,
 424 div.ppp_block {
 425   overflow:hidden;
 426   float:left;
 427   width: 350px;
 428 }
 429 span.cpc_popup_button,
 430 span.ppp_popup_button {
 431   display: inline-block;
 432   position: relative;
 433   margin-left: -18px;
 434   margin-top: 3px;
 435   height: 16px;
 436   width: 16px;
 437   cursor: pointer;
 438 }
 439
 440 td span.cpc_popup_button,
 441 th span.cpc_popup_button,
 442 td span.ppp_popup_button,
 443 th span.ppp_popup_button {
 444   height: 9px;
 445   width: 9px;
 446   margin-left: -13px;
 447 }
 448 span.chart_picker input,
 449 span.part_picker input {
 450   padding-right: 20px;
 451   background: white url("../../image/search.svg") no-repeat center right;
 452   background-size: contain;
 453   box-sizing: padding-box;
 454   -moz-box-sizing: padding-box;
 455   -webkit-box-sizing: padding-box;
 456 }
 457
 458 td span.chart_picker input,
 459 th span.chart_picker input,
 460 td span.part_picker input,
 461 th span.part_picker input {
 462   padding-right: 15px;
 463 }
 464
 465 span.chart_picker,
 466 span.part_picker {
 467  /* white-space: nowrap;*/
 468 }
 469
 470 div.ppp_block span.ppp_block_number,
 471 div.cpc_block span.cpc_block_number
 472 {
 473   float:left;
 474 }
 475 div.ppp_block span.ppp_block_description {
 476   float:right;
 477   font-weight:bold;
 478 }
 479 div.cpc_block span.cpc_block_description {
 480   float:left;
 481   margin-left:1em;
 482   font-weight:bold;
 483 }
 484 div.ppp_line span.ppp_block_description,
 485 div.cpc_line span.cpc_block_description
 486 {
 487   margin-left:1em;
 488   font-weight:bold;
 489 }
 490 div.ppp_line span.ppp_block_sellprice {
 491   display:none;
 492 }
 493 div.cpc_block span.cpc_block_balance {
 494   float:right;
 495 }
 496 div.cpc_block span.cpc_line_balance {
 497   display:none;
 498 }
 499 div.cpc_line span.cpc_block_second_row {
 500   display:none;
 501 }
 502 div.cpc_block span.cpc_block_second_row {
 503 }
 504 span.toggle_selected {
 505   font-weight: bold;
 506 }
 507 .dunned_invoice {
 508   font-weight: bold;
 509   color: #f00;
 510 }
 511 .customer_dunning_level {
 512   font-weight: bold;
 513 }
 514 a.green {
 515        background-color:#40FF00;
 516        border:none;
 517 }
 518 a.orange {
 519        background-color:#FF8000;
 520        border:none;
 521 }
 522 a.red {
 523        background-color:#FF0000;
 524        border:none;
 525 }
 526
 527 #expand_all, .expand {
 528     cursor: pointer;
 529     display: block;
 530     max-width: 16px;
 531     max-height: 16px;
 532 }