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