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 .part_picker {
 395 }
 396 .chart_picker {
 397   padding-right: 16px;
 398 }
 399 .customer-vendor-picker-undefined,
 400 .chartpicker-undefined,
 401 .projectpicker-undefined,
 402 .partpicker-undefined {
 403   color: red;
 404   font-style: italic;
 405 }
 406 div.part_picker_part,
 407 div.chart_picker_chart {
 408   padding: 5px;
 409   margin: 5px;
 410   border: 1px;
 411   border-color: darkgray;
 412   border-style: solid;
 413   -webkit-border-radius: 2px;
 414   -moz-border-radius: 2px;
 415   border-radius: 2px;
 416   background-color: whitesmoke;
 417   cursor: pointer;
 418 }
 419 div.part_picker_part:hover,
 420 div.chart_picker_chart:hover {
 421   background-color: lightgray;
 422   border-color: gray;
 423 }
 424
 425 div.ppp_block {
 426   overflow:hidden;
 427   float:left;
 428   width: 350px;
 429 }
 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.ppp_popup_button,
 441 th span.ppp_popup_button {
 442   height: 9px;
 443   width: 9px;
 444   margin-left: -13px;
 445 }
 446 span.part_picker input {
 447   padding-right: 20px;
 448   background: white url("../../image/search.svg") no-repeat center right;
 449   background-size: contain;
 450   box-sizing: padding-box;
 451   -moz-box-sizing: padding-box;
 452   -webkit-box-sizing: padding-box;
 453 }
 454
 455 td span.part_picker input,
 456 th span.part_picker input {
 457   padding-right: 15px;
 458 }
 459
 460 span.part_picker {
 461  /* white-space: nowrap;*/
 462 }
 463
 464 div.ppp_block span.ppp_block_number,
 465 div.cpc_block span.cpc_block_number
 466 {
 467   float:left;
 468 }
 469 div.ppp_block span.ppp_block_description {
 470   float:right;
 471   font-weight:bold;
 472 }
 473 div.cpc_block span.cpc_block_description {
 474   float:left;
 475   margin-left:1em;
 476   font-weight:bold;
 477 }
 478 div.ppp_line span.ppp_block_description,
 479 div.cpc_line span.cpc_block_description
 480 {
 481   margin-left:1em;
 482   font-weight:bold;
 483 }
 484 div.ppp_line span.ppp_block_sellprice {
 485   display:none;
 486 }
 487 div.cpc_block span.cpc_block_balance {
 488   float:right;
 489 }
 490 div.cpc_block span.cpc_line_balance {
 491   display:none;
 492 }
 493 div.cpc_line span.cpc_block_second_row {
 494   display:none;
 495 }
 496 div.cpc_block span.cpc_block_second_row {
 497 }
 498 span.toggle_selected {
 499   font-weight: bold;
 500 }
 501 .dunned_invoice {
 502   font-weight: bold;
 503   color: #f00;
 504 }
 505 .customer_dunning_level {
 506   font-weight: bold;
 507 }
 508 a.green {
 509        background-color:#40FF00;
 510        border:none;
 511 }
 512 a.orange {
 513        background-color:#FF8000;
 514        border:none;
 515 }
 516 a.red {
 517        background-color:#FF0000;
 518        border:none;
 519 }
 520