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