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