Revision d25334c6
Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt
| css/less/main.less | ||
|---|---|---|
| 74 | 74 |
line-height: @font-size-h1 ; |
| 75 | 75 |
} |
| 76 | 76 |
|
| 77 |
// PENDENT: mit Child-Kombinator > versehen wenn fertig
|
|
| 77 |
// PENDENT: mit Child-Kombinator > versehen wenn fertig |
|
| 78 | 78 |
#content h1{
|
| 79 | 79 |
z-index: @zindex-h1; //hps:12 |
| 80 | 80 |
position: fixed; |
| ... | ... | |
| 86 | 86 |
padding: 0.4em 0.5em 0.6em 0.5em ; |
| 87 | 87 |
|
| 88 | 88 |
} |
| 89 |
#login h1{
|
|
| 90 |
color: #000 ; |
|
| 91 |
background: none ; |
|
| 92 |
} |
|
| 89 |
|
|
| 93 | 90 |
|
| 94 | 91 |
// -------------- |
| 95 | 92 |
// .LISTTOP (SAME AS H1 -> DEPRACETED/OBSOLETE) |
| ... | ... | |
| 141 | 138 |
color: @headings-color ; |
| 142 | 139 |
padding-left: 0 ; |
| 143 | 140 |
} |
| 141 |
.wrapper h3 {
|
|
| 142 |
margin-top: 1.0em ; |
|
| 143 |
} |
|
| 144 |
|
|
| 145 |
|
|
| 146 |
// -------------------------------------- |
|
| 147 |
// RECORD-TITLE (e.g. Customer Name, Article Name) |
|
| 148 |
// -------------------------------------- |
|
| 149 |
// This is just a try |
|
| 150 |
|
|
| 151 |
div.record-title{
|
|
| 152 |
width: 100% ; |
|
| 153 |
font-size: 140% ; |
|
| 154 |
display: block; |
|
| 155 |
overflow: hidden ; |
|
| 156 |
font-weight: bold ; |
|
| 157 |
margin: 0.8em 2.0em 1.0em 0.2em ; |
|
| 158 |
} |
|
| 144 | 159 |
|
| 145 | 160 |
|
| 146 | 161 |
|
| ... | ... | |
| 154 | 169 |
&:link, |
| 155 | 170 |
&:visited, |
| 156 | 171 |
&:active {
|
| 157 |
color: #000000; |
|
| 158 |
|
|
| 172 |
color: #000000; |
|
| 159 | 173 |
} |
| 160 | 174 |
&:hover {
|
| 161 |
color: #FE5F14; |
|
| 162 |
|
|
| 175 |
color: #FE5F14; |
|
| 163 | 176 |
} |
| 164 | 177 |
|
| 165 | 178 |
// Special classes |
| ... | ... | |
| 186 | 199 |
} |
| 187 | 200 |
|
| 188 | 201 |
// -------------- |
| 189 |
// Buttons (Link as Buttons outside a FORM)
|
|
| 202 |
// Buttons (Link/Anchor as button outside or even inside a FORM)
|
|
| 190 | 203 |
// |
| 191 | 204 |
&.button {
|
| 192 |
.mx-button |
|
| 205 |
.mx-button ; |
|
| 206 |
|
|
| 193 | 207 |
// PENDENT! |
| 194 |
&.inline{
|
|
| 208 |
&.inline { }
|
|
| 209 |
&.below { clear: both !important; }
|
|
| 210 |
|
|
| 211 |
// Toggle (for filter panels e.g.) |
|
| 212 |
&.toggle {
|
|
| 213 |
// PENDENT: mit Bildern versehen, sieht schöner aus |
|
| 214 |
&.off::after{ content: " ⇨"; content: " →"; padding-right: 1.0em; }
|
|
| 215 |
&.on::after { content: " ⇩"; content: " ↓"; padding-right: 1.0em; }
|
|
| 216 |
&.with-panel{
|
|
| 217 |
margin-bottom: 0 ; |
|
| 218 |
border-bottom: none; |
|
| 219 |
border-bottom-left-radius: 0px ; |
|
| 220 |
border-bottom-right-radius: 0px ; |
|
| 221 |
} |
|
| 222 |
} // /.toggle |
|
| 223 |
|
|
| 195 | 224 |
|
| 225 |
|
|
| 226 |
// STANDARD colors |
|
| 227 |
&:link, |
|
| 228 |
&:visited {
|
|
| 229 |
color: @btn-default-color ; |
|
| 230 |
background-color: @btn-default-bg ; |
|
| 231 |
border-color: @btn-default-color ; |
|
| 196 | 232 |
} |
| 197 |
&.below{
|
|
| 198 |
clear: both !important; |
|
| 233 |
&:hover, |
|
| 234 |
&.hover{
|
|
| 235 |
background-color: @btn-default-hover-bg; |
|
| 236 |
border-color: @btn-default-hover-border ; |
|
| 237 |
color: @btn-default-hover-color; |
|
| 199 | 238 |
} |
| 200 |
.wi-wider{ width: @wi-wider ; }
|
|
| 201 |
} |
|
| 239 |
&:active, |
|
| 240 |
&.active{
|
|
| 241 |
background-color: @btn-default-active-bg; |
|
| 242 |
border-color: @btn-default-active-border ; |
|
| 243 |
color: @btn-default-active-color; |
|
| 244 |
} |
|
| 245 |
&.toggle:hover, |
|
| 246 |
&.toggle.hover{
|
|
| 247 |
background-color: @btn-neutral-bg !important; |
|
| 248 |
border-color: @btn-neutral-border !important ; |
|
| 249 |
color: #000000; |
|
| 250 |
} |
|
| 251 |
|
|
| 252 |
|
|
| 253 |
|
|
| 254 |
// NEUTRAL (no Submission) |
|
| 255 |
&.neutral {
|
|
| 256 |
|
|
| 257 |
&:link, |
|
| 258 |
&:visited {
|
|
| 259 |
background-color: @btn-neutral-bg; |
|
| 260 |
border-color: @btn-neutral-border ; |
|
| 261 |
color: @btn-neutral-color; |
|
| 262 |
} |
|
| 263 |
&:hover, |
|
| 264 |
&-hover{
|
|
| 265 |
background-color: @btn-neutral-hover-bg; |
|
| 266 |
border-color: @btn-neutral-hover-border ; |
|
| 267 |
color: @btn-neutral-hover-color; |
|
| 268 |
} |
|
| 269 |
&:active, |
|
| 270 |
&-active{
|
|
| 271 |
background-color: @btn-neutral-active-bg; |
|
| 272 |
border-color: @btn-neutral-active-border ; |
|
| 273 |
color: @btn-neutral-active-color; |
|
| 274 |
} |
|
| 275 |
&toggle:hover{
|
|
| 276 |
background-color: @btn-neutral-bg !important; |
|
| 277 |
border-color: @btn-neutral-border !important ; |
|
| 278 |
color: #000000; |
|
| 279 |
} |
|
| 202 | 280 |
|
| 203 |
} |
|
| 204 |
// /a (Links) |
|
| 281 |
} |
|
| 282 |
|
|
| 283 |
&.wi-tiny {
|
|
| 284 |
width: auto ; |
|
| 285 |
padding: 0.16em 0.2em 0.1em 0.2em; |
|
| 286 |
margin: -0.3em 0 0 0.2em; |
|
| 287 |
display: inline-block; |
|
| 288 |
font-size: 84% ; |
|
| 289 |
} |
|
| 290 |
|
|
| 291 |
|
|
| 292 |
} // /.button |
|
| 293 |
|
|
| 294 |
} // /a (Links) |
|
| 205 | 295 |
|
| 206 | 296 |
|
| 207 | 297 |
|
| ... | ... | |
| 219 | 309 |
div, |
| 220 | 310 |
span {
|
| 221 | 311 |
|
| 222 |
&.wi-smallest { width: @wi-smallest ; } // 2.0em
|
|
| 223 |
&.wi-verysmall { width: @wi-small ; } // 4.0em
|
|
| 224 |
&.wi-small { width: @wi-small ; } // 8.8em
|
|
| 225 |
&.wi-mediumsmall { width: @wi-mediumsmall ; } // 8.8em
|
|
| 226 |
&.wi-normal { width: @wi-normal ; } // 12.0em
|
|
| 227 |
&.wi-wide { min-width: @wi-wide ; } // 18.0em
|
|
| 228 |
&.wi-wider { min-width: @wi-wider ; } // 24.0em
|
|
| 229 |
&.wi-verywide { min-width: @wi-verywide ; } // 36.0em
|
|
| 312 |
&.wi-smallest { width: @div-wi-smallest ; } // 2.0em
|
|
| 313 |
&.wi-verysmall { width: @div-wi-small ; } // 4.0em
|
|
| 314 |
&.wi-small { width: @div-wi-small ; } // 8.8em
|
|
| 315 |
&.wi-mediumsmall { width: @div-wi-mediumsmall ; } // 8.8em
|
|
| 316 |
&.wi-normal { width: @div-wi-normal ; } // 12.0em
|
|
| 317 |
&.wi-lightwide { width: @div-wi-lightwide ; } // 12.0em
|
|
| 318 |
&.wi-wide { min-width: @div-wi-wide ; } // 18.0em
|
|
| 319 |
&.wi-wider { min-width: @div-wi-wider ; } // 24.0em
|
|
| 320 |
&.wi-verywide { min-width: @div-wi-verywide ; } // 36.0em
|
|
| 230 | 321 |
|
| 231 | 322 |
} |
| 232 | 323 |
|
| ... | ... | |
| 238 | 329 |
div.long-desc, |
| 239 | 330 |
div.longdescription, |
| 240 | 331 |
div.longdesc {
|
| 241 |
font-size: @font-size-base ;
|
|
| 332 |
font-size: @font-size-smaller ;
|
|
| 242 | 333 |
|
| 243 | 334 |
&.small {
|
| 244 | 335 |
font-size: @font-size-smaller ; |
| ... | ... | |
| 246 | 337 |
p {
|
| 247 | 338 |
margin: 0 0 0.6em 0; |
| 248 | 339 |
} |
| 340 |
ul, |
|
| 341 |
ol {
|
|
| 342 |
margin-top: 0 ; |
|
| 343 |
li { font-size: @font-size-smaller ; }
|
|
| 344 |
} |
|
| 249 | 345 |
} |
| 250 | 346 |
|
| 251 | 347 |
// -------------- |
| ... | ... | |
| 271 | 367 |
width: auto ; |
| 272 | 368 |
height: auto; |
| 273 | 369 |
padding: 0.4em 3.0em 0.4em 0.8em; |
| 274 |
border: 1px #ccc solid; |
|
| 370 |
border: 1px #ccc solid; |
|
| 371 |
border-radius: 0.2em ; |
|
| 372 |
background-color: #ddd; |
|
| 373 |
margin: 0.8em 2.0em 0 1.2em !important; |
|
| 374 |
|
|
| 375 |
input, |
|
| 376 |
select{
|
|
| 377 |
margin-left: 0.6em ; |
|
| 378 |
} |
|
| 379 |
span.label{
|
|
| 380 |
float: left ; |
|
| 381 |
font-size: @font-size-small ; |
|
| 382 |
} |
|
| 383 |
} |
|
| 384 |
|
|
| 385 |
table.jump-to {
|
|
| 386 |
&.right { float: right; }
|
|
| 387 |
|
|
| 388 |
border: 1px #ccc solid; |
|
| 275 | 389 |
border-radius: 0.2em ; |
| 276 | 390 |
background-color: #ddd; |
| 277 | 391 |
margin: 0.8em 2.0em 0 1.2em !important; |
| ... | ... | |
| 279 | 393 |
|
| 280 | 394 |
|
| 281 | 395 |
|
| 396 |
|
|
| 397 |
|
|
| 282 | 398 |
// -------------- |
| 283 | 399 |
// Info-Container (DIV) |
| 284 | 400 |
// |
| ... | ... | |
| 290 | 406 |
padding: 0 0 0.6em 0 ; |
| 291 | 407 |
|
| 292 | 408 |
// Dimensions |
| 293 |
&.wi-verysmall { width: @wi-verysmall ; }
|
|
| 294 |
&.wi-small { width: @wi-small ; }
|
|
| 295 |
&.wi-mediumsmall { width: @wi-mediumsmall ; }
|
|
| 296 |
&.wi-normal { width: @wi-normal ; }
|
|
| 297 |
&.wi-wide { width: @wi-wide ; }
|
|
| 298 |
&.wi-verywide { width: @wi-verywide ; }
|
|
| 409 |
&.wi-verysmall { width: @div-wi-verysmall ; }
|
|
| 410 |
&.wi-small { width: @div-wi-small ; }
|
|
| 411 |
&.wi-mediumsmall { width: @div-wi-mediumsmall ; }
|
|
| 412 |
&.wi-normal { width: @div-wi-normal ; }
|
|
| 413 |
&.wi-wide { width: @div-wi-wide ; }
|
|
| 414 |
&.wi-lightwide { width: @div-wi-lightwide ; }
|
|
| 415 |
&.wi-wider { width: @div-wi-wider ; }
|
|
| 416 |
&.wi-verywide { width: @div-wi-verywide ; }
|
|
| 299 | 417 |
|
| 300 | 418 |
} |
| 301 | 419 |
|
| ... | ... | |
| 303 | 421 |
// same as pad-wrapper & cols |
| 304 | 422 |
// PENDENT: Mixin fuer Padding, Margin etc. anlegen |
| 305 | 423 |
div.instructions {
|
| 306 |
background-color: @instructionbox-bg;
|
|
| 307 |
border: @instructionbox-border;
|
|
| 308 |
border-radius: @contentbox-radius ;
|
|
| 309 |
max-width: 70% ;
|
|
| 310 |
.mx-contentbox-properties ;
|
|
| 311 |
color: #4C4C4C;
|
|
| 312 |
font-size: 80%;
|
|
| 313 |
|
|
| 314 |
p { width: 30.0em }
|
|
| 424 |
background-color: @instructionbox-bg;
|
|
| 425 |
border: @instructionbox-border;
|
|
| 426 |
border-radius: @contentbox-radius ;
|
|
| 427 |
max-width: 70% ;
|
|
| 428 |
.mx-contentbox-properties ;
|
|
| 429 |
color: #4C4C4C;
|
|
| 430 |
font-size: 80%;
|
|
| 431 |
|
|
| 432 |
p { width: 30.0em }
|
|
| 315 | 433 |
} |
| 316 | 434 |
|
| 317 | 435 |
|
| ... | ... | |
| 320 | 438 |
// Wrapper |
| 321 | 439 |
// |
| 322 | 440 |
|
| 323 |
// Wrapper for padding |
|
| 324 |
.pad-wrapper {
|
|
| 441 |
// Wrapper for padding & columns
|
|
| 442 |
.wrapper {
|
|
| 325 | 443 |
overflow: hidden; |
| 326 | 444 |
//padding: 0.8em 2.0em 0 1.4em !important; |
| 327 | 445 |
padding: 0 ; |
| 328 | 446 |
margin: @contentbox-margin; |
| 329 | 447 |
clear: both; |
| 448 |
|
|
| 449 |
&.test{ background-color: #FFE67C; }
|
|
| 450 |
|
|
| 451 |
.tbl-horizontal, |
|
| 452 |
.tbl-plain {
|
|
| 453 |
float: left ; |
|
| 454 |
} |
|
| 455 |
|
|
| 456 |
// -------------- |
|
| 457 |
// Columns |
|
| 458 |
// |
|
| 459 |
// DIV or TABLE |
|
| 460 |
.col {
|
|
| 461 |
&.test{
|
|
| 462 |
background-color: #FFD7BA; |
|
| 463 |
border: 1px #6CF solid; |
|
| 464 |
} |
|
| 465 |
&.wi-small { width: @div-wi-small ; }
|
|
| 466 |
&.wi-mediumsmall { width: @div-wi-mediumsmall; }
|
|
| 467 |
&.wi-normal { width: @div-wi-normal ; }
|
|
| 468 |
&.wi-wide { width: @div-wi-wide ; }
|
|
| 469 |
&.wi-lightwide { width: @div-wi-lightwide ; }
|
|
| 470 |
&.wi-wider { width: @div-wi-wider ; }
|
|
| 471 |
&.wi-verywide { width: @div-wi-verywide ; }
|
|
| 472 |
|
|
| 473 |
.tbl-horizontal, |
|
| 474 |
.tbl-plain {
|
|
| 475 |
float: none ; |
|
| 476 |
clear: left ; |
|
| 477 |
} |
|
| 478 |
} |
|
| 479 |
&> p{
|
|
| 480 |
max-width: 36.0em ; |
|
| 481 |
overflow: hidden ; |
|
| 482 |
font-size: @font-size-smaller ; |
|
| 483 |
line-height: 140%; |
|
| 484 |
color: @gray-darker ; |
|
| 485 |
padding-bottom: 1.0em ; |
|
| 486 |
} |
|
| 330 | 487 |
} |
| 488 |
|
|
| 489 |
// -------------- |
|
| 490 |
// Centered Elements |
|
| 491 |
// |
|
| 492 |
|
|
| 493 |
.center{
|
|
| 494 |
margin: auto; |
|
| 495 |
} |
|
| 496 |
|
|
| 497 |
|
|
| 498 |
|
|
| 331 | 499 |
// PENDENT: Neue Loesung |
| 332 | 500 |
.accent{
|
| 333 | 501 |
div.label{
|
| ... | ... | |
| 355 | 523 |
|
| 356 | 524 |
// FORM-ADDITION |
| 357 | 525 |
.form-addition{
|
| 358 |
border: 1px #999 solid;
|
|
| 359 |
background-color: #dedede;
|
|
| 526 |
border: 1px #999 solid; |
|
| 527 |
background-color: #dedede; |
|
| 360 | 528 |
border-radius: 0.6em; |
| 361 | 529 |
padding: @contentbox-padding ; |
| 362 |
margin: auto ;
|
|
| 530 |
margin: 1.6em 1.0em 1.6em 1.0em !important ;
|
|
| 363 | 531 |
width: 96% !important ; |
| 364 |
|
|
| 532 |
overflow: hidden ; |
|
| 533 |
|
|
| 365 | 534 |
h3, |
| 366 | 535 |
table caption, |
| 367 | 536 |
div.list h4 {
|
| 368 | 537 |
color: #666 !important; |
| 538 |
margin-top: 0.6em; |
|
| 369 | 539 |
} |
| 540 |
div.list h4 {
|
|
| 541 |
padding: 1.2em 0 0.2em 0.0em !important; |
|
| 542 |
} |
|
| 543 |
div.list{
|
|
| 544 |
min-width: 130px ; |
|
| 545 |
max-width: 180px ; |
|
| 546 |
} |
|
| 547 |
|
|
| 548 |
} |
|
| 549 |
.wrapper.formaddition {
|
|
| 550 |
margin: 1.6em 1.0em 1.6em 1.0em !important ; |
|
| 551 |
} |
|
| 552 |
|
|
| 553 |
|
|
| 554 |
// FILTER-TOGGLE-PANEL |
|
| 555 |
.filter-toggle-panel{
|
|
| 556 |
display: block; |
|
| 557 |
max-width: 60% ; |
|
| 558 |
min-width: 30% ; |
|
| 559 |
overflow: hidden; |
|
| 560 |
padding: 1.0em ; |
|
| 561 |
margin: 0 1.0em 2.0em 0 ; |
|
| 562 |
background-color: #ccc; |
|
| 563 |
border-color: #666 ; |
|
| 564 |
border-width: 1px; |
|
| 565 |
border-style: solid ; |
|
| 566 |
border-bottom-left-radius: 5px ; |
|
| 567 |
border-bottom-right-radius: 5px ; |
|
| 568 |
border-top-right-radius: 5px ; |
|
| 569 |
background-color: #ccc ; |
|
| 570 |
margin-top: -1px ; |
|
| 370 | 571 |
|
| 572 |
.buttons{
|
|
| 573 |
clear: left ; |
|
| 574 |
padding: 0 ; |
|
| 575 |
} |
|
| 371 | 576 |
} |
| 372 | 577 |
|
| 373 | 578 |
|
| 579 |
|
|
| 580 |
|
|
| 581 |
|
|
| 374 | 582 |
// -------------- |
| 375 | 583 |
// Hidden Elements |
| 376 | 584 |
// |
| ... | ... | |
| 418 | 626 |
|
| 419 | 627 |
|
| 420 | 628 |
// -------------- |
| 421 |
// Messages (Depraceted)
|
|
| 629 |
// Messages (Simple Style)
|
|
| 422 | 630 |
// |
| 423 | 631 |
|
| 424 | 632 |
.message {
|
| 425 |
|
|
| 426 |
// General |
|
| 427 |
width: 80% ; |
|
| 428 |
font-size: 80% ; |
|
| 429 |
line-height: 110% ; |
|
| 430 |
margin: 0 auto 1.0em auto ; |
|
| 431 |
padding: 0.4em ; |
|
| 432 |
border-radius: 0.6em; |
|
| 433 |
|
|
| 434 |
&_ok, |
|
| 435 | 633 |
&_error, |
| 436 |
&_hint {
|
|
| 437 |
padding: 0.5em; |
|
| 634 |
&_warning, |
|
| 635 |
&_hint, |
|
| 636 |
&_info, |
|
| 637 |
&_ok, {
|
|
| 638 |
// General |
|
| 639 |
min-width: 26.0em ; |
|
| 640 |
max-width: 88% ; |
|
| 641 |
width: auto; |
|
| 642 |
display: block; |
|
| 643 |
overflow: hidden; |
|
| 644 |
margin: 0.2em 1.0em 0.8em 1.0em ; |
|
| 645 |
padding: 0.6em 0.8em ; |
|
| 646 |
border-radius: 0.6em; |
|
| 438 | 647 |
border-style: solid; |
| 439 |
border-width: thin; |
|
| 648 |
border-width: 1px; |
|
| 649 |
font-size: 80% ; |
|
| 440 | 650 |
font-weight: normal; |
| 651 |
line-height: 110% ; |
|
| 441 | 652 |
text-align: left; |
| 653 |
white-space: normal; |
|
| 654 |
|
|
| 655 |
// PENDENT: wieso wird in einem DIV-Container nochmals ein Paragraf mit der gleichen Klasse ausgegeben? |
|
| 656 |
&>.message {
|
|
| 657 |
&_error, |
|
| 658 |
&_warning, |
|
| 659 |
&_hint, |
|
| 660 |
&_info, |
|
| 661 |
&_ok{
|
|
| 662 |
display: none; |
|
| 663 |
} |
|
| 664 |
} |
|
| 442 | 665 |
} |
| 443 |
&_ok {
|
|
| 444 |
color: black; |
|
| 666 |
&_error {
|
|
| 667 |
color: @message_error_text; |
|
| 668 |
background-color: @message_error_bg; |
|
| 669 |
border-color: @message_error_border; |
|
| 445 | 670 |
} |
| 446 |
&_hint {
|
|
| 447 |
color: #288DCE; |
|
| 448 |
background-color: #CED7EE; |
|
| 449 |
border: 1px #3C72A7 solid; |
|
| 450 |
|
|
| 671 |
&_warning {
|
|
| 672 |
color: @message_warning_text; |
|
| 673 |
background-color: @message_warning_bg; |
|
| 674 |
border-color: @message_warning_border; |
|
| 675 |
} |
|
| 676 |
&_hint, |
|
| 677 |
&_info {
|
|
| 678 |
color: @message_hint_text; |
|
| 679 |
background-color: @message_hint_bg; |
|
| 680 |
border-color: @message_hint_border; |
|
| 681 |
|
|
| 451 | 682 |
h4 { color: #288DCE ; }
|
| 452 | 683 |
p { color: #288DCE ; }
|
| 453 | 684 |
} |
| 454 |
&_error {
|
|
| 455 |
background-color: #CC0000; |
|
| 456 |
color: white; |
|
| 685 |
&_ok {
|
|
| 686 |
color: @message_ok_text; |
|
| 687 |
background-color: @message_ok_bg; |
|
| 688 |
border-color: @message_ok_border; |
|
| 457 | 689 |
} |
| 458 |
|
|
| 690 |
|
|
| 691 |
|
|
| 692 |
|
|
| 459 | 693 |
&.attention{
|
| 460 | 694 |
font-size: 10pt; |
| 461 |
border: 1px #E5700A solid; |
|
| 462 |
background-color: #FFE7B6; |
|
| 463 |
padding: 0.4em 0.8em; |
|
| 464 |
margin: 1.0em 0 0.6em 0 ; |
|
| 465 |
border-radius: 0.6em; |
|
| 466 |
|
|
| 695 |
border-color: #E5700A; |
|
| 696 |
background-color: #FFE7B6; |
|
| 697 |
|
|
| 467 | 698 |
h4 { color: #CD4E00 ; }
|
| 468 | 699 |
p { color: #630 ; }
|
| 469 | 700 |
} |
| ... | ... | |
| 471 | 702 |
h4{
|
| 472 | 703 |
font-weight: bold; |
| 473 | 704 |
font-size: 110%; |
| 474 |
margin: 0.4em 0 0.2em 0 ;
|
|
| 475 |
padding: 0;
|
|
| 705 |
margin: 0.4em 0 0.2em 0 ; |
|
| 706 |
padding: 0; |
|
| 476 | 707 |
} |
| 477 | 708 |
p{
|
| 478 |
margin: 0 0 0.6em 0 ;
|
|
| 709 |
margin: 0 0 0.6em 0 ; |
|
| 479 | 710 |
padding: 0; |
| 480 | 711 |
} |
| 712 |
|
|
| 481 | 713 |
} |
| 482 | 714 |
|
| 715 |
body > div.login .message{
|
|
| 716 |
width: 30.0em !important; |
|
| 717 |
text-align: center ; |
|
| 718 |
margin: 0 auto 1.0em auto ; |
|
| 719 |
} |
|
| 720 |
|
|
| 721 |
|
|
| 483 | 722 |
|
| 484 | 723 |
// -------------- |
| 485 | 724 |
// Flash Messages |
| 486 | 725 |
// |
| 487 | 726 |
|
| 488 |
.flash_message{
|
|
| 727 |
.flash_message {
|
|
| 489 | 728 |
margin: @message-margin; |
| 490 | 729 |
padding: @message-padding; |
| 491 | 730 |
border-radius: 0.3em; |
| 492 |
font-size: 88% ; |
|
| 493 |
width: auto !important; |
|
| 731 |
border-style: solid ; |
|
| 732 |
border-width: 1px ; |
|
| 733 |
font-size: 80% ; |
|
| 734 |
max-width: 56.0em !important; |
|
| 494 | 735 |
overflow: hidden ; |
| 495 |
|
|
| 496 |
a.icon-close{
|
|
| 497 |
font-size: 80% ; |
|
| 498 |
float: right ; |
|
| 499 |
padding: 0 0.2em 0 0.2em ; |
|
| 500 |
margin: 0 ; |
|
| 501 |
border-radius: 0.22em ; |
|
| 736 |
// General (apears two times within a .flash:message) |
|
| 737 |
|
|
| 738 |
// Buttons (Details & Close) |
|
| 739 |
a.button.wi-tiny {
|
|
| 740 |
font-size: 76% ; |
|
| 741 |
padding: 0 0.2em 0 0.2em ; |
|
| 742 |
margin: 0 0.4em 0 0.4em ; |
|
| 743 |
width: auto ; |
|
| 744 |
background-color: transparent; |
|
| 745 |
} |
|
| 746 |
a.icon-close {
|
|
| 747 |
//display: block ; |
|
| 502 | 748 |
} |
| 749 |
|
|
| 750 |
div.button-container, |
|
| 751 |
div.icon-container {
|
|
| 752 |
overflow: hidden ; |
|
| 753 |
width: 12% ; |
|
| 754 |
float: right ; |
|
| 755 |
|
|
| 756 |
a.icon-close {
|
|
| 757 |
float: right ; |
|
| 758 |
} |
|
| 759 |
span.display {
|
|
| 760 |
float: right !important; |
|
| 761 |
display: block; |
|
| 762 |
width: auto ; |
|
| 763 |
text-align: right ; |
|
| 764 |
margin: 0 ; |
|
| 765 |
padding: 0; |
|
| 766 |
a.button { }
|
|
| 767 |
} |
|
| 768 |
} // /div.icon-container |
|
| 769 |
|
|
| 770 |
div.message-container {
|
|
| 771 |
overflow: hidden ; |
|
| 772 |
width: 86% ; |
|
| 773 |
float: left ; |
|
| 774 |
|
|
| 775 |
&>span.flash_title {
|
|
| 776 |
display: block; |
|
| 777 |
float: left ; |
|
| 778 |
width: auto ; |
|
| 779 |
} |
|
| 780 |
&>div.flash_notification {
|
|
| 781 |
display: block; |
|
| 782 |
float: left ; |
|
| 783 |
max-width: 80% ; |
|
| 784 |
width: auto ; |
|
| 785 |
|
|
| 786 |
span.content {
|
|
| 787 |
float: left ; |
|
| 788 |
display: block; |
|
| 789 |
width: 100% ; |
|
| 790 |
} |
|
| 791 |
div.detail {
|
|
| 792 |
display: block; |
|
| 793 |
clear: both ; |
|
| 794 |
padding-top: 0.9em ; |
|
| 795 |
|
|
| 796 |
span {
|
|
| 797 |
display: block; |
|
| 798 |
width: 94%; |
|
| 799 |
float: right; |
|
| 800 |
} |
|
| 801 |
a.button.wi-tiny{
|
|
| 802 |
display: block ; |
|
| 803 |
float: left ; |
|
| 804 |
margin-left: 0 ; |
|
| 805 |
} |
|
| 806 |
} |
|
| 807 |
} // /.div.flash_notification |
|
| 808 |
|
|
| 809 |
} // /div.message-container |
|
| 810 |
|
|
| 811 |
|
|
| 503 | 812 |
|
| 504 | 813 |
&.flash_message_error {
|
| 505 |
background-color: @flash_message_error_bg;
|
|
| 506 |
border: @flash_message_error_border;
|
|
| 507 |
color: @flash_message_error_text;
|
|
| 508 |
a.icon-close {
|
|
| 509 |
border: @flash_message_error_border;
|
|
| 510 |
color: @flash_message_error_text;
|
|
| 814 |
background-color: @message_error_bg; |
|
| 815 |
border-color: @message_error_border;
|
|
| 816 |
color: @message_error_text; |
|
| 817 |
a.button.wi-tiny {
|
|
| 818 |
border: @message_error_border !important;
|
|
| 819 |
color: @message_error_text; |
|
| 511 | 820 |
} |
| 512 | 821 |
} |
| 513 | 822 |
&.flash_message_ok {
|
| 514 |
background-color: @flash_message_ok_bg;
|
|
| 515 |
border: @flash_message_ok_border;
|
|
| 516 |
color: @flash_message_ok_text;
|
|
| 517 |
a.icon-close {
|
|
| 518 |
border: @flash_message_ok_border;
|
|
| 519 |
color: @flash_message_ok_text;
|
|
| 823 |
background-color: @message_ok_bg; |
|
| 824 |
border: @message_ok_border; |
|
| 825 |
color: @message_ok_text; |
|
| 826 |
a.button.wi-tiny {
|
|
| 827 |
border: @message_ok_border; |
|
| 828 |
color: @message_ok_text; |
|
| 520 | 829 |
} |
| 521 | 830 |
} |
| 522 | 831 |
&.flash_message_warning {
|
| 523 |
background-color: @flash_message_warning_bg;
|
|
| 524 |
border: @flash_message_warning_border;
|
|
| 525 |
color: @flash_message_warning_text;
|
|
| 526 |
a.icon-close {
|
|
| 527 |
border: @flash_message_warning_border;
|
|
| 528 |
color: @flash_message_warning_text;
|
|
| 832 |
background-color: @message_warning_bg; |
|
| 833 |
border-color: @message_warning_border;
|
|
| 834 |
color: @message_warning_text; |
|
| 835 |
a.button.wi-tiny {
|
|
| 836 |
border: @message_warning_border; |
|
| 837 |
color: @message_warning_text; |
|
| 529 | 838 |
} |
| 530 | 839 |
} |
| 531 | 840 |
&.flash_message_info {
|
| 532 |
background-color: @flash_message_info_bg;
|
|
| 533 |
border: @flash_message_info_border;
|
|
| 534 |
color: @flash_message_info_text;
|
|
| 535 |
a.icon-close {
|
|
| 536 |
border: @flash_message_info_border;
|
|
| 537 |
color: @flash_message_info_text;
|
|
| 841 |
background-color: @message_info_bg; |
|
| 842 |
border: @message_info_border; |
|
| 843 |
color: @message_info_text; |
|
| 844 |
a.button.wi-tiny {
|
|
| 845 |
border: @message_info_border; |
|
| 846 |
color: @message_info_text; |
|
| 538 | 847 |
} |
| 539 | 848 |
} |
| 540 | 849 |
|
| ... | ... | |
| 542 | 851 |
font-weight: bold; |
| 543 | 852 |
float: left; |
| 544 | 853 |
display: block ; |
| 545 |
padding-right: 1.0em ;
|
|
| 854 |
padding-right: 1.0em ; |
|
| 546 | 855 |
} |
| 547 | 856 |
.flash_notification{
|
| 548 | 857 |
float: left; |
| ... | ... | |
| 643 | 952 |
// -------------------------------------- |
| 644 | 953 |
|
| 645 | 954 |
hr {
|
| 646 |
background-color: #006400;
|
|
| 955 |
background-color: #79B61B; // #006400
|
|
| 647 | 956 |
border: none; |
| 648 |
color: #79B61B; |
|
| 649 |
height: 2px; |
|
| 957 |
//color: #79B61B; |
|
| 958 |
height: 1px; |
|
| 959 |
} |
|
| 960 |
|
|
| 961 |
ul, |
|
| 962 |
ol {
|
|
| 963 |
font-size: @font-size-base ; |
|
| 964 |
|
|
| 965 |
li {
|
|
| 966 |
font-size: @font-size-small ; |
|
| 967 |
} |
|
| 968 |
} |
|
| 969 |
.wrapper .col{
|
|
| 970 |
ul {
|
|
| 971 |
list-style:circle inside; |
|
| 972 |
padding: 0 ; |
|
| 973 |
margin: 0 ; |
|
| 974 |
li{
|
|
| 975 |
padding: 0 0 0 -0.6em ; |
|
| 976 |
margin: 0 0 0 0 ; |
|
| 977 |
} |
|
| 978 |
} |
|
| 979 |
} |
|
| 980 |
|
|
| 981 |
|
|
| 982 |
// -------------------------------------- |
|
| 983 |
// DEPRACETED STUFF (BUT WILL IT BE AVAILABLE FOR A LONGER TIME?) |
|
| 984 |
// -------------------------------------- |
|
| 985 |
// PENDENT: Programmmaesig loesen, vor allem primitive Ueberschriften und "Not records Found"-Meldungen |
|
| 986 |
|
|
| 987 |
#content {
|
|
| 988 |
&>p { margin: 0.6em 2.0em 1.0em 1.0em }
|
|
| 989 |
&>p.message_hint {
|
|
| 990 |
margin: 0.6em 2.0em 1.0em 1.0em |
|
| 991 |
} |
|
| 650 | 992 |
} |
| 651 | 993 |
|
| 652 | 994 |
|
Auch abrufbar als: Unified diff
Aenderungen hpschlaepfer