Revision d25334c6
Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt
| css/less/forms.less | ||
|---|---|---|
| 38 | 38 |
margin: 0 auto 0 auto; |
| 39 | 39 |
|
| 40 | 40 |
|
| 41 |
|
|
| 41 |
// If Form must be a block container |
|
| 42 |
&.box {
|
|
| 43 |
display: block; |
|
| 44 |
overflow: hidden ; |
|
| 45 |
padding: 0 0 1.6em 0 ; |
|
| 46 |
|
|
| 47 |
} |
|
| 42 | 48 |
|
| 43 | 49 |
// -------------------------------------- |
| 44 | 50 |
// FORM-ELEMENTS |
| ... | ... | |
| 48 | 54 |
textarea, |
| 49 | 55 |
select {
|
| 50 | 56 |
font-family: @font-family-sans-serif ; |
| 51 |
font-size: @font-size-small ; |
|
| 57 |
font-size: @font-size-smaller ;
|
|
| 52 | 58 |
padding: 0.2em 0.28em; |
| 53 | 59 |
border: 1px; |
| 54 | 60 |
border-color: darkgray lightgray lightgray; |
| ... | ... | |
| 58 | 64 |
|
| 59 | 65 |
&[type="text"], |
| 60 | 66 |
&[type="password"] {
|
| 61 |
|
|
| 67 |
|
|
| 62 | 68 |
} |
| 63 | 69 |
|
| 64 | 70 |
&[type="text"] {
|
| 65 | 71 |
&.accent{
|
| 66 | 72 |
font-weight: bold ; |
| 67 | 73 |
font-size: 130% !important ; |
| 68 |
padding: 0.6em auto !important ;
|
|
| 74 |
padding: 0.6em auto !important ; |
|
| 69 | 75 |
} |
| 70 |
} |
|
| 76 |
} |
|
| 77 |
} |
|
| 78 |
// /input, textarea, select |
|
| 71 | 79 |
|
| 72 |
// -------------- |
|
| 73 |
// Focused Elements |
|
| 80 |
// -------------- |
|
| 81 |
// Focused Elements |
|
| 82 |
input[type="text"], |
|
| 83 |
input[type="password"], |
|
| 84 |
textarea, |
|
| 85 |
select {
|
|
| 74 | 86 |
&:focus, |
| 75 | 87 |
&:active {
|
| 76 |
background-color: @formelement-focus-bg !important ;
|
|
| 88 |
background-color: @formelement-focus-bg ; |
|
| 77 | 89 |
border: @formelement-focus-border ; |
| 78 | 90 |
} |
| 79 |
|
|
| 80 | 91 |
} |
| 81 |
// /input, textarea, select |
|
| 92 |
|
|
| 82 | 93 |
|
| 83 | 94 |
|
| 84 | 95 |
// -------------- |
| ... | ... | |
| 88 | 99 |
select {
|
| 89 | 100 |
// background: white url('../image/select-down.png') no-repeat scroll right center;
|
| 90 | 101 |
padding-right: 1.0em; |
| 91 |
|
|
| 102 |
|
|
| 92 | 103 |
&.helper {
|
| 93 |
background-color: #efefef;
|
|
| 104 |
background-color: #efefef; |
|
| 94 | 105 |
} |
| 95 | 106 |
} |
| 96 | 107 |
|
| 97 | 108 |
|
| 109 |
// -------------------------------------- |
|
| 110 |
// SPECIAL INPUT TYPES |
|
| 111 |
// -------------------------------------- |
|
| 112 |
|
|
| 113 |
input {
|
|
| 114 |
&[type="file"]{
|
|
| 115 |
padding: 0.8em; |
|
| 116 |
background-color: #dedede; |
|
| 117 |
color: #666666 ; |
|
| 118 |
border: 1px #666 solid ; |
|
| 119 |
// PENDENT: geht wahrscheinlich nicht, oder muss anders geloest werden |
|
| 120 |
// Hier handelt es sich um den "Select File"-Button |
|
| 121 |
button, |
|
| 122 |
input[type="button"] {
|
|
| 123 |
background-color: #A3FFA8; |
|
| 124 |
} |
|
| 125 |
} |
|
| 126 |
} |
|
| 127 |
|
|
| 128 |
|
|
| 129 |
|
|
| 98 | 130 |
|
| 99 | 131 |
|
| 100 | 132 |
// -------------------------------------- |
| 101 | 133 |
// BUTTONS |
| 102 | 134 |
// -------------------------------------- |
| 103 | 135 |
|
| 136 |
// General |
|
| 104 | 137 |
input[type="button"], |
| 105 | 138 |
input[type="submit"], |
| 106 |
input.submit,
|
|
| 139 |
input[type="reset"],
|
|
| 107 | 140 |
button, |
| 108 |
a.button {
|
|
| 109 |
.mx-button |
|
| 110 |
} |
|
| 111 |
a.button.neutral{
|
|
| 112 |
background-color: #ccc; |
|
| 113 |
&:link, |
|
| 114 |
&:visited{
|
|
| 115 |
color: #666 ; |
|
| 141 |
a.button /* PENDENT: A.button verlagern */ {
|
|
| 142 |
.mx-button ; // Mixin |
|
| 143 |
|
|
| 144 |
&.clear {
|
|
| 145 |
clear: left; |
|
| 146 |
} |
|
| 147 |
// DIMENSIONS |
|
| 148 |
&.wi-verysmall { min-width: @input-wi-verysmall ; }
|
|
| 149 |
&.wi-small { min-width: @input-wi-small ; }
|
|
| 150 |
&.wi-mediumsmall { min-width: @input-wi-mediumsmall ; }
|
|
| 151 |
&.wi-normal { min-width: @input-wi-normal ; }
|
|
| 152 |
&.wi-lightwide { width: @input-wi-lightwide ; }
|
|
| 153 |
&.wi-wide { width: @input-wi-wide ; }
|
|
| 154 |
&.wi-wider { width: @input-wi-wider ; }
|
|
| 155 |
&.wi-verywide { width: @input-wi-verywide ; }
|
|
| 156 |
&.wi-tiny {
|
|
| 157 |
width: auto ; |
|
| 158 |
padding: 0.16em 0.2em 0.1em 0.2em; |
|
| 159 |
margin: -0.3em 0 0 0.2em; |
|
| 160 |
//float: right; |
|
| 161 |
display: inline-block; |
|
| 162 |
font-size: 84% ; |
|
| 163 |
} |
|
| 164 |
|
|
| 165 |
|
|
| 166 |
} |
|
| 167 |
|
|
| 168 |
input[type="button"], |
|
| 169 |
input[type="submit"], |
|
| 170 |
input[type="reset"], |
|
| 171 |
button {
|
|
| 172 |
cursor: pointer ; |
|
| 173 |
} |
|
| 174 |
|
|
| 175 |
|
|
| 176 |
|
|
| 177 |
// ------------------- |
|
| 178 |
// Action (submission to server page) |
|
| 179 |
input[type="submit"], |
|
| 180 |
input[type="button"], |
|
| 181 |
button[type="submit"], |
|
| 182 |
button[type="button"] {
|
|
| 183 |
color: @btn-default-color ; |
|
| 184 |
background-color: @btn-default-bg; |
|
| 185 |
border-color: @btn-default-border ; |
|
| 186 |
|
|
| 187 |
&:hover, |
|
| 188 |
&.hover{
|
|
| 189 |
color: @btn-default-hover-color ; |
|
| 190 |
background-color: @btn-default-hover-bg; |
|
| 191 |
border-color: @btn-default-hover-border ; |
|
| 192 |
} |
|
| 193 |
&:active, |
|
| 194 |
&.active{
|
|
| 195 |
color: @btn-default-active-color ; |
|
| 196 |
background-color: @btn-default-active-bg; |
|
| 197 |
border-color: @btn-default-active-border ; |
|
| 198 |
} |
|
| 199 |
|
|
| 200 |
} |
|
| 201 |
|
|
| 202 |
// ------------------- |
|
| 203 |
// Neutral (no submission to server page) |
|
| 204 |
/* a.button.neutral, */ |
|
| 205 |
input[type="button"].neutral, |
|
| 206 |
input[type="submit"].neutral, |
|
| 207 |
input[type="reset"], |
|
| 208 |
input[type="reset"].neutral, |
|
| 209 |
button.neutral, |
|
| 210 |
button[type="reset"] {
|
|
| 211 |
color: @btn-neutral-color ; |
|
| 212 |
background-color: @btn-neutral-bg; |
|
| 213 |
border-color: @btn-neutral-border ; |
|
| 214 |
|
|
| 215 |
&:hover {
|
|
| 216 |
color: @btn-neutral-hover-color ; |
|
| 217 |
background-color: @btn-neutral-hover-bg; |
|
| 218 |
border-color: @btn-neutral-hover-border ; |
|
| 116 | 219 |
} |
| 220 |
|
|
| 221 |
&:active {
|
|
| 222 |
color: @btn-neutral-active-color; |
|
| 223 |
background-color: @btn-neutral-active-bg; |
|
| 224 |
border-color: @btn-neutral-active-border ; |
|
| 225 |
} |
|
| 226 |
} |
|
| 227 |
// just for testing and documentation |
|
| 228 |
input[type="reset"].neutral-hover, |
|
| 229 |
button.neutral-hover {
|
|
| 230 |
color: @btn-neutral-hover-color ; |
|
| 231 |
background-color: @btn-neutral-hover-bg; |
|
| 232 |
border-color: @btn-neutral-hover-border ; |
|
| 117 | 233 |
} |
| 234 |
// just for testing and documentation |
|
| 235 |
input[type="reset"].neutral-active, |
|
| 236 |
button.neutral-active {
|
|
| 237 |
color: @btn-neutral-active-color; |
|
| 238 |
background-color: @btn-neutral-active-bg; |
|
| 239 |
border-color: @btn-neutral-active-border ; |
|
| 240 |
} |
|
| 241 |
|
|
| 242 |
|
|
| 243 |
|
|
| 244 |
|
|
| 245 |
|
|
| 118 | 246 |
// PENDENT: Neu |
| 119 | 247 |
input[type="button"]{
|
| 120 | 248 |
&.inline{}
|
| ... | ... | |
| 124 | 252 |
margin-top: 0.3em; |
| 125 | 253 |
overflow: hidden ; |
| 126 | 254 |
} |
| 127 |
&.wi-wider{ width: 24.5em; }
|
|
| 255 |
|
|
| 128 | 256 |
} |
| 129 | 257 |
|
| 130 | 258 |
input[type="button"]:focus, |
| ... | ... | |
| 135 | 263 |
} |
| 136 | 264 |
|
| 137 | 265 |
// PENDENT: anschauen |
| 138 |
button:hover:enabled, |
|
| 139 |
input[type="button"]:hover:enabled, |
|
| 140 |
input[type="submit"]:hover:enabled {
|
|
| 141 |
color: #fff; |
|
| 142 |
} |
|
| 266 |
// button:hover:enabled, |
|
| 267 |
// input[type="button"]:hover:enabled, |
|
| 268 |
// input[type="submit"]:hover:enabled {
|
|
| 269 |
// color: #fff ; |
|
| 270 |
// } |
|
| 271 |
|
|
| 143 | 272 |
|
| 273 |
// Container fuer Buttons |
|
| 144 | 274 |
div.buttons{
|
| 145 | 275 |
padding: 1.0em ; |
| 276 |
clear: left ; |
|
| 277 |
display: block; |
|
| 278 |
// PENDENT: anschauen, ist fuer Anzeige von Positionsdetails |
|
| 146 | 279 |
&.positions{
|
| 147 |
margin: 0 0 -2.4em 20.0em; |
|
| 280 |
margin: 0 0 -2.0em 20.0em; |
|
| 281 |
padding: 0 ; |
|
| 148 | 282 |
} |
| 149 | 283 |
} |
| 284 |
.col .buttons{
|
|
| 285 |
padding: 1.0em 1.0em 1.0em 0 !important; |
|
| 286 |
//border: #ff00ff 1px solid // TEST |
|
| 287 |
} |
|
| 288 |
|
|
| 289 |
|
|
| 150 | 290 |
|
| 151 | 291 |
|
| 152 | 292 |
// -------------------------------------- |
| ... | ... | |
| 157 | 297 |
cursor: pointer; |
| 158 | 298 |
vertical-align: top; |
| 159 | 299 |
display: inline-block; |
| 160 |
|
|
| 300 |
width: 92% ; |
|
| 301 |
|
|
| 161 | 302 |
// PENDENT: MIXIN-anlegen fuer .Buttons |
| 162 | 303 |
&.button{
|
| 163 | 304 |
background-color: #99CCFF; |
| ... | ... | |
| 212 | 353 |
|
| 213 | 354 |
&[type="text"], |
| 214 | 355 |
&[type="password"]{
|
| 215 |
|
|
| 216 |
&.wi-smallest { width: @input-wi-smallest ; } // 2.0em
|
|
| 356 |
&.wi-smallest { width: @input-wi-smallest ; } // 2.0em
|
|
| 217 | 357 |
&.wi-verysmall { width: @input-wi-verysmall ; } // 4.0em
|
| 218 | 358 |
&.wi-small { width: @input-wi-small ; } // 8.8em
|
| 219 | 359 |
&.wi-mediumsmall { width: @input-wi-mediumsmall ; } // 8.8em
|
| ... | ... | |
| 230 | 370 |
|
| 231 | 371 |
} |
| 232 | 372 |
|
| 233 |
// Password (Standard size) |
|
| 373 |
// Password (Standard size) // PENDENT: Standardgroesse ??
|
|
| 234 | 374 |
&[type="password"]{
|
| 235 |
min-width: @input-wi-normal ; |
|
| 375 |
//min-width: @input-wi-normal ;
|
|
| 236 | 376 |
} |
| 237 | 377 |
|
| 238 |
// OBSOLETE |
|
| 378 |
// OBSOLETE // PENDENT: ggf. entfernen
|
|
| 239 | 379 |
.fixed_width {
|
| 240 | 380 |
width: 250px; |
| 241 | 381 |
} |
| ... | ... | |
| 251 | 391 |
select {
|
| 252 | 392 |
&.wi-smallest { width: @select-wi-smallest ; } // 2.0em
|
| 253 | 393 |
&.wi-verysmall { width: @select-wi-verysmall ; }
|
| 254 |
&.wi-small { width: @select-wi-small ; }
|
|
| 394 |
&.wi-small { width: @select-wi-small ; } // Datum (PENDENT: ca. 8.6em)
|
|
| 255 | 395 |
&.wi-mediumsmall { width: @select-wi-mediumsmall ; }
|
| 256 | 396 |
&.wi-normal { width: @select-wi-normal ; }
|
| 257 | 397 |
&.wi-lightwide { width: @select-wi-lightwide ; }
|
| 258 | 398 |
&.wi-wide { min-width: @select-wi-wide ; }
|
| 259 | 399 |
&.wi-wider { min-width: @select-wi-wider ; }
|
| 260 | 400 |
&.wi-verywide { min-width: @select-wi-verywide ; }
|
| 401 |
&.wi-full { width: 100% ; }
|
|
| 261 | 402 |
} |
| 262 | 403 |
// /DIMENSION select |
| 263 | 404 |
|
| ... | ... | |
| 267 | 408 |
// |
| 268 | 409 |
|
| 269 | 410 |
textarea {
|
| 270 |
&.wi-small { width: @input-wi-small ; }
|
|
| 271 |
&.wi-mediumsmall { width: @input-wi-mediumsmall ; }
|
|
| 272 |
&.wi-normal { width: @input-wi-normal ; }
|
|
| 273 |
&.wi-wide { min-width: @input-wi-wide ; }
|
|
| 274 |
&.wi-wider { min-width: @input-wi-wider ; }
|
|
| 275 |
&.wi-verywide { min-width: @input-wi-verywide ; }
|
|
| 411 |
|
|
| 412 |
// Standard-Dimensions |
|
| 413 |
&.wi-smallest { width: @textarea-wi-normal ; } // no smallest, just normal
|
|
| 414 |
&.wi-verysmall { width: @textarea-wi-normal ; } // no verysmall, just normal
|
|
| 415 |
&.wi-small { width: @textarea-wi-normal ; } // no small, just normal
|
|
| 416 |
&.wi-mediumsmall { width: @textarea-wi-normal ; } // no mediumsmall, just normal
|
|
| 417 |
&.wi-normal { width: @textarea-wi-normal ; }
|
|
| 418 |
&.wi-lightwide { min-width: @textarea-wi-lightwide ; }
|
|
| 419 |
&.wi-wide { min-width: @textarea-wi-wide ; }
|
|
| 420 |
&.wi-wide.strict { max-width: @textarea-wi-wide !important ; }
|
|
| 421 |
&.wi-wider { min-width: @textarea-wi-wider ; }
|
|
| 422 |
&.wi-verywide { min-width: @textarea-wi-verywide ; }
|
|
| 423 |
&.wi-full { width: 100% ; }
|
|
| 424 |
|
|
| 425 |
|
|
| 426 |
&.wi-small-small { width: @textarea-wi-small-small ; }
|
|
| 427 |
&.wi-small-mediumsmall { width: @textarea-wi-small-mediumsmall ; }
|
|
| 428 |
&.wi-small-normal { width: @textarea-wi-small-normal ; }
|
|
| 429 |
&.wi-small-lightwide { width: @textarea-wi-small-lightwide ; }
|
|
| 430 |
&.wi-small-wide { width: @textarea-wi-small-wide ; }
|
|
| 431 |
&.wi-small-wider { width: @textarea-wi-small-wider ; }
|
|
| 432 |
&.wi-small-verywide { width: @textarea-wi-small-verywide ; }
|
|
| 433 |
|
|
| 434 |
&.wi-mediumsmall-small { width: @textarea-wi-mediumsmall-small ; }
|
|
| 435 |
&.wi-mediumsmall-mediumsmall { width: @textarea-wi-mediumsmall-mediumsmall ; }
|
|
| 436 |
&.wi-mediumsmall-normal { width: @textarea-wi-mediumsmall-normal ; }
|
|
| 437 |
&.wi-mediumsmall-lightwide { width: @textarea-wi-mediumsmall-lightwide ; }
|
|
| 438 |
&.wi-mediumsmall-wide { width: @textarea-wi-mediumsmall-wide ; }
|
|
| 439 |
&.wi-mediumsmall-wider { width: @textarea-wi-mediumsmall-wider ; }
|
|
| 440 |
&.wi-mediumsmall-verywide { width: @textarea-wi-mediumsmall-verywide ; }
|
|
| 441 |
|
|
| 442 |
&.wi-normal-small { width: @textarea-wi-normal-small ; }
|
|
| 443 |
&.wi-normal-mediumsmall { width: @textarea-wi-normal-mediumsmall ; }
|
|
| 444 |
&.wi-normal-normal { width: @textarea-wi-normal-normal ; }
|
|
| 445 |
&.wi-normal-lightwide { width: @textarea-wi-normal-lightwide ; }
|
|
| 446 |
&.wi-normal-wide { width: @textarea-wi-normal-wide ; }
|
|
| 447 |
&.wi-normal-wider { width: @textarea-wi-normal-wider ; }
|
|
| 448 |
&.wi-normal-verywide { width: @textarea-wi-normal-verywide ; }
|
|
| 449 |
|
|
| 450 |
&.wi-lightwide-small { width: @textarea-wi-lightwide-small ; }
|
|
| 451 |
&.wi-lightwide-mediumsmall { width: @textarea-wi-lightwide-mediumsmall ; }
|
|
| 452 |
&.wi-lightwide-normal { width: @textarea-wi-lightwide-normal ; }
|
|
| 453 |
&.wi-lightwide-lightwide { width: @textarea-wi-lightwide-lightwide ; }
|
|
| 454 |
&.wi-lightwide-wide { width: @textarea-wi-lightwide-wide ; }
|
|
| 455 |
&.wi-lightwide-wider { width: @textarea-wi-lightwide-wider ; }
|
|
| 456 |
&.wi-lightwide-verywide { width: @textarea-wi-lightwide-verywide ; }
|
|
| 457 |
|
|
| 458 |
&.wi-wide-small { width: @textarea-wi-wide-small ; }
|
|
| 459 |
&.wi-wide-mediumsmall { width: @textarea-wi-wide-mediumsmall ; }
|
|
| 460 |
&.wi-wide-normal { width: @textarea-wi-wide-normal ; }
|
|
| 461 |
&.wi-wide-lightwide { width: @textarea-wi-wide-wide ; }
|
|
| 462 |
&.wi-wide-wide { width: @textarea-wi-wide-wide ; }
|
|
| 463 |
&.wi-wide-wider { width: @textarea-wi-wide-wider ; }
|
|
| 464 |
&.wi-wide-verywide { width: @textarea-wi-wide-verywide ; }
|
|
| 465 |
|
|
| 466 |
|
|
| 467 |
|
|
| 276 | 468 |
} |
| 277 |
// /DIMENSION select
|
|
| 469 |
// /DIMENSION textarea
|
|
| 278 | 470 |
|
| 279 | 471 |
|
| 280 | 472 |
|
| ... | ... | |
| 291 | 483 |
} |
| 292 | 484 |
|
| 293 | 485 |
|
| 486 |
input[type=text].emphasized {
|
|
| 487 |
word-wrap: break-word; |
|
| 488 |
word-break: break-all; |
|
| 489 |
height: auto; |
|
| 490 |
overflow: hidden ; |
|
| 491 |
} |
|
| 492 |
|
|
| 493 |
|
|
| 294 | 494 |
|
| 295 | 495 |
|
| 296 | 496 |
// -------------------------------------- |
| ... | ... | |
| 308 | 508 |
|
| 309 | 509 |
|
| 310 | 510 |
td {
|
| 311 |
div.rowspan-table{
|
|
| 511 |
div.rowspan-table{
|
|
| 312 | 512 |
display: table-row ; |
| 313 |
|
|
| 513 |
|
|
| 314 | 514 |
div.label-n-value{
|
| 315 | 515 |
display: table-cell ; |
| 316 | 516 |
vertical-align: middle; |
| 317 | 517 |
height: 1.6em !important ; // the cell have not the same height if they are made with DIVs |
| 318 |
|
|
| 518 |
|
|
| 319 | 519 |
float: left; |
| 320 | 520 |
padding: 0 2.3em 0 0 ; |
| 321 | 521 |
//overflow: hidden ; |
| ... | ... | |
| 332 | 532 |
// MIXED FORM-TABLES |
| 333 | 533 |
// -------------------------------------- |
| 334 | 534 |
// Tables with either Form Elements or Text in Cells |
| 335 |
|
|
| 535 |
// PENDENT: .data mit anderen Formular-Elementen zusammenfassen |
|
| 336 | 536 |
table td > span.data {
|
| 337 |
display: block;
|
|
| 537 |
display: block; |
|
| 338 | 538 |
overflow: hidden ; |
| 339 | 539 |
font-size: @font-size-smaller ; |
| 340 |
height: 1.0em ; |
|
| 341 |
padding: 0.1em 0.28em 0.4em 0.28em; |
|
| 342 | 540 |
margin: 0 ; |
| 343 |
border: 1px #dcdcdc solid; |
|
| 541 |
border: 1px #dcdcdc solid; |
|
| 542 |
line-height: 120%; |
|
| 543 |
//padding: 0.1em 0.28em 0.4em 0.28em; |
|
| 544 |
padding: 0.2em 0.28em !important; |
|
| 344 | 545 |
&::before{
|
| 345 | 546 |
content: "" ; |
| 346 | 547 |
} |
| 347 |
|
|
| 548 |
&.below{
|
|
| 549 |
margin-top: 0.2em; |
|
| 550 |
} |
|
| 551 |
&.numeric, |
|
| 552 |
&.right{
|
|
| 553 |
text-align: right; |
|
| 554 |
} |
|
| 555 |
|
|
| 348 | 556 |
// Dimensions |
| 349 | 557 |
&.wi-smallest { width: @input-wi-smallest ; }
|
| 350 | 558 |
&.wi-verysmall { width: @input-wi-verysmall ; }
|
| ... | ... | |
| 353 | 561 |
&.wi-normal { width: @input-wi-normal ; }
|
| 354 | 562 |
&.wi-lightwide { width: @input-wi-lightwide ; }
|
| 355 | 563 |
&.wi-wide { width: @input-wi-wide ; }
|
| 356 |
|
|
| 564 |
|
|
| 357 | 565 |
// Data Types |
| 358 | 566 |
&.numeric { text-align: right ; }
|
| 359 | 567 |
&.right { text-align: right ; }
|
| 360 |
|
|
| 568 |
|
|
| 361 | 569 |
} |
| 362 | 570 |
|
| 571 |
|
|
| 572 |
|
|
| 573 |
// ------------------- |
|
| 574 |
// Boxes |
|
| 575 |
// |
|
| 576 |
|
|
| 577 |
div.boxes{
|
|
| 578 |
margin: 0 0 0.9em 0 ; |
|
| 579 |
overflow: hidden ; |
|
| 580 |
max-width: 800px ; |
|
| 581 |
|
|
| 582 |
// Additional |
|
| 583 |
// There are also some Checkboxes for "Select All" |
|
| 584 |
h3 {
|
|
| 585 |
|
|
| 586 |
label{
|
|
| 587 |
float: right; |
|
| 588 |
width: 92% ; |
|
| 589 |
font-size: @font-size-h3 ; |
|
| 590 |
padding: 0 0 0.6em 0 ; |
|
| 591 |
line-height: 1.2em ; |
|
| 592 |
} |
|
| 593 |
} |
|
| 594 |
|
|
| 595 |
|
|
| 596 |
&>div{
|
|
| 597 |
clear: both; |
|
| 598 |
margin: 0 0 0.6em 0 ; |
|
| 599 |
padding: 0; |
|
| 600 |
display: block ; |
|
| 601 |
overflow: hidden ; |
|
| 602 |
label{
|
|
| 603 |
float: left; |
|
| 604 |
width: 92% ; |
|
| 605 |
} |
|
| 606 |
input[type="checkbox"], |
|
| 607 |
input[type="radio"]{
|
|
| 608 |
float: left; |
|
| 609 |
margin-right: 0.6em ; |
|
| 610 |
} |
|
| 611 |
} |
|
| 612 |
} |
|
| 613 |
|
|
| 614 |
|
|
| 615 |
|
|
| 363 | 616 |
} |
| 364 | 617 |
// /form |
| 365 | 618 |
|
| ... | ... | |
| 367 | 620 |
// -------------------------------------- |
| 368 | 621 |
// CHECKBOXES & LABELS WITHIN DIVS |
| 369 | 622 |
// -------------------------------------- |
| 623 |
|
|
| 624 |
table.tbl-horizontal, |
|
| 625 |
table.tbl-list, |
|
| 626 |
table.tbl-plain {
|
|
| 627 |
th {
|
|
| 628 |
label{
|
|
| 629 |
display: inline-block; |
|
| 630 |
|
|
| 631 |
&:link, |
|
| 632 |
&:visited {
|
|
| 633 |
color: #888 ; |
|
| 634 |
text-decoration: none ; |
|
| 635 |
} |
|
| 636 |
&:hover{
|
|
| 637 |
color: #777 ; |
|
| 638 |
text-decoration: underline; |
|
| 639 |
} |
|
| 640 |
} |
|
| 641 |
} |
|
| 642 |
td{
|
|
| 643 |
input[type="radio"], |
|
| 644 |
input[type="checkbox"]{
|
|
| 645 |
float: left; |
|
| 646 |
clear: left; |
|
| 647 |
&~label{
|
|
| 648 |
float: left; |
|
| 649 |
width: 75%; |
|
| 650 |
margin-left: 0.2em ; |
|
| 651 |
//clear: left; |
|
| 652 |
} |
|
| 653 |
} |
|
| 654 |
// Date-Field generated by the function L.Date_Tag |
|
| 655 |
span.wi-date {
|
|
| 656 |
padding: 0 ; |
|
| 657 |
input[type="text"], |
|
| 658 |
input[type="date"]{
|
|
| 659 |
width: @input-wi-small ; |
|
| 660 |
} |
|
| 661 |
} |
|
| 662 |
} |
|
| 663 |
} |
|
| 664 |
|
|
| 665 |
|
|
| 666 |
|
|
| 667 |
|
|
| 370 | 668 |
// especially in the admin section |
| 371 | 669 |
|
| 372 | 670 |
div.admin{
|
| ... | ... | |
| 374 | 672 |
font-size: @font-size-small ; |
| 375 | 673 |
input[type="checkbox"] {
|
| 376 | 674 |
margin: 0.2em 0.6em 0.3em 0 ; |
| 377 |
float: left; |
|
| 378 |
} |
|
| 379 |
|
|
| 380 |
|
|
| 381 |
|
|
| 675 |
float: left; |
|
| 676 |
} |
|
| 382 | 677 |
h3{
|
| 383 | 678 |
margin: 1.2em 0 0.6em 0 ; |
| 384 | 679 |
display: block; |
| 385 | 680 |
} |
| 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 | 681 |
} |
| 404 | 682 |
} |
| 405 | 683 |
|
| 684 |
// -------------------------------------- |
|
| 685 |
// jQuery-Plugins for forms |
|
| 686 |
// -------------------------------------- |
|
| 687 |
|
|
| 688 |
// MultiSelect2Side |
|
| 689 |
.ms2side {
|
|
| 690 |
display: block; |
|
| 691 |
overflow: hidden; |
|
| 406 | 692 |
|
| 693 |
p {
|
|
| 694 |
margin: 0 0 0.4em 0 ; |
|
| 695 |
} |
|
| 407 | 696 |
|
| 697 |
.ms2side__div {
|
|
| 408 | 698 |
|
| 699 |
.ms2side__header {
|
|
| 700 |
width: 12.0em ; |
|
| 701 |
height: 2.2em ; |
|
| 702 |
display: table-cell; |
|
| 703 |
vertical-align: bottom; |
|
| 704 |
} |
|
| 705 |
|
|
| 706 |
.ms2side__options > p.ms2side__hide, |
|
| 707 |
.ms2side__updown > p.ms2side__hide {
|
|
| 708 |
cursor: default; |
|
| 709 |
color: #9e9e9e; |
|
| 710 |
border: 1px solid grey; |
|
| 711 |
background-color: #D4D4D4 !important; |
|
| 712 |
} |
|
| 713 |
|
|
| 714 |
} |
|
| 715 |
|
|
| 716 |
} |
|
| 409 | 717 |
|
| 410 | 718 |
// -------------------------------------- |
| 411 | 719 |
// PLACEHOLDER-TEXT |
| ... | ... | |
| 424 | 732 |
// -------------------------------------- |
| 425 | 733 |
// JQUERY-CONTAINERS FOR FIELDS |
| 426 | 734 |
// -------------------------------------- |
| 427 |
|
|
| 735 |
// PENDENT: gehoert in Tables |
|
| 428 | 736 |
span.customer_vendor_picker {
|
| 429 | 737 |
padding: 0 ; |
| 430 | 738 |
} |
| 431 | 739 |
|
| 740 |
|
|
| 741 |
// -------------------------------------- |
|
| 742 |
// DIVERS JQUERY-/AJAX-STUFF |
|
| 743 |
// -------------------------------------- |
|
| 744 |
|
|
| 745 |
table td span.project_picker {
|
|
| 746 |
padding: 0 !important; |
|
| 747 |
} |
|
| 748 |
|
|
| 749 |
|
|
| 750 |
|
|
Auch abrufbar als: Unified diff
Aenderungen hpschlaepfer