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 td.numeric { /* class for numeric columns in tables */
 300   text-align: right
 301 }
 302
 303 h2.confirm {
 304   color: blue;
 305   font-size: 14pt;
 306 }
 307
 308 h2.error {
 309   color: red;
 310   font-size: 14pt;
 311 }
 312
 313 fieldset {
 314   margin-top:15px;
 315   color: black;
 316   font-weight: bolder;
 317 }
 318
 319 /* media stuff */
 320
 321 @media screen {
 322   .noscreen {   /* items with this class won't display */
 323     display: none;
 324   }
 325 }
 326
 327 @media print {
 328   .noprint {   /* items with this class won't print */
 329     display: none;
 330   }
 331 }
 332
 333 .filecontent {
 334   border: 1px solid blue;
 335   padding-left: 2px;
 336   padding-right: 2px;
 337 }
 338
 339 label {
 340   cursor:pointer;
 341 }
 342
 343 .unbalanced_ledger {
 344   background-color: #ffa0a0;
 345 }
 346
 347 .clearfix:after {
 348   clear:both;
 349   content:".";
 350   display:block;
 351   font-size:0;
 352   height:0;
 353   visibility:hidden;
 354 }
 355
 356 .flash_message_error {
 357   background-color:#FFD6D6;
 358   border: 1px solid #AE0014;
 359   margin-top: 5px;
 360   margin-bottom: 5px;
 361   padding: 5px;
 362 }
 363
 364 .flash_message_warning {
 365   background-color:#FFE8C7;
 366   border: 1px solid #FF6600;
 367   margin-top: 5px;
 368   margin-bottom: 5px;
 369   padding: 5px;
 370 }
 371
 372 .flash_message_info {
 373   background-color:#DCF2FF;
 374   border: 1px solid #4690FF;
 375   margin-top: 5px;
 376   margin-bottom: 5px;
 377   padding: 5px;
 378 }
 379
 380 .flash_title {
 381   font-weight: bold;
 382 }
 383
 384 /* Kontenliste Styles */
 385
 386 .coa_listrow1 {
 387   background-color: rgb(208,207,201);
 388   color: black;
 389   vertical-align: top;
 390 }
 391
 392 .coa_listrow0 {
 393   background-color: rgb(236,233,216);
 394   color: black;
 395   vertical-align: top;
 396 }
 397
 398 .coa_detail_emph {
 399   font-size:10pt;
 400   font-weight:bold;
 401   color:darkred;
 402 }
 403
 404 .coa_details_header {
 405   font-size:8pt;
 406   padding:3px;
 407   font-weight:bolder;
 408   text-align:center;
 409   border-style:none;
 410   border-width:thin;
 411 }
 412
 413 .coa_details_header2 {
 414   font-size:8pt;
 415   padding:3px;
 416   font-weight:normal;
 417   text-align:left;
 418   border-style:none;
 419   border-width:thin;
 420 }
 421
 422 .dimmed-text {
 423   color: #aaa;
 424   font-style: italic;
 425 }
 426
 427 .link_separator {
 428   margin-left: 6px;
 429   margin-right: 6px;
 430 }
 431
 432 .small-text {
 433   font-size: 0.75em;
 434 }
 435
 436 .float-left {
 437   float: left;
 438 }
 439 .float-right {
 440   float: right;
 441 }
 442
 443 .block-context {
 444   overflow: hidden;
 445 }
 446
 447 .position-relative {
 448   position: relative;
 449 }
 450
 451 .position-absolute {
 452   position: absolute;
 453 }
 454
 455 .part_picker {
 456   padding-right: 16px;
 457 }
 458
 459 div.part_picker_part {
 460   padding: 5px;
 461   margin: 5px;
 462   border: 1px;
 463   border-color: darkgray;
 464   border-style: solid;
 465   -webkit-border-radius: 2px;
 466   -moz-border-radius: 2px;
 467   border-radius: 2px;
 468   background-color: whitesmoke;
 469   cursor: pointer;
 470 }
 471 div.part_picker_part:hover {
 472   background-color: lightgray;
 473   border-color: gray;
 474 }
 475 div.ppp_block {
 476   overflow:hidden;
 477   float:left;
 478   width: 350px;
 479 }
 480 div.ppp_block span.ppp_block_number {
 481   float:left;
 482 }
 483 div.ppp_block span.ppp_block_description {
 484   float:right;
 485   font-weight:bold;
 486 }
 487 div.ppp_line span.ppp_block_description {
 488   margin-left:1em;
 489   font-weight:bold;
 490 }
 491 div.ppp_line span.ppp_block_sellprice {
 492   display:none;
 493 }
 494 span.toggle_selected {
 495   font-weight: bold;
 496 }
 497
 498 /* CTI */
 499 a.cti_call_action {
 500   display: inline-block;
 501   padding-left: 18px;
 502   height: 16px;
 503   position: relative;
 504   top: 2px;
 505   vertical-align: center;
 506   background-image: url(../../image/icons/16x16/phone.png);
 507   background-repeat: no-repeat;
 508 }