Revision e7c11f83
Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt
| css/less/forms.less | ||
|---|---|---|
| 56 | 56 |
outline: none; |
| 57 | 57 |
background-color: #fff ; |
| 58 | 58 |
|
| 59 |
input[type="text"], |
|
| 60 |
input[type="password"], |
|
| 61 |
textarea, |
|
| 62 |
select {
|
|
| 63 |
background-color: #fff ; |
|
| 64 |
|
|
| 65 |
// -------------- |
|
| 66 |
// Focused Elements |
|
| 67 |
&:focus, |
|
| 68 |
&:active {
|
|
| 69 |
background-color: @formelement-focus-bg !important ; |
|
| 70 |
border: @formelement-focus-border ; |
|
| 59 |
&[type="text"], |
|
| 60 |
&[type="password"] {
|
|
| 61 |
|
|
| 62 |
} |
|
| 63 |
|
|
| 64 |
&[type="text"] {
|
|
| 65 |
&.accent{
|
|
| 66 |
font-weight: bold ; |
|
| 67 |
font-size: 130% !important ; |
|
| 68 |
padding: 0.6em auto !important ; |
|
| 71 | 69 |
} |
| 70 |
} |
|
| 71 |
|
|
| 72 |
// -------------- |
|
| 73 |
// Focused Elements |
|
| 74 |
&:focus, |
|
| 75 |
&:active {
|
|
| 76 |
background-color: @formelement-focus-bg !important ; |
|
| 77 |
border: @formelement-focus-border ; |
|
| 72 | 78 |
} |
| 79 |
|
|
| 73 | 80 |
} |
| 74 | 81 |
// /input, textarea, select |
| 75 | 82 |
|
| ... | ... | |
| 99 | 106 |
input.submit, |
| 100 | 107 |
button, |
| 101 | 108 |
a.button {
|
| 102 |
// PENDENT: MIXIN-anlegen fuer .Buttons |
|
| 103 |
background-color: #99CCFF; |
|
| 104 |
border: 1px #53619B solid; |
|
| 105 |
border-radius: 3px; |
|
| 106 |
color: #06C; |
|
| 107 |
padding: 0px 4px; |
|
| 109 |
.mx-button |
|
| 110 |
} |
|
| 111 |
a.button.neutral{
|
|
| 112 |
background-color: #ccc; |
|
| 113 |
&:link, |
|
| 114 |
&:visited{
|
|
| 115 |
color: #666 ; |
|
| 116 |
} |
|
| 117 |
} |
|
| 118 |
// PENDENT: Neu |
|
| 119 |
input[type="button"]{
|
|
| 120 |
&.inline{}
|
|
| 121 |
&.below{
|
|
| 122 |
clear: both !important; |
|
| 123 |
float: none; |
|
| 124 |
margin-top: 0.3em; |
|
| 125 |
overflow: hidden ; |
|
| 126 |
} |
|
| 127 |
&.wi-wider{ width: 24.5em; }
|
|
| 108 | 128 |
} |
| 109 | 129 |
|
| 110 | 130 |
input[type="button"]:focus, |
| ... | ... | |
| 118 | 138 |
button:hover:enabled, |
| 119 | 139 |
input[type="button"]:hover:enabled, |
| 120 | 140 |
input[type="submit"]:hover:enabled {
|
| 121 |
color: #fe5f14;
|
|
| 141 |
color: #fff;
|
|
| 122 | 142 |
} |
| 123 | 143 |
|
| 124 |
|
|
| 144 |
div.buttons{
|
|
| 145 |
padding: 1.0em ; |
|
| 146 |
&.positions{
|
|
| 147 |
margin: 0 0 -2.4em 20.0em; |
|
| 148 |
} |
|
| 149 |
} |
|
| 125 | 150 |
|
| 126 | 151 |
|
| 127 | 152 |
// -------------------------------------- |
| ... | ... | |
| 185 | 210 |
// 1 Lined input field |
| 186 | 211 |
// |
| 187 | 212 |
|
| 188 |
&[type="text"]{
|
|
| 213 |
&[type="text"], |
|
| 214 |
&[type="password"]{
|
|
| 189 | 215 |
|
| 190 | 216 |
&.wi-smallest { width: @input-wi-smallest ; } // 2.0em
|
| 191 | 217 |
&.wi-verysmall { width: @input-wi-verysmall ; } // 4.0em
|
| ... | ... | |
| 206 | 232 |
|
| 207 | 233 |
// Password (Standard size) |
| 208 | 234 |
&[type="password"]{
|
| 209 |
width: 10.0em ;
|
|
| 235 |
min-width: @input-wi-normal ;
|
|
| 210 | 236 |
} |
| 211 | 237 |
|
| 212 | 238 |
// OBSOLETE |
| ... | ... | |
| 281 | 307 |
} |
| 282 | 308 |
|
| 283 | 309 |
|
| 310 |
td {
|
|
| 311 |
div.rowspan-table{
|
|
| 312 |
display: table-row ; |
|
| 313 |
|
|
| 314 |
div.label-n-value{
|
|
| 315 |
display: table-cell ; |
|
| 316 |
vertical-align: middle; |
|
| 317 |
height: 1.6em !important ; // the cell have not the same height if they are made with DIVs |
|
| 318 |
|
|
| 319 |
float: left; |
|
| 320 |
padding: 0 2.3em 0 0 ; |
|
| 321 |
//overflow: hidden ; |
|
| 322 |
b{
|
|
| 323 |
font-weight: normal; |
|
| 324 |
padding: 0 0 0 0 ; |
|
| 325 |
} |
|
| 326 |
} |
|
| 327 |
} |
|
| 328 |
} |
|
| 329 |
|
|
| 284 | 330 |
|
| 285 | 331 |
// -------------------------------------- |
| 286 | 332 |
// MIXED FORM-TABLES |
| ... | ... | |
| 314 | 360 |
|
| 315 | 361 |
} |
| 316 | 362 |
|
| 317 |
|
|
| 318 | 363 |
} |
| 319 | 364 |
// /form |
| 320 | 365 |
|
| 321 | 366 |
|
| 367 |
// -------------------------------------- |
|
| 368 |
// CHECKBOXES & LABELS WITHIN DIVS |
|
| 369 |
// -------------------------------------- |
|
| 370 |
// especially in the admin section |
|
| 371 |
|
|
| 372 |
div.admin{
|
|
| 373 |
form{
|
|
| 374 |
font-size: @font-size-small ; |
|
| 375 |
input[type="checkbox"] {
|
|
| 376 |
margin: 0.2em 0.6em 0.3em 0 ; |
|
| 377 |
float: left; |
|
| 378 |
} |
|
| 379 |
|
|
| 380 |
|
|
| 381 |
|
|
| 382 |
h3{
|
|
| 383 |
margin: 1.2em 0 0.6em 0 ; |
|
| 384 |
display: block; |
|
| 385 |
} |
|
| 386 |
div.boxes{
|
|
| 387 |
margin: 0 0 0.9em 0 ; |
|
| 388 |
overflow: hidden ; |
|
| 389 |
max-width: 800px ; |
|
| 390 |
|
|
| 391 |
div{
|
|
| 392 |
clear: both; |
|
| 393 |
margin: 0 0 0.6em 0 ; |
|
| 394 |
padding: 0; |
|
| 395 |
display: block ; |
|
| 396 |
overflow: hidden ; |
|
| 397 |
label{
|
|
| 398 |
float: left; |
|
| 399 |
width: 94% ; |
|
| 400 |
} |
|
| 401 |
} |
|
| 402 |
} |
|
| 403 |
} |
|
| 404 |
} |
|
| 405 |
|
|
| 406 |
|
|
| 407 |
|
|
| 322 | 408 |
|
| 323 | 409 |
|
| 324 | 410 |
// -------------------------------------- |
Auch abrufbar als: Unified diff
Anpassungen für die Präsentation am kivitendo Treffen April 2018