Revision 3fc38171
Von Andreas Rudin vor etwa 6 Jahren hinzugefügt
| css/less/forms.less | ||
|---|---|---|
| 9 | 9 |
// |
| 10 | 10 |
// CONTENTS: |
| 11 | 11 |
// - FORM |
| 12 |
// -- .box |
|
| 12 | 13 |
// - FORM ELEMENTS |
| 14 |
// -- input, textarea, select |
|
| 15 |
// -- focused elements |
|
| 13 | 16 |
// - BUTTONS |
| 14 | 17 |
// - LABELS |
| 15 | 18 |
// - FIELDSET |
| ... | ... | |
| 30 | 33 |
// -------------------------------------- |
| 31 | 34 |
// FORM |
| 32 | 35 |
// -------------------------------------- |
| 33 |
|
|
| 36 |
// At first we tried to nest all form elements within the form tag |
|
| 37 |
// but it is not possible because some forms (print dialog etc.) do not have |
|
| 38 |
// a surrounding form element |
|
| 34 | 39 |
form {
|
| 35 | 40 |
display: table; |
| 36 | 41 |
width: 100%; |
| ... | ... | |
| 39 | 44 |
|
| 40 | 45 |
|
| 41 | 46 |
// If Form must be a block container |
| 47 |
// PENDENT: anschauen |
|
| 42 | 48 |
&.box {
|
| 43 | 49 |
display: block; |
| 44 | 50 |
overflow: hidden ; |
| 45 | 51 |
padding: 0 0 1.6em 0 ; |
| 46 |
|
|
| 47 | 52 |
} |
| 48 | 53 |
|
| 54 |
} |
|
| 55 |
// /form |
|
| 56 |
|
|
| 57 |
|
|
| 49 | 58 |
// -------------------------------------- |
| 50 | 59 |
// FORM-ELEMENTS |
| 51 | 60 |
// -------------------------------------- |
| 52 |
|
|
| 61 |
// |
|
| 53 | 62 |
input, |
| 54 | 63 |
textarea, |
| 55 | 64 |
select {
|
| 56 | 65 |
font-family: @font-family-sans-serif ; |
| 57 | 66 |
font-size: @font-size-smaller ; |
| 58 |
padding: 0.2em 0.28em;
|
|
| 67 |
padding: 0.2em 0.2em 0.2em 0.2em ;
|
|
| 59 | 68 |
border: 1px; |
| 60 | 69 |
border-color: darkgray lightgray lightgray; |
| 61 | 70 |
border-style: solid; |
| ... | ... | |
| 64 | 73 |
|
| 65 | 74 |
&[type="text"], |
| 66 | 75 |
&[type="password"] {
|
| 67 |
|
|
| 68 |
} |
|
| 69 | 76 |
|
| 77 |
} |
|
| 78 |
// PENDENT: data type |
|
| 70 | 79 |
&[type="text"] {
|
| 71 | 80 |
&.accent{
|
| 72 | 81 |
font-weight: bold ; |
| ... | ... | |
| 99 | 108 |
select {
|
| 100 | 109 |
// background: white url('../image/select-down.png') no-repeat scroll right center;
|
| 101 | 110 |
padding-right: 1.0em; |
| 102 |
|
|
| 103 | 111 |
&.helper {
|
| 104 |
background-color: #efefef;
|
|
| 112 |
background-color: @gray-superlight;
|
|
| 105 | 113 |
} |
| 106 | 114 |
} |
| 107 | 115 |
|
| ... | ... | |
| 113 | 121 |
input {
|
| 114 | 122 |
&[type="file"]{
|
| 115 | 123 |
padding: 0.8em; |
| 116 |
background-color: #dedede;
|
|
| 117 |
color: #666666 ;
|
|
| 118 |
border: 1px #666 solid ;
|
|
| 124 |
background-color: @gray-lighter;
|
|
| 125 |
color: @gray-mediumdark ;
|
|
| 126 |
border: 1px @gray-mediumdark solid ;
|
|
| 119 | 127 |
// PENDENT: geht wahrscheinlich nicht, oder muss anders geloest werden |
| 120 | 128 |
// Hier handelt es sich um den "Select File"-Button |
| 121 | 129 |
button, |
| ... | ... | |
| 129 | 137 |
|
| 130 | 138 |
|
| 131 | 139 |
|
| 132 |
// -------------------------------------- |
|
| 133 |
// BUTTONS |
|
| 134 |
// -------------------------------------- |
|
| 135 |
|
|
| 136 |
// General |
|
| 137 |
input[type="button"], |
|
| 138 |
input[type="submit"], |
|
| 139 |
input[type="reset"], |
|
| 140 |
button, |
|
| 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 |
&.icon{
|
|
| 165 |
padding: 0 !important ; |
|
| 166 |
} |
|
| 167 |
} |
|
| 168 |
|
|
| 169 |
|
|
| 170 |
} |
|
| 171 |
|
|
| 172 |
input[type="button"], |
|
| 173 |
input[type="submit"], |
|
| 174 |
input[type="reset"], |
|
| 175 |
button {
|
|
| 176 |
cursor: pointer ; |
|
| 177 |
} |
|
| 178 | 140 |
|
| 179 | 141 |
|
| 180 | 142 |
|
| 181 |
// ------------------- |
|
| 182 |
// Action (submission to server page) |
|
| 183 |
input[type="submit"], |
|
| 184 |
input[type="button"], |
|
| 185 |
button[type="submit"], |
|
| 186 |
button[type="button"] {
|
|
| 187 |
color: @btn-default-color ; |
|
| 188 |
background-color: @btn-default-bg; |
|
| 189 |
border-color: @btn-default-border ; |
|
| 190 |
|
|
| 191 |
&:hover, |
|
| 192 |
&.hover{
|
|
| 193 |
color: @btn-default-hover-color ; |
|
| 194 |
background-color: @btn-default-hover-bg; |
|
| 195 |
border-color: @btn-default-hover-border ; |
|
| 196 |
} |
|
| 197 |
&:active, |
|
| 198 |
&.active{
|
|
| 199 |
color: @btn-default-active-color ; |
|
| 200 |
background-color: @btn-default-active-bg; |
|
| 201 |
border-color: @btn-default-active-border ; |
|
| 202 |
} |
|
| 203 |
|
|
| 204 |
} |
|
| 205 |
|
|
| 206 |
// ------------------- |
|
| 207 |
// Neutral (no submission to server page) |
|
| 208 |
/* a.button.neutral, */ |
|
| 209 |
input[type="button"].neutral, |
|
| 210 |
input[type="submit"].neutral, |
|
| 211 |
input[type="reset"], |
|
| 212 |
input[type="reset"].neutral, |
|
| 213 |
button.neutral, |
|
| 214 |
button[type="reset"] {
|
|
| 215 |
color: @btn-neutral-color ; |
|
| 216 |
background-color: @btn-neutral-bg; |
|
| 217 |
border-color: @btn-neutral-border ; |
|
| 218 |
|
|
| 219 |
&:hover {
|
|
| 220 |
color: @btn-neutral-hover-color ; |
|
| 221 |
background-color: @btn-neutral-hover-bg; |
|
| 222 |
border-color: @btn-neutral-hover-border ; |
|
| 223 |
} |
|
| 224 |
|
|
| 225 |
&:active {
|
|
| 226 |
color: @btn-neutral-active-color; |
|
| 227 |
background-color: @btn-neutral-active-bg; |
|
| 228 |
border-color: @btn-neutral-active-border ; |
|
| 229 |
} |
|
| 230 |
} |
|
| 231 |
// just for testing and documentation |
|
| 232 |
input[type="reset"].neutral-hover, |
|
| 233 |
button.neutral-hover {
|
|
| 234 |
color: @btn-neutral-hover-color ; |
|
| 235 |
background-color: @btn-neutral-hover-bg; |
|
| 236 |
border-color: @btn-neutral-hover-border ; |
|
| 237 |
} |
|
| 238 |
// just for testing and documentation |
|
| 239 |
input[type="reset"].neutral-active, |
|
| 240 |
button.neutral-active {
|
|
| 241 |
color: @btn-neutral-active-color; |
|
| 242 |
background-color: @btn-neutral-active-bg; |
|
| 243 |
border-color: @btn-neutral-active-border ; |
|
| 244 |
} |
|
| 245 |
|
|
| 246 |
|
|
| 247 |
|
|
| 248 |
|
|
| 249 |
|
|
| 250 |
// PENDENT: Neu |
|
| 251 |
input[type="button"]{
|
|
| 252 |
&.inline{}
|
|
| 253 |
&.below{
|
|
| 254 |
clear: both !important; |
|
| 255 |
float: none; |
|
| 256 |
margin-top: 0.3em; |
|
| 257 |
overflow: hidden ; |
|
| 258 |
} |
|
| 259 |
|
|
| 260 |
} |
|
| 261 | 143 |
|
| 262 |
input[type="button"]:focus, |
|
| 263 |
input[type="submit"]:focus, |
|
| 264 |
button:focus {
|
|
| 265 |
background-color: #FFFFA0; |
|
| 266 |
border-color: #fe5f14; |
|
| 267 |
} |
|
| 268 | 144 |
|
| 269 |
// PENDENT: anschauen |
|
| 270 |
// button:hover:enabled, |
|
| 271 |
// input[type="button"]:hover:enabled, |
|
| 272 |
// input[type="submit"]:hover:enabled {
|
|
| 273 |
// color: #fff ; |
|
| 274 |
// } |
|
| 275 | 145 |
|
| 276 | 146 |
|
| 277 |
// Container fuer Buttons |
|
| 278 |
div.buttons{
|
|
| 279 |
padding: 1.0em ; |
|
| 280 |
clear: left ; |
|
| 281 |
display: block; |
|
| 282 |
// PENDENT: anschauen, ist fuer Anzeige von Positionsdetails |
|
| 283 |
&.positions{
|
|
| 284 |
margin: 0 0 -2.0em 20.0em; |
|
| 285 |
padding: 0 ; |
|
| 286 |
} |
|
| 287 |
&.below{
|
|
| 288 |
padding: 0 ; |
|
| 289 |
margin: 0 ; |
|
| 290 |
} |
|
| 291 |
} |
|
| 292 |
.col .buttons{
|
|
| 293 |
padding: 1.0em 1.0em 1.0em 0 !important; |
|
| 294 |
//border: #ff00ff 1px solid // TEST |
|
| 295 |
} |
|
| 296 | 147 |
|
| 297 | 148 |
|
| 298 | 149 |
|
| ... | ... | |
| 302 | 153 |
// -------------------------------------- |
| 303 | 154 |
|
| 304 | 155 |
label {
|
| 305 |
cursor: pointer;
|
|
| 156 |
cursor: text;
|
|
| 306 | 157 |
vertical-align: top; |
| 307 | 158 |
display: inline-block; |
| 308 |
width: 92% ; |
|
| 309 |
|
|
| 310 |
// PENDENT: MIXIN-anlegen fuer .Buttons |
|
| 311 |
&.button{
|
|
| 312 |
background-color: #99CCFF; |
|
| 313 |
border: 1px #53619B solid; |
|
| 314 |
border-radius: 3px; |
|
| 315 |
color: #06C; |
|
| 316 |
padding: 0px 4px; |
|
| 317 |
} |
|
| 159 |
width: 88% ; |
|
| 160 |
color: @brand-data-label-color ; |
|
| 318 | 161 |
&:hover {
|
| 319 | 162 |
color: #000 ; |
| 320 | 163 |
text-decoration: underline ; |
| ... | ... | |
| 340 | 183 |
|
| 341 | 184 |
// Heading within FIELDSET */ |
| 342 | 185 |
h4 {
|
| 343 |
font-weight: normal ; |
|
| 344 |
font-size: @font-size-h4 ;
|
|
| 345 |
margin: 0;
|
|
| 346 |
padding: 0 0 0.2em 0;
|
|
| 186 |
font-weight: normal ;
|
|
| 187 |
font-size: @h4-size ;
|
|
| 188 |
margin: 0;
|
|
| 189 |
padding: 0 0 0.2em 0;
|
|
| 347 | 190 |
} |
| 348 | 191 |
} |
| 349 | 192 |
|
| ... | ... | |
| 354 | 197 |
// DIMENSIONS |
| 355 | 198 |
// -------------------------------------- |
| 356 | 199 |
input{
|
| 357 |
|
|
| 358 |
// ------------------- |
|
| 359 | 200 |
// 1 Lined input field |
| 360 |
// |
|
| 361 |
|
|
| 201 |
// PENDENT: bei Verwendung von weiteren HTML5-Typen Typ-Deklaration erweitern |
|
| 362 | 202 |
&[type="text"], |
| 363 | 203 |
&[type="password"]{
|
| 364 | 204 |
&.wi-smallest { width: @input-wi-smallest ; } // 2.0em
|
| ... | ... | |
| 367 | 207 |
&.wi-mediumsmall { width: @input-wi-mediumsmall ; } // 8.8em
|
| 368 | 208 |
&.wi-normal { width: @input-wi-normal ; } // 12.0em
|
| 369 | 209 |
&.wi-lightwide { width: @input-wi-lightwide ; } // 12.0em
|
| 370 |
&.wi-wide { min-width: @input-wi-wide ; } // 18.0em
|
|
| 210 |
&.wi-wide { width: @input-wi-wide ; } // 18.0em
|
|
| 371 | 211 |
&.wi-wider { min-width: @input-wi-wider ; } // 24.0em
|
| 372 | 212 |
&.wi-verywide { min-width: @input-wi-verywide ; } // 36.0em
|
| 373 |
|
|
| 213 |
// data types |
|
| 374 | 214 |
&.wi-date { width: @input-wi-small ; } //
|
| 375 | 215 |
&.wi-number { width: @input-wi-small ; } //
|
| 376 | 216 |
&.wi-tinynumber { width: @input-wi-verysmall ; } //
|
| 377 | 217 |
&.wi-largenumber { width: @input-wi-mediumsmall ; } //
|
| 378 |
|
|
| 218 |
// combined minus dimensions (take care of the double hyphen -- ) |
|
| 219 |
&.wi-lightwide--verysmall { width: @input-wi-lightwide--verysmall; }
|
|
| 220 |
&.wi-wide--verysmall { width: @input-wi-wide--verysmall !important; }
|
|
| 221 |
//&.wi-wide--verysmall { width: 203px; }
|
|
| 379 | 222 |
} |
| 380 |
|
|
| 381 | 223 |
// Password (Standard size) // PENDENT: Standardgroesse ?? |
| 382 | 224 |
&[type="password"]{
|
| 383 | 225 |
//min-width: @input-wi-normal ; |
| 384 | 226 |
} |
| 385 |
|
|
| 386 |
// OBSOLETE // PENDENT: ggf. entfernen |
|
| 227 |
// OBSOLETE // PENDENT: ggf. entfernen |
|
| 387 | 228 |
.fixed_width {
|
| 388 | 229 |
width: 250px; |
| 389 | 230 |
} |
| 390 |
|
|
| 391 |
} |
|
| 392 |
// /DIMENSION input |
|
| 231 |
} // /DIMENSION input |
|
| 393 | 232 |
|
| 394 | 233 |
|
| 395 | 234 |
// ------------------- |
| ... | ... | |
| 407 | 246 |
&.wi-wider { min-width: @select-wi-wider ; }
|
| 408 | 247 |
&.wi-verywide { min-width: @select-wi-verywide ; }
|
| 409 | 248 |
&.wi-full { width: 100% ; }
|
| 410 |
} |
|
| 411 |
// /DIMENSION select |
|
| 249 |
|
|
| 250 |
&.wi-small-normal { width: @select-wi-small-normal } ;
|
|
| 251 |
&.wi-small-lightwide { width: @select-wi-small-lightwide } ;
|
|
| 252 |
&.wi-small-wide { width: @select-wi-small-wide } ;
|
|
| 253 |
&.wi-small-wider { width: @select-wi-small-wider } ;
|
|
| 254 |
&.wi-small-verywide { width: @select-wi-small-verywide } ;
|
|
| 255 |
&.wi-mediumsmall-normal { width: @select-wi-mediumsmall-normal } ;
|
|
| 256 |
&.wi-mediumsmall-lightwide { width: @select-wi-mediumsmall-lightwide } ;
|
|
| 257 |
&.wi-mediumsmall-wide { width: @select-wi-mediumsmall-wide } ;
|
|
| 258 |
&.wi-mediumsmall-wider { width: @select-wi-mediumsmall-wider } ;
|
|
| 259 |
&.wi-mediumsmall-verywide { width: @select-wi-mediumsmall-verywide } ;
|
|
| 260 |
&.wi-normal-normal { width: @select-wi-normal-normal } ;
|
|
| 261 |
&.wi-normal-lightwide { width: @select-wi-normal-lightwide } ;
|
|
| 262 |
&.wi-normal-wide { width: @select-wi-normal-wide } ;
|
|
| 263 |
&.wi-normal-wider { width: @select-wi-normal-wider } ;
|
|
| 264 |
&.wi-normal-verywide { width: @select-wi-normal-verywide } ;
|
|
| 265 |
&.wi-lightwide-normal { width: @select-wi-lightwide-normal } ;
|
|
| 266 |
&.wi-lightwide-lightwide { width: @select-wi-lightwide-lightwide } ;
|
|
| 267 |
&.wi-lightwide-wide { width: @select-wi-lightwide-wide } ;
|
|
| 268 |
&.wi-lightwide-wider { width: @select-wi-lightwide-wider } ;
|
|
| 269 |
&.wi-lightwide-verywide { width: @select-wi-lightwide-verywide } ;
|
|
| 270 |
&.wi-wide-normal { width: @select-wi-wide-normal } ;
|
|
| 271 |
&.wi-wide-lightwide { width: @select-wi-wide-lightwide } ;
|
|
| 272 |
&.wi-wide-wide { width: @select-wi-wide-wide } ;
|
|
| 273 |
&.wi-wide-wider { width: @select-wi-wide-wider } ;
|
|
| 274 |
&.wi-wide-verywide { width: @select-wi-wide-verywide } ;
|
|
| 275 |
|
|
| 276 |
|
|
| 277 |
|
|
| 278 |
|
|
| 279 |
|
|
| 280 |
} // /DIMENSION select |
|
| 412 | 281 |
|
| 413 | 282 |
|
| 414 | 283 |
// ------------------- |
| ... | ... | |
| 416 | 285 |
// |
| 417 | 286 |
|
| 418 | 287 |
textarea {
|
| 419 |
|
|
| 288 |
|
|
| 420 | 289 |
// Standard-Dimensions |
| 421 | 290 |
&.wi-smallest { width: @textarea-wi-normal ; } // no smallest, just normal
|
| 422 | 291 |
&.wi-verysmall { width: @textarea-wi-normal ; } // no verysmall, just normal
|
| ... | ... | |
| 429 | 298 |
&.wi-wider { min-width: @textarea-wi-wider ; }
|
| 430 | 299 |
&.wi-verywide { min-width: @textarea-wi-verywide ; }
|
| 431 | 300 |
&.wi-full { width: 100% ; }
|
| 432 |
|
|
| 433 |
|
|
| 301 |
|
|
| 302 |
|
|
| 434 | 303 |
&.wi-small-small { width: @textarea-wi-small-small ; }
|
| 435 | 304 |
&.wi-small-mediumsmall { width: @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; }
|
| 436 | 305 |
&.wi-small-normal { width: @textarea-wi-small-normal ; }
|
| ... | ... | |
| 438 | 307 |
&.wi-small-wide { width: @textarea-wi-small-wide ; }
|
| 439 | 308 |
&.wi-small-wider { width: @textarea-wi-small-wider ; }
|
| 440 | 309 |
&.wi-small-verywide { width: @textarea-wi-small-verywide ; }
|
| 441 |
|
|
| 310 |
|
|
| 442 | 311 |
&.wi-mediumsmall-small { width: @textarea-wi-mediumsmall-small ; }
|
| 443 | 312 |
&.wi-mediumsmall-mediumsmall { width: @textarea-wi-mediumsmall-mediumsmall ; }
|
| 444 | 313 |
&.wi-mediumsmall-normal { width: @textarea-wi-mediumsmall-normal ; }
|
| ... | ... | |
| 446 | 315 |
&.wi-mediumsmall-wide { width: @textarea-wi-mediumsmall-wide ; }
|
| 447 | 316 |
&.wi-mediumsmall-wider { width: @textarea-wi-mediumsmall-wider ; }
|
| 448 | 317 |
&.wi-mediumsmall-verywide { width: @textarea-wi-mediumsmall-verywide ; }
|
| 449 |
|
|
| 318 |
|
|
| 450 | 319 |
&.wi-normal-small { width: @textarea-wi-normal-small ; }
|
| 451 | 320 |
&.wi-normal-mediumsmall { width: @textarea-wi-normal-mediumsmall ; }
|
| 452 | 321 |
&.wi-normal-normal { width: @textarea-wi-normal-normal ; }
|
| ... | ... | |
| 454 | 323 |
&.wi-normal-wide { width: @textarea-wi-normal-wide ; }
|
| 455 | 324 |
&.wi-normal-wider { width: @textarea-wi-normal-wider ; }
|
| 456 | 325 |
&.wi-normal-verywide { width: @textarea-wi-normal-verywide ; }
|
| 457 |
|
|
| 326 |
|
|
| 458 | 327 |
&.wi-lightwide-small { width: @textarea-wi-lightwide-small ; }
|
| 459 | 328 |
&.wi-lightwide-mediumsmall { width: @textarea-wi-lightwide-mediumsmall ; }
|
| 460 | 329 |
&.wi-lightwide-normal { width: @textarea-wi-lightwide-normal ; }
|
| ... | ... | |
| 462 | 331 |
&.wi-lightwide-wide { width: @textarea-wi-lightwide-wide ; }
|
| 463 | 332 |
&.wi-lightwide-wider { width: @textarea-wi-lightwide-wider ; }
|
| 464 | 333 |
&.wi-lightwide-verywide { width: @textarea-wi-lightwide-verywide ; }
|
| 465 |
|
|
| 334 |
|
|
| 466 | 335 |
&.wi-wide-small { width: @textarea-wi-wide-small ; }
|
| 467 | 336 |
&.wi-wide-mediumsmall { width: @textarea-wi-wide-mediumsmall ; }
|
| 468 | 337 |
&.wi-wide-normal { width: @textarea-wi-wide-normal ; }
|
| ... | ... | |
| 470 | 339 |
&.wi-wide-wide { width: @textarea-wi-wide-wide ; }
|
| 471 | 340 |
&.wi-wide-wider { width: @textarea-wi-wide-wider ; }
|
| 472 | 341 |
&.wi-wide-verywide { width: @textarea-wi-wide-verywide ; }
|
| 473 |
|
|
| 474 |
} |
|
| 475 |
// /DIMENSION textarea |
|
| 476 | 342 |
|
| 343 |
} // /DIMENSION textarea |
|
| 477 | 344 |
|
| 345 |
// textarea sizes for JS generated elements |
|
| 346 |
// make sure not to use it as a standard |
|
| 347 |
td, th { &.wi-date > input[type="text"] { width: @input-wi-small ; } }
|
|
| 348 |
td, th { &.wi-lightwide > textarea { width: @textarea-wi-wide ; } }
|
|
| 349 |
td, th { &.wi-wide > textarea { width: @textarea-wi-wide ; } }
|
|
| 350 |
td, th { &.wi-small-verywide > textarea { width: @textarea-wi-small-verywide ; } }
|
|
| 478 | 351 |
|
| 479 |
span {
|
|
| 480 |
|
|
| 481 |
// Standard-Dimensions |
|
| 482 |
&.wi-smallest textarea , &.wi-smallest div.cke_editable { width: @textarea-wi-normal ; } // no smallest, just normal
|
|
| 483 |
&.wi-verysmall textarea , &.wi-verysmall div.cke_editable { width: @textarea-wi-normal ; } // no verysmall, just normal
|
|
| 484 |
&.wi-small textarea , &.wi-small div.cke_editable { width: @textarea-wi-normal ; } // no small, just normal
|
|
| 485 |
&.wi-mediumsmall textarea , &.wi-mediumsmall div.cke_editable { width: @textarea-wi-normal ; } // no mediumsmall, just normal
|
|
| 486 |
&.wi-normal textarea , &.wi-normal div.cke_editable { width: @textarea-wi-normal ; }
|
|
| 487 |
&.wi-lightwide textarea , &.wi-lightwide div.cke_editable { min-width: @textarea-wi-lightwide ; }
|
|
| 488 |
&.wi-wide textarea , &.wi-wide div.cke_editable { min-width: @textarea-wi-wide ; }
|
|
| 489 |
&.wi-wide.strict { max-width: @textarea-wi-wide !important ; }
|
|
| 490 |
&.wi-wider textarea , &.wi-wider div.cke_editable { min-width: @textarea-wi-wider ; }
|
|
| 491 |
&.wi-verywide textarea , &.wi-verywide div.cke_editable { min-width: @textarea-wi-verywide ; }
|
|
| 492 |
&.wi-full textarea , &.wi-full div.cke_editable { width: 100% ; }
|
|
| 493 |
|
|
| 494 |
|
|
| 495 |
&.wi-small-small textarea , &.wi-small-small div.cke_editable { width: @textarea-wi-small-small ; }
|
|
| 496 |
&.wi-small-mediumsmall textarea , &.wi-small-mediumsmall div.cke_editable { width: @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; }
|
|
| 497 |
&.wi-small-normal textarea , &.wi-small-normal div.cke_editable { width: @textarea-wi-small-normal ; }
|
|
| 498 |
&.wi-small-lightwide textarea , &.wi-small-lightwide div.cke_editable { width: @textarea-wi-small-lightwide ; }
|
|
| 499 |
&.wi-small-wide textarea , &.wi-small-wide div.cke_editable { width: @textarea-wi-small-wide ; }
|
|
| 500 |
&.wi-small-wider textarea , &.wi-small-wider div.cke_editable { width: @textarea-wi-small-wider ; }
|
|
| 501 |
&.wi-small-verywide textarea , &.wi-small-verywide div.cke_editable { width: @textarea-wi-small-verywide ; }
|
|
| 502 |
|
|
| 503 |
&.wi-mediumsmall-small textarea , &.wi-mediumsmall-small div.cke_editable { width: @textarea-wi-mediumsmall-small ; }
|
|
| 504 |
&.wi-mediumsmall-mediumsmall textarea , &.wi-mediumsmall-mediumsmall div.cke_editable { width: @textarea-wi-mediumsmall-mediumsmall ; }
|
|
| 505 |
&.wi-mediumsmall-normal textarea , &.wi-mediumsmall-normal div.cke_editable { width: @textarea-wi-mediumsmall-normal ; }
|
|
| 506 |
&.wi-mediumsmall-lightwide textarea , &.wi-mediumsmall-lightwide div.cke_editable { width: @textarea-wi-mediumsmall-lightwide ; }
|
|
| 507 |
&.wi-mediumsmall-wide textarea , &.wi-mediumsmall-wide > div.cke_editable { width: @textarea-wi-mediumsmall-wide !important ; }
|
|
| 508 |
&.wi-mediumsmall-wider textarea , &.wi-mediumsmall-wider div.cke_editable { width: @textarea-wi-mediumsmall-wider ; }
|
|
| 509 |
&.wi-mediumsmall-verywide textarea , &.wi-mediumsmall-verywide div.cke_editable { width: @textarea-wi-mediumsmall-verywide ; }
|
|
| 510 |
|
|
| 511 |
&.wi-normal-small textarea , &.wi-normal-small div.cke_editable { width: @textarea-wi-normal-small ; }
|
|
| 512 |
&.wi-normal-mediumsmall textarea , &.wi-normal-mediumsmall div.cke_editable { width: @textarea-wi-normal-mediumsmall ; }
|
|
| 513 |
&.wi-normal-normal textarea , &.wi-normal-normal div.cke_editable { width: @textarea-wi-normal-normal ; }
|
|
| 514 |
&.wi-normal-lightwide textarea , &.wi-normal-lightwide div.cke_editable { width: @textarea-wi-normal-lightwide ; }
|
|
| 515 |
&.wi-normal-wide textarea , &.wi-normal-wide div.cke_editable { width: @textarea-wi-normal-wide ; }
|
|
| 516 |
&.wi-normal-wider textarea , &.wi-normal-wider div.cke_editable { width: @textarea-wi-normal-wider ; }
|
|
| 517 |
&.wi-normal-verywide textarea , &.wi-normal-verywide div.cke_editable { width: @textarea-wi-normal-verywide ; }
|
|
| 518 |
|
|
| 519 |
&.wi-lightwide-small textarea , &.wi-lightwide-small div.cke_editable { width: @textarea-wi-lightwide-small ; }
|
|
| 520 |
&.wi-lightwide-mediumsmall textarea , &.wi-lightwide-mediumsmall div.cke_editable { width: @textarea-wi-lightwide-mediumsmall ; }
|
|
| 521 |
&.wi-lightwide-normal textarea , &.wi-lightwide-normal div.cke_editable { width: @textarea-wi-lightwide-normal ; }
|
|
| 522 |
&.wi-lightwide-lightwide textarea , &.wi-lightwide-lightwide div.cke_editable { width: @textarea-wi-lightwide-lightwide ; }
|
|
| 523 |
&.wi-lightwide-wide textarea , &.wi-lightwide-wide div.cke_editable { width: @textarea-wi-lightwide-wide ; }
|
|
| 524 |
&.wi-lightwide-wider textarea , &.wi-lightwide-wider div.cke_editable { width: @textarea-wi-lightwide-wider ; }
|
|
| 525 |
&.wi-lightwide-verywide textarea , &.wi-lightwide-verywide div.cke_editable { width: @textarea-wi-lightwide-verywide ; }
|
|
| 526 |
|
|
| 527 |
&.wi-wide-small textarea , &.wi-wide-small div.cke_editable { width: @textarea-wi-wide-small ; }
|
|
| 528 |
&.wi-wide-mediumsmall textarea , &.wi-wide-mediumsmall div.cke_editable { width: @textarea-wi-wide-mediumsmall ; }
|
|
| 529 |
&.wi-wide-normal textarea , &.wi-wide-normal div.cke_editable { width: @textarea-wi-wide-normal ; }
|
|
| 530 |
&.wi-wide-lightwide textarea , &.wi-wide-lightwide div.cke_editable { width: @textarea-wi-wide-wide ; }
|
|
| 531 |
&.wi-wide-wide textarea , &.wi-wide-wide div.cke_editable { width: @textarea-wi-wide-wide ; }
|
|
| 532 |
&.wi-wide-wider textarea , &.wi-wide-wider div.cke_editable { width: @textarea-wi-wide-wider ; }
|
|
| 533 |
&.wi-wide-verywide textarea , &.wi-wide-verywide div.cke_editable { width: @textarea-wi-wide-verywide ; }
|
|
| 534 |
|
|
| 535 |
} |
|
| 536 |
// /DIMENSION textarea |
|
| 537 |
|
|
| 352 |
th, |
|
| 353 |
td {
|
|
| 354 |
&.wi-lightwide { textarea, input[type="text"], div.cke_editable, input#order_vendor_id_name { width: @textarea-wi-lightwide; } }
|
|
| 355 |
&.wi-wide { textarea, input[type="text"], div.cke_editable, input#order_vendor_id_name { width: @textarea-wi-wide; } }
|
|
| 538 | 356 |
|
| 357 |
} |
|
| 539 | 358 |
|
| 540 | 359 |
|
| 360 |
span {
|
|
| 541 | 361 |
|
| 362 |
// Standard-Dimensions |
|
| 363 |
&.wi-smallest { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal ; } } // no smallest, just normal
|
|
| 364 |
&.wi-verysmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal ; } } // no verysmall, just normal
|
|
| 365 |
&.wi-small { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal ; } } // no small, just normal
|
|
| 366 |
&.wi-mediumsmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal ; } } // no mediumsmall, just normal
|
|
| 367 |
&.wi-normal { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal ; } }
|
|
| 368 |
&.wi-lightwide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide ; } }
|
|
| 369 |
&.wi-wide { padding: 0 ; textarea, & > div.cke_editable { width: @textarea-wi-wide !important ; } }
|
|
| 370 |
&.wi-wide.strict { max-width: @textarea-wi-wide !important ; }
|
|
| 371 |
&.wi-wider { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wider ; } }
|
|
| 372 |
&.wi-verywide { padding: 0 ; textarea, div.cke_editable { min-width: @textarea-wi-verywide ; } }
|
|
| 373 |
&.wi-full { padding: 0 ; textarea, div.cke_editable { width: 100% ; } }
|
|
| 374 |
|
|
| 375 |
|
|
| 376 |
&.wi-small-small { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-small ; } }
|
|
| 377 |
&.wi-small-mediumsmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; } }
|
|
| 378 |
&.wi-small-normal { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-normal ; } }
|
|
| 379 |
&.wi-small-lightwide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-lightwide ; } }
|
|
| 380 |
&.wi-small-wide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-wide ; } }
|
|
| 381 |
&.wi-small-wider { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-wider ; } }
|
|
| 382 |
&.wi-small-verywide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-small-verywide ; } }
|
|
| 383 |
|
|
| 384 |
&.wi-mediumsmall-small { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-mediumsmall-small ; } }
|
|
| 385 |
&.wi-mediumsmall-mediumsmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-mediumsmall-mediumsmall ; } }
|
|
| 386 |
&.wi-mediumsmall-normal { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-mediumsmall-normal ; } }
|
|
| 387 |
&.wi-mediumsmall-lightwide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-mediumsmall-lightwide ; } }
|
|
| 388 |
&.wi-mediumsmall-wide { padding: 0 ; textarea, &.wi-mediumsmall-wide > div.cke_editable { width: @textarea-wi-mediumsmall-wide !important ; } }
|
|
| 389 |
&.wi-mediumsmall-wider { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-mediumsmall-wider ; } }
|
|
| 390 |
&.wi-mediumsmall-verywide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-mediumsmall-verywide ; } }
|
|
| 391 |
|
|
| 392 |
&.wi-normal-small { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-small ; } }
|
|
| 393 |
&.wi-normal-mediumsmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-mediumsmall ; } }
|
|
| 394 |
&.wi-normal-normal { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-normal ; } }
|
|
| 395 |
&.wi-normal-lightwide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-lightwide ; } }
|
|
| 396 |
&.wi-normal-wide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-wide ; } }
|
|
| 397 |
&.wi-normal-wider { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-wider ; } }
|
|
| 398 |
&.wi-normal-verywide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-normal-verywide ; } }
|
|
| 399 |
|
|
| 400 |
&.wi-lightwide-small { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-small ; } }
|
|
| 401 |
&.wi-lightwide-mediumsmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-mediumsmall ; } }
|
|
| 402 |
&.wi-lightwide-normal { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-normal ; } }
|
|
| 403 |
&.wi-lightwide-lightwide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-lightwide ; } }
|
|
| 404 |
&.wi-lightwide-wide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-wide ; } }
|
|
| 405 |
&.wi-lightwide-wider { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-wider ; } }
|
|
| 406 |
&.wi-lightwide-verywide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-lightwide-verywide ; } }
|
|
| 407 |
|
|
| 408 |
&.wi-wide-small { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-small ; } }
|
|
| 409 |
&.wi-wide-mediumsmall { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-mediumsmall ; } }
|
|
| 410 |
&.wi-wide-normal { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-normal ; } }
|
|
| 411 |
&.wi-wide-lightwide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-wide ; } }
|
|
| 412 |
&.wi-wide-wide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-wide ; } }
|
|
| 413 |
&.wi-wide-wider { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-wider ; } }
|
|
| 414 |
&.wi-wide-verywide { padding: 0 ; textarea, div.cke_editable { width: @textarea-wi-wide-verywide ; } }
|
|
| 415 |
|
|
| 416 |
} // /DIMENSION textarea |
|
| 417 |
|
|
| 418 |
|
|
| 419 |
// ------------------- |
|
| 420 |
// Input, Select & Textarea-Elements within TD & TH elements |
|
| 421 |
// |
|
| 422 |
// PENDENT: Dieses Konstrukt sollte nicht noetig sein und behoben werden, vor allem die Funktion L.button_tag() |
|
| 423 |
th, |
|
| 424 |
td {
|
|
| 425 |
&.wi-smallest { input[type="text"], select { width: @input-wi-smallest ; } }
|
|
| 426 |
&.wi-verysmall { input[type="text"], select { width: @input-wi-verysmall ; } }
|
|
| 427 |
&.wi-small { input[type="text"], select { width: @input-wi-small ; } }
|
|
| 428 |
&.wi-mediumsmall { input[type="text"], select { width: @input-wi-mediumsmall ; } }
|
|
| 429 |
&.wi-normal { input[type="text"], select, textarea, div.cke_editable { width: @input-wi-normal ; } }
|
|
| 430 |
&.wi-lightwide { input[type="text"], select, textarea, div.cke_editable { width: @input-wi-lightwide ; } }
|
|
| 431 |
&.wi-wide { input[type="text"], select, textarea, div.cke_editable { width: @input-wi-wide !important ; } }
|
|
| 432 |
&.wi-wide.strict { input[type="text"], select, textarea, div.cke_editable { max-width: @input-wi-wide !important ; } }
|
|
| 433 |
&.wi-wider { input[type="text"], select, textarea, div.cke_editable { width: @input-wi-wider !important ; } }
|
|
| 434 |
&.wi-verywide { input[type="text"], select, textarea, div.cke_editable { min-width: @input-wi-verywide ; } }
|
|
| 435 |
&.wi-full { input[type="text"], select, textarea, div.cke_editable { width: 100% ; } }
|
|
| 436 |
// Combinations |
|
| 437 |
&.wi-mediumsmall-wide { input[type="text"], select, textarea, div.cke_editable { width: @textarea-wi-mediumsmall-wide ; } }
|
|
| 438 |
&.wi-small-mediumsmall { input[type="text"], select, textarea, div.cke_editable { width: @textarea-wi-small-mediumsmall ; } }
|
|
| 439 |
&.wi-mediumsmall-lightwide { input[type="text"], select, textarea, div.cke_editable { width: @textarea-wi-mediumsmall-lightwide ; } }
|
|
| 440 |
|
|
| 441 |
&.below { input[type="text"], select, textarea, div.cke_editable { clear: both; margin-top: 0.4em ; } }
|
|
| 542 | 442 |
|
| 443 |
} |
|
| 444 |
// TEMPORAER: PENDENT: sollte behoben sein, weshalb dieses Konstrukt nicht mehr noetig sein sollte |
|
| 445 |
td.wi-lightwide > span.customer_vendor_picker > input { width: @input-wi-lightwide ; }
|
|
| 446 |
td.wi-wide > span.customer_vendor_picker > input { width: @input-wi-wide ; }
|
|
| 447 |
td.wi-wider > span.customer_vendor_picker > input { width: @input-wi-wider ; }
|
|
| 543 | 448 |
|
| 544 | 449 |
|
| 545 | 450 |
|
| ... | ... | |
| 582 | 487 |
td {
|
| 583 | 488 |
div.rowspan-table{
|
| 584 | 489 |
display: table-row ; |
| 490 |
float: left; |
|
| 585 | 491 |
|
| 586 | 492 |
div.label-n-value{
|
| 587 | 493 |
display: table-cell ; |
| ... | ... | |
| 589 | 495 |
height: 1.6em !important ; // the cell have not the same height if they are made with DIVs |
| 590 | 496 |
|
| 591 | 497 |
float: left; |
| 592 |
padding: 0 2.3em 0 0 ;
|
|
| 498 |
padding: 0 2.0em 0 0 ;
|
|
| 593 | 499 |
//overflow: hidden ; |
| 594 | 500 |
b{
|
| 595 | 501 |
font-weight: normal; |
| ... | ... | |
| 609 | 515 |
display: block; |
| 610 | 516 |
overflow: hidden ; |
| 611 | 517 |
font-size: @font-size-smaller ; |
| 612 |
margin: 0 ; |
|
| 613 | 518 |
border: 1px #dcdcdc solid; |
| 519 |
margin: 0 ; |
|
| 614 | 520 |
line-height: 120%; |
| 615 |
//padding: 0.1em 0.28em 0.4em 0.28em;
|
|
| 616 |
padding: 0.2em 0.28em !important; |
|
| 521 |
padding: 0.2em 0.28em 0.2em 0.2em !important;
|
|
| 522 |
|
|
| 617 | 523 |
&::before{
|
| 618 |
content: "" ; |
|
| 524 |
//content: "" ;
|
|
| 619 | 525 |
} |
| 620 | 526 |
&.below{
|
| 621 | 527 |
margin-top: 0.2em; |
| 622 | 528 |
} |
| 623 |
&.numeric,
|
|
| 529 |
&.numeric, |
|
| 624 | 530 |
&.right{
|
| 625 | 531 |
text-align: right; |
| 626 | 532 |
} |
| ... | ... | |
| 644 | 550 |
|
| 645 | 551 |
// ------------------- |
| 646 | 552 |
// Boxes |
| 647 |
//
|
|
| 553 |
// |
|
| 648 | 554 |
|
| 649 | 555 |
div.boxes{
|
| 650 | 556 |
margin: 0 0 0.9em 0 ; |
| ... | ... | |
| 657 | 563 |
|
| 658 | 564 |
label{
|
| 659 | 565 |
float: right; |
| 660 |
width: 92% ;
|
|
| 661 |
font-size: @font-size-h3 ;
|
|
| 566 |
width: 88% ;
|
|
| 567 |
font-size: @h3-size ;
|
|
| 662 | 568 |
padding: 0 0 0.6em 0 ; |
| 663 | 569 |
line-height: 1.2em ; |
| 664 | 570 |
} |
| ... | ... | |
| 673 | 579 |
overflow: hidden ; |
| 674 | 580 |
label{
|
| 675 | 581 |
float: left; |
| 676 |
width: 92% ;
|
|
| 582 |
width: 88% ;
|
|
| 677 | 583 |
} |
| 678 | 584 |
input[type="checkbox"], |
| 679 | 585 |
input[type="radio"]{
|
| ... | ... | |
| 685 | 591 |
|
| 686 | 592 |
// ------------------- |
| 687 | 593 |
// Boxes horizontal |
| 688 |
//
|
|
| 594 |
// |
|
| 689 | 595 |
|
| 690 | 596 |
td.horizontal {
|
| 691 |
input[type="radio"]{
|
|
| 692 |
float: none !important; |
|
| 597 |
input[type="radio"], |
|
| 598 |
input[type="checkbox"]{
|
|
| 599 |
float: left !important; |
|
| 600 |
clear: none !important; |
|
| 601 |
width: auto; |
|
| 602 |
} |
|
| 603 |
label{
|
|
| 604 |
width: auto !important; |
|
| 605 |
margin-right: 2.0em ; |
|
| 606 |
float: left !important; |
|
| 693 | 607 |
clear: none !important; |
| 694 | 608 |
} |
| 695 | 609 |
} |
| ... | ... | |
| 699 | 613 |
|
| 700 | 614 |
|
| 701 | 615 |
|
| 702 |
} |
|
| 703 |
// /form |
|
| 704 |
|
|
| 705 | 616 |
|
| 706 | 617 |
// -------------------------------------- |
| 707 | 618 |
// CHECKBOXES & LABELS WITHIN DIVS |
| ... | ... | |
| 713 | 624 |
th {
|
| 714 | 625 |
label{
|
| 715 | 626 |
display: inline-block; |
| 716 |
|
|
| 627 |
|
|
| 717 | 628 |
&:link, |
| 718 | 629 |
&:visited {
|
| 719 |
color: #888 ;
|
|
| 630 |
color: @gray ;
|
|
| 720 | 631 |
text-decoration: none ; |
| 721 | 632 |
} |
| 722 | 633 |
&:hover{
|
| ... | ... | |
| 728 | 639 |
td{
|
| 729 | 640 |
input[type="radio"], |
| 730 | 641 |
input[type="checkbox"]{
|
| 731 |
float: left;
|
|
| 642 |
float: left; |
|
| 732 | 643 |
clear: left; |
| 733 | 644 |
&~label{
|
| 734 | 645 |
float: left; |
| 735 |
width: 75%;
|
|
| 646 |
width: auto;
|
|
| 736 | 647 |
margin-left: 0.2em ; |
| 648 |
line-height: 1.4em ; |
|
| 737 | 649 |
//clear: left; |
| 738 | 650 |
} |
| 739 | 651 |
} |
| 740 | 652 |
// Date-Field generated by the function L.Date_Tag |
| 741 | 653 |
span.wi-date {
|
| 742 |
padding: 0 ;
|
|
| 654 |
padding: 0 ; |
|
| 743 | 655 |
input[type="text"], |
| 744 | 656 |
input[type="date"]{
|
| 745 | 657 |
width: @input-wi-small ; |
| ... | ... | |
| 749 | 661 |
} |
| 750 | 662 |
|
| 751 | 663 |
|
| 664 |
// -------------------------------------- |
|
| 665 |
// FAKE-ELEMENTS |
|
| 666 |
// -------------------------------------- |
|
| 667 |
// Yes, there exists some foolery |
|
| 668 |
// Substitution for Elements as readonly containers |
|
| 669 |
div.fake-textarea {
|
|
| 670 |
width: @textarea-wi-lightwide; |
|
| 671 |
height: 150px; |
|
| 672 |
background-color: white; |
|
| 673 |
overflow: auto; |
|
| 674 |
border: 1px #999999 solid; |
|
| 675 |
|
|
| 676 |
&.fake-wi-wide { width: @textarea-wi-wide ; }
|
|
| 677 |
} |
|
| 678 |
|
|
| 679 |
|
|
| 752 | 680 |
|
| 753 | 681 |
|
| 754 | 682 |
// especially in the admin section |
| ... | ... | |
| 788 | 716 |
display: table-cell; |
| 789 | 717 |
vertical-align: bottom; |
| 790 | 718 |
} |
| 791 |
|
|
| 719 |
|
|
| 792 | 720 |
.ms2side__options > p.ms2side__hide, |
| 793 | 721 |
.ms2side__updown > p.ms2side__hide {
|
| 794 | 722 |
cursor: default; |
| ... | ... | |
| 796 | 724 |
border: 1px solid grey; |
| 797 | 725 |
background-color: #D4D4D4 !important; |
| 798 | 726 |
} |
| 799 |
|
|
| 727 |
|
|
| 800 | 728 |
} |
| 801 |
|
|
| 729 |
|
|
| 802 | 730 |
} |
| 803 | 731 |
|
| 804 | 732 |
// -------------------------------------- |
| ... | ... | |
| 806 | 734 |
// -------------------------------------- |
| 807 | 735 |
|
| 808 | 736 |
.frame-header-quicksearch input::placeholder {
|
| 809 |
color: #666 ;
|
|
| 737 |
color: @gray-mediumdark ;
|
|
| 810 | 738 |
} |
| 811 | 739 |
|
| 812 | 740 |
#content input::placeholder {
|
| ... | ... | |
| 822 | 750 |
span.customer_vendor_picker {
|
| 823 | 751 |
padding: 0 ; |
| 824 | 752 |
} |
| 825 |
|
|
| 753 |
input#vendor_id_name.ui-autocomplete-input, |
|
| 754 |
input#customer_id_name.ui-autocomplete-input {
|
|
| 755 |
&.wi-wide{ width: @input-wi-wide ; }
|
|
| 756 |
} |
|
| 826 | 757 |
|
| 827 | 758 |
// -------------------------------------- |
| 828 | 759 |
// DIVERS JQUERY-/AJAX-STUFF |
| 829 | 760 |
// -------------------------------------- |
| 830 | 761 |
|
| 831 |
table td span.project_picker {
|
|
| 832 |
padding: 0 !important; |
|
| 833 |
} |
|
| 762 |
table td span.project_picker {
|
|
| 763 |
padding: 0 !important; |
|
| 764 |
} |
|
| 765 |
|
|
| 766 |
|
|
| 767 |
|
|
| 768 |
|
|
| 769 |
|
|
| 834 | 770 |
|
| 835 | 771 |
|
| 836 | 772 |
|
Auch abrufbar als: Unified diff
HP Aenderungen bis Oktober 2018