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