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   -moz-appearance: none;
  29   -webkit-appearance: none;
  30   -o-appearance: none;
  31   background-color: white;
  32   border: 1px;
  33   border-color: darkgray lightgray lightgray;
  34   border-radius: 0;
  35   border-style: solid;
  36   outline: none;
  37   padding: 1px;
  38 }
  39
  40 select {
  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: 150%;
 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   background-color: #006400;
 216   text-align: left;
 217   padding: 0.5em;
 218   color: #FFFFFF;
 219   font-size:100%;
 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-size: 95%;
 235   font-weight: bolder;
 236   text-align: left;
 237   border-style: none;
 238 }
 239
 240 .accountlistheading {
 241   padding: 0.3em;
 242   color: #006400;
 243   font-weight: bold;
 244   text-align: left;
 245   background-color: #EBEBEB;
 246 }
 247 .subsubheading {
 248   color: #000000;
 249   font-weight: bolder;
 250   text-decoration: underline;
 251 }
 252 .optionen {
 253   border: dashed;
 254   border-width: 1px;
 255   background: #FFFFE0;
 256 }
 257 .listrow1, .listrow:nth-child(even) {
 258   background-color: #FFFFFF;
 259   color: black;
 260   vertical-align: top;
 261 }
 262 .listrow0, .listrow:nth-child(odd) {
 263   background-color: #FFFF99;
 264   color: black;
 265   vertical-align: top;
 266 }
 267 .listrow_error1, .listrow_error:nth-child(even) {
 268   background-color: #F6CECE;
 269   color: black;
 270   vertical-align: top;
 271 }
 272 .listrow_error0, .listrow_error:nth-child(odd) {
 273   background-color: #F5A9A9;
 274   color: black;
 275   vertical-align: top;
 276 }
 277 .listrowempty {
 278   background-color: #FFFFFF;
 279   color: black;
 280   vertical-align: top;
 281 }
 282 .listsubtotal {
 283   background-color: rgb(236,233,216);
 284   color: black;
 285   font-weight: bolder;
 286 }
 287 .listtotal, .listtotal td {
 288   background-color: rgb(236,233,216);
 289   color: black;
 290   font-weight: bolder;
 291 }
 292 /* Verkaufsbericht */
 293 .listmainsortheader {
 294   background-color: rgb(236,233,216);
 295   color: red;
 296   font-weight: bolder;
 297   padding-left: 10px;
 298   padding-top: 0px;
 299 }
 300 .listmainsortsubtotal {
 301   background-color: rgb(236,233,216);
 302   color: red;
 303   font-weight: bolder;
 304   padding-left: 10px;
 305 }
 306 .listsubsortheader {
 307   background-color: rgb(236,233,216);
 308   color: green;
 309   font-weight: bolder;
 310   padding-left: 20px
 311 }
 312 .listsubsortsubtotal {
 313   background-color: rgb(236,233,216);
 314   color: green;
 315   font-weight: bolder;
 316   padding-left: 20px
 317 }
 318 .listsortdescription {
 319   background-color: rgb(236,233,216);
 320   color: black;
 321   font-weight: normal;
 322   padding-left: 30px
 323 }
 324 .submit {
 325   font-family: Verdana, Arial, Helvetica;
 326   color: #000000;
 327 }
 328 .checkbox, .radio {
 329   font-family: Verdana, Arial, Helvetica;
 330   color: #778899;
 331 }
 332 .plus0 {
 333   /* font color for negative numbers */
 334   color: red;
 335 }
 336 .plus1 {
 337   color: green;
 338 }
 339 h2.confirm {
 340   color: blue;
 341 }
 342 h2.error {
 343   color: red;
 344 }
 345 fieldset {
 346   margin-top: 15px;
 347   color: black;
 348   font-weight: bolder;
 349 }
 350 .filecontent {
 351   border: 1px solid blue;
 352   padding-left: 2px;
 353   padding-right: 2px;
 354 }
 355 label {
 356   cursor: pointer;
 357   vertical-align: top;
 358 }
 359 .unbalanced_ledger {
 360   background-color: #ffa0a0;
 361 }
 362 .flash_message_error {
 363   background-color: #FFD6D6;
 364   border: 1px solid #AE0014;
 365   margin-top: 5px;
 366   margin-bottom: 5px;
 367   padding: 5px;
 368 }
 369 .flash_message_ok {
 370   background-color: #ADFFB6;
 371   border: 1px solid #007F0F;
 372   margin-top: 5px;
 373   margin-bottom: 5px;
 374   padding: 5px;
 375 }
 376 .flash_message_warning {
 377   background-color: #FFE8C7;
 378   border: 1px solid #FF6600;
 379   margin-top: 5px;
 380   margin-bottom: 5px;
 381   padding: 5px;
 382 }
 383 .flash_message_info {
 384   background-color: #DCF2FF;
 385   border: 1px solid #4690FF;
 386   margin-top: 5px;
 387   margin-bottom: 5px;
 388   padding: 5px;
 389 }
 390
 391 .flash_title {
 392   font-weight: bold;
 393 }
 394
 395 .dimmed-text {
 396   color: #ccc;
 397   font-style: italic;
 398 }
 399
 400 .link_separator {
 401   margin-left: 6px;
 402   margin-right: 6px;
 403 }
 404
 405 .part_picker {
 406   display: inline-block;
 407 }
 408 .part_picker:before {
 409   display: inline-block;
 410   vertical-align: middle;
 411   height: 100%;
 412 }
 413 .chart_picker {
 414   padding-right: 16px;
 415 }
 416 .customer-vendor-picker-undefined,
 417 .chartpicker-undefined,
 418 .projectpicker-undefined,
 419 .partpicker-undefined {
 420   color: red;
 421   font-style: italic;
 422 }
 423
 424 div.part_picker_part,
 425 div.chart_picker_chart {
 426   padding: 5px;
 427   margin: 5px;
 428   border: 1px;
 429   border-color: darkgray;
 430   border-style: solid;
 431   -webkit-border-radius: 4px;
 432   -moz-border-radius: 4px;
 433   border-radius: 4px;
 434   background-color: white;
 435   cursor: pointer;
 436 }
 437 div.part_picker_part:hover,
 438 div.chart_picker_chart:hover {
 439   color: #FE5F14;
 440 }
 441
 442 div.ppp_block {
 443   overflow:hidden;
 444   float:left;
 445   width: 350px;
 446 }
 447 span.ppp_popup_button {
 448   display: inline-block;
 449   vertical-align: middle;
 450   margin-left: -24px;
 451   height: 20px;
 452   width: 20px;
 453   cursor: pointer;
 454   background: url("../../image/search.svg") no-repeat center right;
 455   background-size: contain;
 456 }
 457 span.part_picker input {
 458   padding-right: 20px;
 459   box-sizing: padding-box;
 460   -moz-box-sizing: padding-box;
 461   -webkit-box-sizing: padding-box;
 462 }
 463 span.part_picker {
 464   white-space: nowrap;
 465 }
 466 div.ppp_block span.ppp_block_number,
 467 div.cpc_block span.cpc_block_number
 468 {
 469   float:left;
 470 }
 471 div.ppp_block span.ppp_block_description {
 472   float:right;
 473   margin-left:1em;
 474   font-weight:bold;
 475 }
 476 div.cpc_block span.cpc_block_description {
 477   float:left;
 478   margin-left:1em;
 479   font-weight:bold;
 480 }
 481 div.ppp_line span.ppp_block_description,
 482 div.cpc_line span.cpc_block_description
 483 {
 484   margin-left:1em;
 485   font-weight:bold;
 486 }
 487 div.cpc_block span.cpc_block_balance {
 488   float:right;
 489 }
 490 div.cpc_block span.cpc_line_balance {
 491   display:none;
 492 }
 493 div.cpc_line span.cpc_block_second_row {
 494   display:none;
 495 }
 496 div.cpc_block span.cpc_block_second_row {
 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 }