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 }