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