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