css/kivitendo/main.css

   1 /* Stylesheet for kivitendo * Name:kivitendo.css*/
   2 /* Colortable
   3
   4 Background:     #EBEBEB burlywood
   5 Links:                  #006400 DarkGreen
   6 Link-hover              #FE5F14 Orange / #FFFFE0 lightyellow
   7 Titles, BG/VG:  #79B61B Mid-green FFFFFF White
   8 Tabcolor: #CAFFA3
   9 */
  10
  11
  12 body {
  13         font-family: Verdana, Arial, Helvetica;
  14         background-color: #FFFFFF;
  15         color: #000000;
  16     font-size: 9pt;
  17 }
  18
  19 /* Input elements */
  20 input,
  21 textarea,
  22 select {
  23   -moz-border-radius: 0;
  24   -webkit-border-radius: 0;
  25   -khtml-border-radius: 0;
  26   background-color: white;
  27   border: 1px;
  28   border-color: darkgray lightgray lightgray;
  29   border-radius: 0;
  30   border-style: solid;
  31   outline: none;
  32   padding: 1px;
  33 }
  34
  35 select {
  36   -moz-appearance: none;
  37   -webkit-appearance: none;
  38   -o-appearance: none;
  39   appearance : none;
  40   background: white url('../../image/select-down.png') no-repeat scroll right center;
  41   padding: 0 14px 0 0;
  42 }
  43
  44 input:focus,
  45 textarea:focus,
  46 select:focus {
  47   background-color: #ffffa0;
  48   border: 1px solid #fe5f14;
  49 }
  50
  51 input[type="button"],
  52 input[type="submit"],
  53 button {
  54   background-color: whitesmoke;
  55   border: 1px;
  56   border-color: darkgray;
  57   border-style: solid;
  58   padding: 0px 4px;
  59 }
  60
  61 input[type="button"]:focus,
  62 input[type="submit"]:focus,
  63 button:focus {
  64   background-color: #ffffa0;
  65   border-color: #fe5f14;
  66 }
  67
  68 button:hover:enabled,
  69 input[type="button"]:hover:enabled,
  70 input[type="submit"]:hover:enabled {
  71   color: #fe5f14;
  72 }
  73
  74 /* The look of links */
  75 a {
  76         padding: 0 0.2em;
  77         text-decoration: none;
  78         /* border-bottom: thin solid; */
  79         /* font-weight: bold; */
  80 }
  81 A:link, A:visited, A:active {
  82         color: #000000;
  83         border-bottom: thin solid #FE5F14;
  84 }
  85 a:hover {
  86         color: #FE5F14;
  87         background-color: #D1D1D1;
  88 }
  89 a.selected:hover {
  90         color:#EBEBEB;
  91 }
  92 a.nomobile {
  93         background-color:transparent;
  94         border:none;
  95 }
  96 a.green {
  97         background-color:#40FF00;
  98         border:none;
  99 }
 100 a.orange {
 101         background-color:#FF8000;
 102         border:none;
 103 }
 104 a.red {
 105         background-color:#FF0000;
 106         border:none;
 107 }
 108
 109 table {
 110     font-size: 90% !important;
 111         table-layout: auto;
 112         border-spacing: 0.3em;
 113 }
 114
 115 /* table a {
 116         color:#FE5F14 !important;
 117         border-bottom:none;
 118 } */
 119
 120 ul {
 121 }
 122
 123 hr {
 124         background-color: #006400;
 125         border: none;
 126         color: #79B61B;
 127         height: 2px;
 128 }
 129
 130 tr.rule-before th, tr.rule-before td {
 131   padding-top: 2px;
 132   border-top: 2px solid #EBEBEB;
 133 }
 134
 135 td {
 136         color: #000000;
 137         font-weight: normal;
 138 }
 139 /* td.hover:hover {
 140         color: #006400;
 141         background-color: #FFFFE0;
 142 } */
 143 th {
 144         color: #000000;
 145         font-weight: bold;
 146 }
 147 /* login and admin */
 148 a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
 149         text-decoration: none !important;
 150         background-color:transparent !important;
 151         border:none;
 152 }
 153 a.no-underlined-links:hover {
 154         background: none;
 155 }
 156 body.login {
 157         background-color: #FFFFE0;
 158         color: #000000;
 159 }
 160 .login h1 {
 161   text-align: center;
 162   font-size: 20px;
 163 }
 164 table.login {
 165         background-color: #FFFFE0;
 166         padding: 20px;
 167   width: 500px;
 168 }
 169 td.login {
 170         text-align: center;
 171 }
 172 th.login {
 173         text-align: right;
 174 }
 175 .admin h1 {
 176         background-color: #fe5f14;
 177   text-color: #ffffff;
 178 }
 179 body.menu {
 180         color: #000000;
 181 }
 182 /* Warnings */
 183 .message_error_login {
 184         color: #000000;
 185         border: 1px solid #8b0000;
 186         background-color: #ffcccc;
 187         padding: 3px;
 188 }
 189 .message_ok {
 190         padding: 5px;
 191         background-color: #ADFFB6;
 192         color: black;
 193         font-weight: bolder;
 194         text-align: center;
 195         border-style: solid;
 196         border-width: thin;
 197 }
 198 .message_error {
 199         padding: 5px;
 200         background-color: #CC0000;
 201         color: white;
 202         font-weight: bolder;
 203         text-align: center;
 204         border-style: solid;
 205         border-width: thin;
 206 }
 207 .message_hint {
 208         padding: 0.5em;
 209         background-color: #FFEE66;
 210         color: black;
 211         font-weight: bolder;
 212         text-align: center;
 213         border-style: solid;
 214         border-width: thin;
 215 }
 216 .message_error_label {
 217         padding: 0.5em;
 218         background-color: #E00000;
 219   color: white;
 220         font-weight: normal;
 221         text-align: left;
 222         border-style: solid;
 223         border-width: thin;
 224 }
 225 /*    Headings */
 226 .listtop, h1 {
 227     font-size:125%;
 228         background-color: #006400;
 229         text-align: left;
 230         padding: 0.5em;
 231         color: #FFFFFF;
 232         font-weight: bolder;
 233         border-style: none;
 234         border-width: thin;
 235         -moz-border-radius:0.4em; /* Firefox */
 236         -webkit-border-radius:0.4em; /* Safari, Chrome */
 237         -khtml-border-radius:0.4em; /* Konqueror */
 238         border-radius:0.4em; /* CSS3 */
 239         behavior:url(border-radius.htc);
 240 }
 241
 242 /* .listelement {
 243         background-color: #f8ffb3;
 244         color: #000000;
 245 }
 246 .listelement2 {
 247         background-color: #8ee085;
 248         color: #000000;
 249 } */
 250 .listheading, #content h2 {
 251         padding: 0.2em;
 252         background-color: #EBEBEB;
 253         color: #006400;
 254         font-weight: bolder;
 255         text-align: left;
 256         border-style: none;
 257 }
 258
 259 /* .listheadingcontent {
 260         background-color: #EBEBEB;
 261         color: #006400;
 262         font-weight: bolder;
 263         text-align: left;
 264 } */
 265
 266 .accountlistheading {
 267         padding: 0.3em;
 268         color: #006400;
 269         font-weight: bold;
 270         text-align: left;
 271         background-color: #EBEBEB;
 272 }
 273 .subsubheading {
 274         color: #000000;
 275         font-weight: bolder;
 276         text-decoration: underline;
 277 }
 278 .optionen {
 279         border: dashed;
 280         border-width: 1px;
 281         background: #FFFFE0;
 282 }
 283 .listrow1, .listrow:nth-child(even) {
 284         background-color: #FFFFFF;
 285         color: black;
 286         vertical-align: top;
 287 }
 288 .listrow0, .listrow:nth-child(odd) {
 289         background-color: #FFFF99;
 290         color: black;
 291         vertical-align: top;
 292 }
 293 .listrow_error1, .listrow_error:nth-child(even) {
 294         background-color: #F6CECE;
 295         color: black;
 296         vertical-align: top;
 297 }
 298 .listrow_error0, .listrow_error:nth-child(odd) {
 299         background-color: #F5A9A9;
 300         color: black;
 301         vertical-align: top;
 302 }
 303 .listrowempty {
 304         background-color: #FFFFFF;
 305         color: black;
 306         vertical-align: top;
 307 }
 308 .listsubtotal {
 309         background-color: rgb(236,233,216);
 310         color: black;
 311         font-weight: bolder;
 312 }
 313 .listtotal, .listtotal td {
 314         background-color: rgb(236,233,216);
 315         color: black;
 316         font-weight: bolder;
 317 }
 318 /* Verkaufsbericht */
 319 .listmainsortheader {
 320         background-color: rgb(236,233,216);
 321         color: red;
 322         font-weight: bolder;
 323         padding-left: 10px;
 324         padding-top: 0px;
 325 }
 326 .listmainsortsubtotal {
 327         background-color: rgb(236,233,216);
 328         color: red;
 329         font-weight: bolder;
 330         padding-left: 10px;
 331 }
 332 .listsubsortheader {
 333         background-color: rgb(236,233,216);
 334         color: green;
 335         font-weight: bolder;
 336         padding-left: 20px
 337 }
 338 .listsubsortsubtotal {
 339         background-color: rgb(236,233,216);
 340         color: green;
 341         font-weight: bolder;
 342         padding-left: 20px
 343 }
 344 .listsortdescription {
 345         background-color: rgb(236,233,216);
 346         color: black;
 347         font-weight: normal;
 348         padding-left: 30px
 349 }
 350 .submit {
 351         font-family: Verdana, Arial, Helvetica;
 352         color: #000000;
 353 }
 354 .checkbox, .radio {
 355         font-family: Verdana, Arial, Helvetica;
 356         color: #778899;
 357 }
 358 .plus0 {
 359 /* font color for negative numbers */
 360         color: red;
 361 }
 362 .plus1 {
 363         color: green;
 364 }
 365 h2.confirm {
 366         color: blue;
 367 }
 368 h2.error {
 369         color: red;
 370 }
 371 fieldset {
 372         margin-top: 15px;
 373         color: black;
 374         font-weight: bolder;
 375 }
 376 .filecontent {
 377         border: 1px solid blue;
 378         padding-left: 2px;
 379         padding-right: 2px;
 380 }
 381 label {
 382         cursor: pointer;
 383         vertical-align: top;
 384 }
 385 .unbalanced_ledger {
 386         background-color: #ffa0a0;
 387 }
 388 .flash_message_error {
 389         background-color: #FFD6D6;
 390         border: 1px solid #AE0014;
 391         margin-top: 5px;
 392         margin-bottom: 5px;
 393         padding: 5px;
 394 }
 395 .flash_message_ok {
 396         background-color: #ADFFB6;
 397         border: 1px solid #007F0F;
 398         margin-top: 5px;
 399         margin-bottom: 5px;
 400         padding: 5px;
 401 }
 402 .flash_message_warning {
 403         background-color: #FFE8C7;
 404         border: 1px solid #FF6600;
 405         margin-top: 5px;
 406         margin-bottom: 5px;
 407         padding: 5px;
 408 }
 409 .flash_message_info {
 410         background-color: #DCF2FF;
 411         border: 1px solid #4690FF;
 412         margin-top: 5px;
 413         margin-bottom: 5px;
 414         padding: 5px;
 415 }
 416
 417 .flash_title {
 418   font-weight: bold;
 419 }
 420
 421 .dimmed-text {
 422   color: #ccc;
 423   font-style: italic;
 424 }
 425
 426 .link_separator {
 427   margin-left: 6px;
 428   margin-right: 6px;
 429 }
 430
 431 .part_picker {
 432   display: inline-block;
 433 }
 434 .part_picker:before {
 435   display: inline-block;
 436   vertical-align: middle;
 437   height: 100%;
 438 }
 439 .chart_picker {
 440   padding-right: 16px;
 441 }
 442 .customer-vendor-picker-undefined,
 443 .chartpicker-undefined,
 444 .projectpicker-undefined,
 445 .partpicker-undefined {
 446   color: red;
 447   font-style: italic;
 448 }
 449
 450 div.part_picker_part,
 451 div.chart_picker_chart {
 452   padding: 5px;
 453   margin: 5px;
 454   border: 1px;
 455   border-color: darkgray;
 456   border-style: solid;
 457   -webkit-border-radius: 4px;
 458   -moz-border-radius: 4px;
 459   border-radius: 4px;
 460   background-color: white;
 461   cursor: pointer;
 462 }
 463 div.part_picker_part:hover,
 464 div.chart_picker_chart:hover {
 465   color: #FE5F14;
 466 }
 467
 468 div.ppp_block {
 469   overflow:hidden;
 470   float:left;
 471   width: 350px;
 472 }
 473 span.ppp_popup_button {
 474   display: inline-block;
 475   vertical-align: middle;
 476   margin-left: -24px;
 477   height: 20px;
 478   width: 20px;
 479   cursor: pointer;
 480   background: url("../../image/search.svg") no-repeat center right;
 481   background-size: contain;
 482 }
 483 span.part_picker input {
 484   padding-right: 20px;
 485   box-sizing: padding-box;
 486   -moz-box-sizing: padding-box;
 487   -webkit-box-sizing: padding-box;
 488 }
 489 span.part_picker {
 490   white-space: nowrap;
 491 }
 492 div.ppp_block span.ppp_block_number,
 493 div.cpc_block span.cpc_block_number
 494 {
 495   float:left;
 496 }
 497 div.ppp_block span.ppp_block_description {
 498   float:right;
 499   margin-left:1em;
 500   font-weight:bold;
 501 }
 502 div.cpc_block span.cpc_block_description {
 503   float:left;
 504   margin-left:1em;
 505   font-weight:bold;
 506 }
 507 div.ppp_line span.ppp_block_description,
 508 div.cpc_line span.cpc_block_description
 509 {
 510   margin-left:1em;
 511   font-weight:bold;
 512 }
 513 div.cpc_block span.cpc_block_balance {
 514   float:right;
 515 }
 516 div.cpc_block span.cpc_line_balance {
 517   display:none;
 518 }
 519 div.cpc_line span.cpc_block_second_row {
 520   display:none;
 521 }
 522 div.cpc_block span.cpc_block_second_row {
 523   font-size:80%;
 524 }
 525 span.toggle_selected {
 526   font-weight: bold;
 527 }
 528 .dunned_invoice {
 529   font-weight: bold;
 530   color: #f00;
 531 }
 532 .customer_dunning_level {
 533   font-weight: bold;
 534 }