Revision 8619c4dd
Von Moritz Bunkus vor etwa 8 Jahren hinzugefügt
| css/kivitendo/main.css | ||
|---|---|---|
| 16 | 16 |
font-size: 9pt; |
| 17 | 17 |
} |
| 18 | 18 |
|
| 19 |
/* Input elements */ |
|
| 20 |
input, |
|
| 21 |
textarea, |
|
| 22 |
select {
|
|
| 23 |
-moz-border-radius: 0; |
|
| 24 |
-webkit-border-radius: 0; |
|
| 25 |
-khtml-border-radius: 0; |
|
| 26 |
background-color: white; |
|
| 27 |
border: 1px; |
|
| 28 |
border-color: darkgray lightgray lightgray; |
|
| 29 |
border-radius: 0; |
|
| 30 |
border-style: solid; |
|
| 31 |
outline: none; |
|
| 32 |
padding: 1px; |
|
| 33 |
} |
|
| 34 |
|
|
| 35 |
select {
|
|
| 36 |
-moz-appearance: none; |
|
| 37 |
-webkit-appearance: none; |
|
| 38 |
-o-appearance: none; |
|
| 39 |
appearance : none; |
|
| 40 |
background: white url('../../image/select-down.png') no-repeat scroll right center;
|
|
| 41 |
padding: 0 14px 0 0; |
|
| 42 |
} |
|
| 43 |
|
|
| 44 |
input:focus, |
|
| 45 |
textarea:focus, |
|
| 46 |
select:focus {
|
|
| 47 |
background-color: #ffffa0; |
|
| 48 |
border: 1px solid #fe5f14; |
|
| 49 |
} |
|
| 50 |
|
|
| 51 |
input[type="button"], |
|
| 52 |
input[type="submit"], |
|
| 53 |
button {
|
|
| 54 |
background-color: whitesmoke; |
|
| 55 |
border: 1px; |
|
| 56 |
border-color: darkgray; |
|
| 57 |
border-style: solid; |
|
| 58 |
padding: 0px 4px; |
|
| 59 |
} |
|
| 60 |
|
|
| 61 |
input[type="button"]:focus, |
|
| 62 |
input[type="submit"]:focus, |
|
| 63 |
button:focus {
|
|
| 64 |
background-color: #ffffa0; |
|
| 65 |
border-color: #fe5f14; |
|
| 66 |
} |
|
| 67 |
|
|
| 68 |
button:hover:enabled, |
|
| 69 |
input[type="button"]:hover:enabled, |
|
| 70 |
input[type="submit"]:hover:enabled {
|
|
| 71 |
color: #fe5f14; |
|
| 72 |
} |
|
| 19 | 73 |
|
| 20 | 74 |
/* The look of links */ |
| 21 | 75 |
a {
|
| ... | ... | |
| 78 | 132 |
border-top: 2px solid #EBEBEB; |
| 79 | 133 |
} |
| 80 | 134 |
|
| 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 | 135 |
td {
|
| 99 | 136 |
color: #000000; |
| 100 | 137 |
font-weight: normal; |
| ... | ... | |
| 425 | 462 |
} |
| 426 | 463 |
div.part_picker_part:hover, |
| 427 | 464 |
div.chart_picker_chart:hover {
|
| 428 |
background-color: #CCCCCC; |
|
| 429 | 465 |
color: #FE5F14; |
| 430 |
border-color: gray; |
|
| 431 | 466 |
} |
| 432 | 467 |
|
| 433 | 468 |
div.ppp_block {
|
| ... | ... | |
| 454 | 489 |
span.part_picker {
|
| 455 | 490 |
white-space: nowrap; |
| 456 | 491 |
} |
| 457 |
/* div.cpc_block { */
|
|
| 458 |
/* overflow:hidden; */ |
|
| 459 |
/* float:left; */ |
|
| 460 |
/* width: 350px; */ |
|
| 461 |
/* } */ |
|
| 462 | 492 |
div.ppp_block span.ppp_block_number, |
| 463 | 493 |
div.cpc_block span.cpc_block_number |
| 464 | 494 |
{
|
Auch abrufbar als: Unified diff
kivitendo-CSS: Inputs konsistent durch Browser gestylt
Damit wird verhindert, dass teilweise das Plattform-UI-Toolkit für das
Styling verantwortlich ist. Das sieht nicht nur inkonsistent aus,
sondern stört richtiggehend, wenn oft zwischen nativ gestylt und vom
Browser via CSS gestylt gewechselt wird (z.B. wenn ein Element Focus
erlangt/verliert).