css/kivitendo/main.css

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