Revision cd670dfa
Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt
- ID cd670dfafdb3560614634765e2a377946ff1809b
- Vorgänger ff33b093
| css/less/jquery-ui.less | ||
|---|---|---|
| 1 |
/* ------------------------------------------------------------- */ |
|
| 2 |
/* JQUERY UI (jquery-ui.less) */ |
|
| 3 |
/* ------------------------------------------------------------- */ |
|
| 4 |
|
|
| 5 |
|
|
| 1 | 6 |
// ---------------------------------------------------------------------------- |
| 2 | 7 |
// |
| 3 | 8 |
// jQuery UI (Version 1.10.3 / 2014-01-14 / http://jqueryui.com) |
| ... | ... | |
| 233 | 238 |
// ACCORDION |
| 234 | 239 |
// -------------------------------------- |
| 235 | 240 |
|
| 236 |
.ui-accordion .ui-accordion-header {
|
|
| 237 |
display: block; |
|
| 238 |
cursor: pointer; |
|
| 239 |
position: relative; |
|
| 240 |
margin-top: 2px; |
|
| 241 |
padding: .5em .5em .5em .7em; |
|
| 242 |
min-height: 0; // support: IE7 |
|
| 243 |
} |
|
| 244 |
.ui-accordion .ui-accordion-icons {
|
|
| 245 |
padding-left: 2.2em; |
|
| 246 |
} |
|
| 247 |
.ui-accordion .ui-accordion-noicons {
|
|
| 248 |
padding-left: .7em; |
|
| 249 |
} |
|
| 250 |
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
|
| 251 |
padding-left: 2.2em; |
|
| 252 |
} |
|
| 253 |
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
|
| 254 |
position: absolute; |
|
| 255 |
left: .5em; |
|
| 256 |
top: 50%; |
|
| 257 |
margin-top: -8px; |
|
| 258 |
} |
|
| 259 |
.ui-accordion .ui-accordion-content {
|
|
| 260 |
padding: 1em 2.2em; |
|
| 261 |
border-top: 0; |
|
| 262 |
overflow: auto; |
|
| 263 |
} |
|
| 241 |
.ui-accordion {
|
|
| 242 |
|
|
| 243 |
.ui-accordion-header {
|
|
| 244 |
display: block; |
|
| 245 |
cursor: pointer; |
|
| 246 |
position: relative; |
|
| 247 |
margin-top: 2px; |
|
| 248 |
padding: .5em .5em .5em .7em; |
|
| 249 |
min-height: 0; // support: IE7 |
|
| 250 |
|
|
| 251 |
.ui-accordion-header-icon {
|
|
| 252 |
position: absolute; |
|
| 253 |
left: .5em; |
|
| 254 |
top: 50%; |
|
| 255 |
margin-top: -8px; |
|
| 256 |
} |
|
| 257 |
} // /.ui-accordion-header |
|
| 258 |
|
|
| 259 |
.ui-accordion-content {
|
|
| 260 |
padding: 1em 2.2em; |
|
| 261 |
border-top: 0; |
|
| 262 |
overflow: auto; |
|
| 263 |
} |
|
| 264 |
|
|
| 265 |
.ui-accordion-icons {
|
|
| 266 |
padding-left: 2.2em; |
|
| 267 |
.ui-accordion-icons { padding-left: 2.2em; }
|
|
| 268 |
} |
|
| 269 |
.ui-accordion-noicons { padding-left: .7em; }
|
|
| 270 |
|
|
| 271 |
} // /.ui-accordion |
|
| 272 |
|
|
| 264 | 273 |
|
| 265 | 274 |
|
| 266 | 275 |
|
| ... | ... | |
| 273 | 282 |
top: 0; |
| 274 | 283 |
left: 0; |
| 275 | 284 |
cursor: default; |
| 285 |
|
|
| 286 |
.ui-menu-item {
|
|
| 287 |
a {
|
|
| 288 |
|
|
| 289 |
&:hover{
|
|
| 290 |
background-color: @brand-dark; |
|
| 291 |
color: #fff ; |
|
| 292 |
} |
|
| 293 |
} |
|
| 294 |
} |
|
| 295 |
|
|
| 276 | 296 |
} |
| 277 | 297 |
|
| 278 | 298 |
|
| ... | ... | |
| 394 | 414 |
// -------------------------------------- |
| 395 | 415 |
|
| 396 | 416 |
.ui-datepicker {
|
| 397 |
width: 17em; |
|
| 398 |
padding: .2em .2em 0; |
|
| 399 |
display: none; |
|
| 400 |
} |
|
| 401 |
.ui-datepicker .ui-datepicker-header {
|
|
| 402 |
position: relative; |
|
| 403 |
padding: .2em 0; |
|
| 404 |
} |
|
| 405 |
.ui-datepicker .ui-datepicker-prev, |
|
| 406 |
.ui-datepicker .ui-datepicker-next {
|
|
| 407 |
position: absolute; |
|
| 408 |
top: 2px; |
|
| 409 |
width: 1.8em; |
|
| 410 |
height: 1.8em; |
|
| 411 |
} |
|
| 412 |
.ui-datepicker .ui-datepicker-prev-hover, |
|
| 413 |
.ui-datepicker .ui-datepicker-next-hover {
|
|
| 414 |
top: 1px; |
|
| 415 |
} |
|
| 416 |
.ui-datepicker .ui-datepicker-prev {
|
|
| 417 |
left: 2px; |
|
| 418 |
} |
|
| 419 |
.ui-datepicker .ui-datepicker-next {
|
|
| 420 |
right: 2px; |
|
| 421 |
} |
|
| 422 |
.ui-datepicker .ui-datepicker-prev-hover {
|
|
| 423 |
left: 1px; |
|
| 424 |
} |
|
| 425 |
.ui-datepicker .ui-datepicker-next-hover {
|
|
| 426 |
right: 1px; |
|
| 427 |
} |
|
| 428 |
.ui-datepicker .ui-datepicker-prev span, |
|
| 429 |
.ui-datepicker .ui-datepicker-next span {
|
|
| 430 |
display: block; |
|
| 431 |
position: absolute; |
|
| 432 |
left: 50%; |
|
| 433 |
margin-left: -8px; |
|
| 434 |
top: 50%; |
|
| 435 |
margin-top: -8px; |
|
| 436 |
} |
|
| 437 |
.ui-datepicker .ui-datepicker-title {
|
|
| 438 |
margin: 0 2.3em; |
|
| 439 |
line-height: 1.8em; |
|
| 440 |
text-align: center; |
|
| 441 |
} |
|
| 442 |
.ui-datepicker .ui-datepicker-title select {
|
|
| 443 |
font-size: @font-size-base; |
|
| 444 |
margin: 1px 0; |
|
| 445 |
} |
|
| 446 |
.ui-datepicker select.ui-datepicker-month-year {
|
|
| 447 |
width: 100%; |
|
| 448 |
} |
|
| 449 |
.ui-datepicker select.ui-datepicker-month, |
|
| 450 |
.ui-datepicker select.ui-datepicker-year {
|
|
| 451 |
width: 49%; |
|
| 452 |
} |
|
| 453 |
.ui-datepicker table {
|
|
| 454 |
width: 100%; |
|
| 455 |
font-size: @font-size-base; |
|
| 456 |
border-collapse: collapse; |
|
| 457 |
margin: 0 0 .4em; |
|
| 458 |
} |
|
| 459 |
.ui-datepicker th {
|
|
| 460 |
padding: .7em .3em; |
|
| 461 |
text-align: center; |
|
| 462 |
font-weight: bold; |
|
| 463 |
border: 0; |
|
| 464 |
} |
|
| 465 |
.ui-datepicker td {
|
|
| 466 |
border: 0; |
|
| 467 |
padding: 1px; |
|
| 468 |
} |
|
| 469 |
.ui-datepicker td span, |
|
| 470 |
.ui-datepicker td a {
|
|
| 471 |
display: block; |
|
| 472 |
padding: .2em; |
|
| 473 |
text-align: right; |
|
| 474 |
text-decoration: none; |
|
| 475 |
} |
|
| 476 |
.ui-datepicker .ui-datepicker-buttonpane {
|
|
| 477 |
background-image: none; |
|
| 478 |
margin: .7em 0 0 0; |
|
| 479 |
padding: 0 .2em; |
|
| 480 |
border-left: 0; |
|
| 481 |
border-right: 0; |
|
| 482 |
border-bottom: 0; |
|
| 483 |
} |
|
| 484 |
.ui-datepicker .ui-datepicker-buttonpane button {
|
|
| 485 |
float: right; |
|
| 486 |
margin: .5em .2em .4em; |
|
| 487 |
cursor: pointer; |
|
| 488 |
padding: .2em .6em .3em .6em; |
|
| 489 |
width: auto; |
|
| 490 |
overflow: visible; |
|
| 491 |
} |
|
| 492 |
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
|
| 493 |
float: left; |
|
| 494 |
} |
|
| 495 |
|
|
| 496 |
// with multiple calendars |
|
| 497 |
.ui-datepicker.ui-datepicker-multi {
|
|
| 498 |
width: auto; |
|
| 499 |
} |
|
| 500 |
.ui-datepicker-multi .ui-datepicker-group {
|
|
| 501 |
float: left; |
|
| 502 |
} |
|
| 503 |
.ui-datepicker-multi .ui-datepicker-group table {
|
|
| 504 |
width: 95%; |
|
| 505 |
margin: 0 auto .4em; |
|
| 506 |
} |
|
| 507 |
.ui-datepicker-multi-2 .ui-datepicker-group {
|
|
| 508 |
width: 50%; |
|
| 509 |
} |
|
| 510 |
.ui-datepicker-multi-3 .ui-datepicker-group {
|
|
| 511 |
width: 33.3%; |
|
| 512 |
} |
|
| 513 |
.ui-datepicker-multi-4 .ui-datepicker-group {
|
|
| 514 |
width: 25%; |
|
| 515 |
} |
|
| 516 |
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, |
|
| 517 |
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
|
| 518 |
border-left-width: 0; |
|
| 519 |
} |
|
| 520 |
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
|
| 521 |
clear: left; |
|
| 522 |
} |
|
| 417 |
width: 17em; |
|
| 418 |
padding: .2em .2em 0; |
|
| 419 |
display: none; |
|
| 420 |
&.ui-widget-content{
|
|
| 421 |
background-color: @jquery_datepicker-bg-color; |
|
| 422 |
border: @controlpanel-border ; |
|
| 423 |
} |
|
| 424 |
|
|
| 425 |
|
|
| 426 |
// ----------------------- |
|
| 427 |
// Header with Select-Elements |
|
| 428 |
// ----------------------- |
|
| 429 |
.ui-datepicker-header {
|
|
| 430 |
position: relative; |
|
| 431 |
padding: 0.2em 0; |
|
| 432 |
|
|
| 433 |
&.ui-datepicker-prev, |
|
| 434 |
&.ui-datepicker-next {
|
|
| 435 |
position: absolute; |
|
| 436 |
top: 2px; |
|
| 437 |
width: 1.8em; |
|
| 438 |
height: 1.8em; |
|
| 439 |
|
|
| 440 |
&-hover { top: 1px; }
|
|
| 441 |
|
|
| 442 |
span {
|
|
| 443 |
display: block; |
|
| 444 |
position: absolute; |
|
| 445 |
left: 50%; |
|
| 446 |
margin-left: -8px; |
|
| 447 |
top: 50%; |
|
| 448 |
margin-top: -8px; |
|
| 449 |
} |
|
| 450 |
} |
|
| 451 |
.ui-datepicker-prev {
|
|
| 452 |
float: left; |
|
| 453 |
left: 2px; |
|
| 454 |
&-hover { left: 1px; background-position: 25% 25% ; }
|
|
| 455 |
} |
|
| 456 |
.ui-datepicker-next {
|
|
| 457 |
float: right ; |
|
| 458 |
right: 2px; |
|
| 459 |
&-hover { right: 1px; background-position: 25% 25% ; }
|
|
| 460 |
} |
|
| 461 |
|
|
| 462 |
.ui-datepicker-title {
|
|
| 463 |
margin: 0 2.3em; |
|
| 464 |
line-height: 1.8em; |
|
| 465 |
text-align: center; |
|
| 466 |
|
|
| 467 |
select {
|
|
| 468 |
margin: 1px 0; |
|
| 469 |
&.ui-datepicker-month{ margin-right: 0.2em ; }
|
|
| 470 |
} |
|
| 471 |
} |
|
| 472 |
|
|
| 473 |
select.ui-datepicker-month-year {
|
|
| 474 |
width: 100%; |
|
| 475 |
} |
|
| 476 |
select.ui-datepicker-month, |
|
| 477 |
select.ui-datepicker-year {
|
|
| 478 |
width: 49%; |
|
| 479 |
} |
|
| 480 |
|
|
| 481 |
&.ui-corner-all{
|
|
| 482 |
cursor: pointer ; |
|
| 483 |
&.ui-state-hover {
|
|
| 484 |
border: none !important ; |
|
| 485 |
curser: pointer ; |
|
| 486 |
} |
|
| 487 |
} |
|
| 488 |
|
|
| 489 |
&.ui-widget-header {
|
|
| 490 |
.ui-icon {
|
|
| 491 |
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); |
|
| 492 |
} |
|
| 493 |
.ui-state-hover{
|
|
| 494 |
.ui-icon{
|
|
| 495 |
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); |
|
| 496 |
//background: #ffffff; |
|
| 497 |
} |
|
| 498 |
} |
|
| 499 |
} |
|
| 500 |
} // /.ui-datepicker-header |
|
| 501 |
|
|
| 502 |
|
|
| 503 |
// ----------------------- |
|
| 504 |
// Table with Calendar |
|
| 505 |
// ----------------------- |
|
| 506 |
table {
|
|
| 507 |
width: 100%; |
|
| 508 |
font-size: @font-size-smaller; |
|
| 509 |
border-collapse: collapse; |
|
| 510 |
margin: 0 0 0.4em; |
|
| 511 |
|
|
| 512 |
th {
|
|
| 513 |
padding: 0.7em 0.3em; |
|
| 514 |
text-align: center; |
|
| 515 |
font-weight: bold; |
|
| 516 |
border: 0; |
|
| 517 |
} |
|
| 518 |
td {
|
|
| 519 |
border: 0; |
|
| 520 |
padding: 1px; |
|
| 521 |
|
|
| 522 |
span, |
|
| 523 |
a {
|
|
| 524 |
display: block; |
|
| 525 |
padding: 0.2em; |
|
| 526 |
text-align: right; |
|
| 527 |
text-decoration: none; |
|
| 528 |
} |
|
| 529 |
a.ui-state-hover{
|
|
| 530 |
color: #ffffff ; |
|
| 531 |
background-color: @brand-darker; |
|
| 532 |
} |
|
| 533 |
} |
|
| 534 |
|
|
| 535 |
&.ui-datepicker-calendar {
|
|
| 536 |
// current date |
|
| 537 |
.ui-state-highlight{
|
|
| 538 |
color: #ffffff ; |
|
| 539 |
background-color: @brand-darker; |
|
| 540 |
border: 1px @gray-standard solid |
|
| 541 |
} |
|
| 542 |
// Days |
|
| 543 |
td a {
|
|
| 544 |
&.ui-state-default { color: @brand-dark; }
|
|
| 545 |
&.ui-state-hover {
|
|
| 546 |
color: #ffffff ; |
|
| 547 |
background-color: #000000; |
|
| 548 |
border: #000000 ; |
|
| 549 |
} |
|
| 550 |
&.ui-state-active {
|
|
| 551 |
border: 1px solid @brand-dark; |
|
| 552 |
background-color: @brand-dark; |
|
| 553 |
color: @brand-verylight; |
|
| 554 |
} |
|
| 555 |
} // /td |
|
| 556 |
} // /.ui-datepicker-calendar |
|
| 557 |
} // /table |
|
| 558 |
|
|
| 559 |
.ui-datepicker-buttonpane {
|
|
| 560 |
background-image: none; |
|
| 561 |
margin: 0.7em 0 0 0; |
|
| 562 |
padding: 0 0.2em; |
|
| 563 |
border-left: 0; |
|
| 564 |
border-right: 0; |
|
| 565 |
border-bottom: 0; |
|
| 566 |
|
|
| 567 |
button {
|
|
| 568 |
float: right; |
|
| 569 |
margin: .5em .2em .4em; |
|
| 570 |
cursor: pointer; |
|
| 571 |
padding: .2em .6em .3em .6em; |
|
| 572 |
width: auto; |
|
| 573 |
overflow: visible; |
|
| 574 |
|
|
| 575 |
&.ui-datepicker-current {
|
|
| 576 |
float: left; |
|
| 577 |
} |
|
| 578 |
&.ui-datepicker-current, |
|
| 579 |
&.ui-datepicker-close {
|
|
| 580 |
.mx-button-neutral ; |
|
| 581 |
font-weight: normal ; |
|
| 582 |
} |
|
| 583 |
|
|
| 584 |
|
|
| 585 |
|
|
| 586 |
} |
|
| 587 |
} // /.ui-datepicker-buttonpane |
|
| 588 |
|
|
| 589 |
|
|
| 590 |
// ----------------------- |
|
| 591 |
// Multiple Calendars |
|
| 592 |
// ----------------------- |
|
| 593 |
// with multiple calendars |
|
| 594 |
&.ui-datepicker-multi {
|
|
| 595 |
width: auto; |
|
| 596 |
.ui-datepicker-group {
|
|
| 597 |
float: left; |
|
| 598 |
table {
|
|
| 599 |
width: 95%; |
|
| 600 |
margin: 0 auto .4em; |
|
| 601 |
} |
|
| 602 |
} |
|
| 603 |
.ui-datepicker-group-last, |
|
| 604 |
.ui-datepicker-group-middle {
|
|
| 605 |
.ui-datepicker-header{ border-left-width: 0; }
|
|
| 606 |
} |
|
| 607 |
.ui-datepicker-buttonpane { clear: left; }
|
|
| 608 |
} // .&.ui-datepicker-multi |
|
| 609 |
|
|
| 610 |
} // /.ui-datepicker |
|
| 611 |
|
|
| 612 |
// Date picker with multiple calendars |
|
| 613 |
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
|
|
| 614 |
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
|
|
| 615 |
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
|
|
| 616 |
// |
|
| 523 | 617 |
.ui-datepicker-row-break {
|
| 524 | 618 |
clear: both; |
| 525 | 619 |
width: 100%; |
| 526 | 620 |
font-size: 0; |
| 527 | 621 |
} |
| 528 | 622 |
|
| 623 |
// ----------------------- |
|
| 624 |
// Calendar symbol |
|
| 625 |
// ----------------------- |
|
| 626 |
img.ui-datepicker-trigger{
|
|
| 627 |
vertical-align: middle; |
|
| 628 |
margin-left: 0.2em ; |
|
| 629 |
} |
|
| 529 | 630 |
|
| 530 | 631 |
|
| 531 | 632 |
|
| ... | ... | |
| 535 | 636 |
|
| 536 | 637 |
|
| 537 | 638 |
|
| 639 |
|
|
| 538 | 640 |
// -------------------------------------- |
| 539 | 641 |
// UI-DIALOG |
| 540 | 642 |
// -------------------------------------- |
| 541 | 643 |
|
| 542 | 644 |
.ui-dialog {
|
| 543 |
z-index: 8001 ; |
|
| 544 |
position: absolute; |
|
| 545 |
top: 0; |
|
| 546 |
left: 0; |
|
| 547 |
//padding: .2em; |
|
| 548 |
outline: 0; |
|
| 549 |
border: 1px solid black; // Custom |
|
| 645 |
z-index: 8001 ; |
|
| 646 |
position: absolute; |
|
| 647 |
top: 0; |
|
| 648 |
left: 0; |
|
| 649 |
outline: 0; |
|
| 650 |
border: @controlpanel-border ; // Custom |
|
| 651 |
border-radius: @controlpanel-radius; |
|
| 652 |
//color: #333333; |
|
| 550 | 653 |
|
| 551 | 654 |
.ui-dialog-titlebar {
|
| 552 |
padding: 0.4em 1.0em; |
|
| 553 |
border: none; |
|
| 554 |
background: @h1-bg ;
|
|
| 555 |
color: @h1-color ;
|
|
| 556 |
font-weight: normal; |
|
| 557 |
position: relative; |
|
| 558 |
text-align: left; |
|
| 559 |
font-size: @h3-size; |
|
| 655 |
padding: 0.4em 1.0em;
|
|
| 656 |
border: none;
|
|
| 657 |
background-color: @brand-h1-bg !important;
|
|
| 658 |
color: @brand-h1-color !important;
|
|
| 659 |
font-weight: normal;
|
|
| 660 |
position: relative;
|
|
| 661 |
text-align: left;
|
|
| 662 |
font-size: @h3-size;
|
|
| 560 | 663 |
|
| 561 | 664 |
.ui-dialog-title {
|
| 562 |
float: left;
|
|
| 563 |
white-space: nowrap;
|
|
| 564 |
overflow: hidden;
|
|
| 565 |
text-overflow: ellipsis;
|
|
| 566 |
display: block;
|
|
| 665 |
float: left; |
|
| 666 |
white-space: nowrap; |
|
| 667 |
overflow: hidden; |
|
| 668 |
text-overflow: ellipsis; |
|
| 669 |
display: block; |
|
| 567 | 670 |
} |
| 568 | 671 |
|
| 569 | 672 |
.ui-dialog-titlebar-close {
|
| 570 | 673 |
position: absolute; |
| 571 | 674 |
right: 0.3em; |
| 572 |
top: 50%; |
|
| 675 |
//top: 50%; |
|
| 676 |
top: 0; |
|
| 573 | 677 |
width: 21px; |
| 574 |
margin: 10px 0 0 0; |
|
| 678 |
//margin: 10px 0 0 0; |
|
| 679 |
margin: 5px 0 0 0; |
|
| 575 | 680 |
padding: 1px; |
| 576 | 681 |
height: 20px; |
| 682 |
// background: #bbb !important; |
|
| 577 | 683 |
} |
| 578 |
} |
|
| 579 |
// /.ui-dialog-titlebar |
|
| 684 |
} // /.ui-dialog-titlebar |
|
| 580 | 685 |
|
| 581 | 686 |
.ui-dialog-content {
|
| 582 |
position: relative; |
|
| 583 |
border: 0; |
|
| 584 |
padding: .5em 1em; |
|
| 585 |
background: none;
|
|
| 586 |
overflow: auto;
|
|
| 587 |
|
|
| 687 |
position: relative;
|
|
| 688 |
border: 0;
|
|
| 689 |
padding: 0.5em 1em;
|
|
| 690 |
background-color: @jquery_ui_dialog-bg-color !important;
|
|
| 691 |
background: @jquery_ui_dialog-bg-style !important;
|
|
| 692 |
overflow: auto; |
|
| 588 | 693 |
} |
| 589 | 694 |
|
| 590 | 695 |
.ui-dialog-buttonpane {
|
| 591 |
text-align: left; |
|
| 592 |
border-width: 1px 0 0 0; |
|
| 696 |
text-align: left;
|
|
| 697 |
border-width: 1px 0 0 0;
|
|
| 593 | 698 |
background-image: none; |
| 594 |
margin-top: .5em; |
|
| 595 |
padding: .3em 1em .5em .4em;
|
|
| 699 |
margin-top: 0.5em;
|
|
| 700 |
padding: 0.3em 1em 0.5em 0.4em;
|
|
| 596 | 701 |
|
| 597 | 702 |
.ui-dialog-buttonset {
|
| 598 |
float: right; |
|
| 703 |
float: right;
|
|
| 599 | 704 |
} |
| 600 | 705 |
|
| 601 | 706 |
button {
|
| ... | ... | |
| 613 | 718 |
background-position: 16px 16px; |
| 614 | 719 |
} |
| 615 | 720 |
|
| 721 |
// .ui-widget-header {
|
|
| 722 |
// button.ui-dialog-titlebar-close {
|
|
| 723 |
// right: 0.3em; |
|
| 724 |
// top: 0; |
|
| 725 |
// width: 21px; |
|
| 726 |
// margin: 5px 0 0 0; |
|
| 727 |
// } |
|
| 728 |
// } |
|
| 729 |
|
|
| 616 | 730 |
&.ui-draggable .ui-dialog-titlebar {
|
| 617 | 731 |
cursor: move; |
| 618 | 732 |
} |
| 619 | 733 |
|
| 620 |
} |
|
| 621 |
// /.ui-dialog |
|
| 622 |
|
|
| 623 |
|
|
| 624 |
|
|
| 625 |
|
|
| 626 |
|
|
| 734 |
} // /.ui-dialog |
|
| 627 | 735 |
|
| 628 | 736 |
|
| 629 | 737 |
|
| ... | ... | |
| 632 | 740 |
// UI-MENU |
| 633 | 741 |
// -------------------------------------- |
| 634 | 742 |
|
| 635 |
|
|
| 636 | 743 |
.ui-menu {
|
| 637 | 744 |
list-style: none; |
| 638 | 745 |
padding: 2px; |
| 639 | 746 |
margin: 0; |
| 640 | 747 |
display: block; |
| 641 | 748 |
outline: none; |
| 642 |
} |
|
| 643 |
.ui-menu .ui-menu {
|
|
| 644 |
margin-top: -3px; |
|
| 645 |
position: absolute; |
|
| 646 |
} |
|
| 647 |
.ui-menu .ui-menu-item {
|
|
| 648 |
margin: 0; |
|
| 649 |
padding: 0; |
|
| 650 |
width: 100%; |
|
| 651 |
// support: IE10, see #8844 |
|
| 652 |
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|
| 653 |
} |
|
| 654 |
.ui-menu .ui-menu-divider {
|
|
| 655 |
margin: 5px -2px 5px -2px; |
|
| 656 |
height: 0; |
|
| 657 |
font-size: 0; |
|
| 658 |
line-height: 0; |
|
| 659 |
border-width: 1px 0 0 0; |
|
| 660 |
} |
|
| 661 |
.ui-menu .ui-menu-item a {
|
|
| 662 |
text-decoration: none; |
|
| 663 |
display: block; |
|
| 664 |
padding: 2px .4em; |
|
| 665 |
line-height: 1.5; |
|
| 666 |
min-height: 0; // support: IE7 |
|
| 667 |
font-weight: normal; |
|
| 668 |
} |
|
| 669 |
.ui-menu .ui-menu-item a.ui-state-focus, |
|
| 670 |
.ui-menu .ui-menu-item a.ui-state-active {
|
|
| 671 |
font-weight: normal; |
|
| 672 |
margin: -1px; |
|
| 673 |
} |
|
| 749 |
display: inline-table ; |
|
| 750 |
border-collapse: collapse ; |
|
| 751 |
|
|
| 752 |
&.ui-widget-content {
|
|
| 753 |
border: 1px @_menu_border_color solid ; |
|
| 754 |
} |
|
| 755 |
|
|
| 756 |
.ui-menu-item {
|
|
| 757 |
margin: 0; |
|
| 758 |
padding: 0; |
|
| 759 |
width: 100%; |
|
| 760 |
background-color: @brand-lighter; |
|
| 761 |
border-bottom: 1px @_menu_border_color solid ; |
|
| 762 |
|
|
| 763 |
a {
|
|
| 764 |
text-decoration: none; |
|
| 765 |
display: block; |
|
| 766 |
padding: 2px .4em; |
|
| 767 |
line-height: 1.5; |
|
| 768 |
min-height: 0; // support: IE7 |
|
| 769 |
font-weight: normal; |
|
| 770 |
border: 0 ; |
|
| 771 |
background: none ; |
|
| 772 |
border: 0 ; |
|
| 773 |
|
|
| 774 |
&.ui-state-focus, |
|
| 775 |
&.ui-state-active {
|
|
| 776 |
font-weight: normal; |
|
| 777 |
margin: -1px; |
|
| 778 |
} |
|
| 779 |
} |
|
| 780 |
} // /.ui-menu-item |
|
| 781 |
|
|
| 782 |
.ui-menu-divider {
|
|
| 783 |
margin: 5px -2px 5px -2px; |
|
| 784 |
height: 0; |
|
| 785 |
font-size: 0; |
|
| 786 |
line-height: 0; |
|
| 787 |
border-width: 1px 0 0 0; |
|
| 788 |
} |
|
| 789 |
|
|
| 790 |
.ui-state-disabled {
|
|
| 791 |
font-weight: normal; |
|
| 792 |
margin: .4em 0 .2em; |
|
| 793 |
line-height: 1.5; |
|
| 794 |
a { cursor: default; }
|
|
| 795 |
} |
|
| 796 |
|
|
| 797 |
// ui-menu within a ui-menu |
|
| 798 |
.ui-menu {
|
|
| 799 |
margin-top: -3px; |
|
| 800 |
position: absolute; |
|
| 801 |
} |
|
| 802 |
|
|
| 803 |
// icon support |
|
| 804 |
&.ui-menu-icons {
|
|
| 805 |
position: relative; |
|
| 806 |
|
|
| 807 |
.ui-menu-item a {
|
|
| 808 |
position: relative; |
|
| 809 |
padding-left: 2em; |
|
| 810 |
} |
|
| 811 |
} |
|
| 812 |
|
|
| 813 |
// left-aligned |
|
| 814 |
.ui-icon {
|
|
| 815 |
position: absolute; |
|
| 816 |
top: .2em; |
|
| 817 |
left: .2em; |
|
| 818 |
} |
|
| 819 |
// right-aligned |
|
| 820 |
.ui-menu-icon {
|
|
| 821 |
position: static; |
|
| 822 |
float: right; |
|
| 823 |
} |
|
| 824 |
|
|
| 825 |
} // /.ui-menu |
|
| 674 | 826 |
|
| 675 |
.ui-menu .ui-state-disabled {
|
|
| 676 |
font-weight: normal; |
|
| 677 |
margin: .4em 0 .2em; |
|
| 678 |
line-height: 1.5; |
|
| 679 |
} |
|
| 680 |
.ui-menu .ui-state-disabled a {
|
|
| 681 |
cursor: default; |
|
| 682 |
} |
|
| 683 | 827 |
|
| 684 |
// icon support |
|
| 685 |
.ui-menu-icons {
|
|
| 686 |
position: relative; |
|
| 687 |
} |
|
| 688 |
.ui-menu-icons .ui-menu-item a {
|
|
| 689 |
position: relative; |
|
| 690 |
padding-left: 2em; |
|
| 691 |
} |
|
| 692 | 828 |
|
| 693 |
// left-aligned |
|
| 694 |
.ui-menu .ui-icon {
|
|
| 695 |
position: absolute; |
|
| 696 |
top: .2em; |
|
| 697 |
left: .2em; |
|
| 698 |
} |
|
| 699 | 829 |
|
| 700 |
// right-aligned |
|
| 701 |
.ui-menu .ui-menu-icon {
|
|
| 702 |
position: static; |
|
| 703 |
float: right; |
|
| 704 |
} |
|
| 705 | 830 |
|
| 706 | 831 |
|
| 707 | 832 |
|
| ... | ... | |
| 713 | 838 |
height: 2em; |
| 714 | 839 |
text-align: left; |
| 715 | 840 |
overflow: hidden; |
| 716 |
} |
|
| 717 |
.ui-progressbar .ui-progressbar-value {
|
|
| 718 |
margin: -1px; |
|
| 719 |
height: 100%; |
|
| 720 |
} |
|
| 721 |
.ui-progressbar .ui-progressbar-overlay {
|
|
| 722 |
background: url("ui-lightness/images/animated-overlay.gif");
|
|
| 723 |
height: 100%; |
|
| 724 |
filter: alpha(opacity=25); |
|
| 725 |
opacity: 0.25; |
|
| 726 |
} |
|
| 727 |
.ui-progressbar-indeterminate .ui-progressbar-value {
|
|
| 728 |
background-image: none; |
|
| 729 |
} |
|
| 841 |
|
|
| 842 |
.ui-progressbar-value {
|
|
| 843 |
margin: -1px; |
|
| 844 |
height: 100%; |
|
| 845 |
} |
|
| 846 |
.ui-progressbar-overlay {
|
|
| 847 |
background: url("ui-lightness/images/animated-overlay.gif");
|
|
| 848 |
height: 100%; |
|
| 849 |
filter: alpha(opacity=25); |
|
| 850 |
opacity: 0.25; |
|
| 851 |
} |
|
| 852 |
.ui-progressbar-indeterminate .ui-progressbar-value {
|
|
| 853 |
background-image: none; |
|
| 854 |
} |
|
| 855 |
} // /.ui-progressbar |
|
| 856 |
|
|
| 730 | 857 |
|
| 731 | 858 |
|
| 732 | 859 |
|
| ... | ... | |
| 738 | 865 |
.ui-slider {
|
| 739 | 866 |
position: relative; |
| 740 | 867 |
text-align: left; |
| 741 |
} |
|
| 742 |
.ui-slider .ui-slider-handle {
|
|
| 743 |
position: absolute; |
|
| 744 |
z-index: 2; |
|
| 745 |
width: 1.2em; |
|
| 746 |
height: 1.2em; |
|
| 747 |
cursor: default; |
|
| 748 |
} |
|
| 749 |
.ui-slider .ui-slider-range {
|
|
| 750 |
position: absolute; |
|
| 751 |
z-index: 1; |
|
| 752 |
font-size: @font-size-smaller; |
|
| 753 |
display: block; |
|
| 754 |
border: 0; |
|
| 755 |
background-position: 0 0; |
|
| 756 |
} |
|
| 757 | 868 |
|
| 758 |
// For IE8 - See #6727 |
|
| 759 |
.ui-slider.ui-state-disabled .ui-slider-handle, |
|
| 760 |
.ui-slider.ui-state-disabled .ui-slider-range {
|
|
| 761 |
filter: inherit; |
|
| 762 |
} |
|
| 869 |
.ui-slider-handle {
|
|
| 870 |
position: absolute; |
|
| 871 |
z-index: 2; |
|
| 872 |
width: 1.2em; |
|
| 873 |
height: 1.2em; |
|
| 874 |
cursor: default; |
|
| 875 |
} |
|
| 876 |
|
|
| 877 |
.ui-slider-range {
|
|
| 878 |
position: absolute; |
|
| 879 |
z-index: 1; |
|
| 880 |
//font-size: @font-size-smaller; |
|
| 881 |
display: block; |
|
| 882 |
border: 0; |
|
| 883 |
background-position: 0 0; |
|
| 884 |
} |
|
| 885 |
|
|
| 886 |
// For IE8 - See #6727 |
|
| 887 |
&.ui-state-disabled .ui-slider-handle, |
|
| 888 |
&.ui-state-disabled .ui-slider-range {
|
|
| 889 |
filter: inherit; |
|
| 890 |
} |
|
| 891 |
} // /.ui-slider |
|
| 763 | 892 |
|
| 764 | 893 |
.ui-slider-horizontal {
|
| 765 | 894 |
height: .8em; |
| 766 |
} |
|
| 767 |
.ui-slider-horizontal .ui-slider-handle {
|
|
| 768 |
top: -.3em; |
|
| 769 |
margin-left: -.6em; |
|
| 770 |
} |
|
| 771 |
.ui-slider-horizontal .ui-slider-range {
|
|
| 772 |
top: 0; |
|
| 773 |
height: 100%; |
|
| 774 |
} |
|
| 775 |
.ui-slider-horizontal .ui-slider-range-min {
|
|
| 776 |
left: 0; |
|
| 777 |
} |
|
| 778 |
.ui-slider-horizontal .ui-slider-range-max {
|
|
| 779 |
right: 0; |
|
| 780 |
} |
|
| 895 |
|
|
| 896 |
.ui-slider-handle {
|
|
| 897 |
top: -.3em; |
|
| 898 |
margin-left: -.6em; |
|
| 899 |
} |
|
| 900 |
.ui-slider-range {
|
|
| 901 |
top: 0; |
|
| 902 |
height: 100%; |
|
| 903 |
} |
|
| 904 |
.ui-slider-range-min { left: 0; }
|
|
| 905 |
.ui-slider-range-max { right: 0; }
|
|
| 906 |
}// /.ui-slider-horizontal |
|
| 781 | 907 |
|
| 782 | 908 |
.ui-slider-vertical {
|
| 783 | 909 |
width: .8em; |
| 784 | 910 |
height: 100px; |
| 785 |
} |
|
| 786 |
.ui-slider-vertical .ui-slider-handle {
|
|
| 787 |
left: -.3em; |
|
| 788 |
margin-left: 0; |
|
| 789 |
margin-bottom: -.6em; |
|
| 790 |
} |
|
| 791 |
.ui-slider-vertical .ui-slider-range {
|
|
| 792 |
left: 0; |
|
| 793 |
width: 100%; |
|
| 794 |
} |
|
| 795 |
.ui-slider-vertical .ui-slider-range-min {
|
|
| 796 |
bottom: 0; |
|
| 797 |
} |
|
| 798 |
.ui-slider-vertical .ui-slider-range-max {
|
|
| 799 |
top: 0; |
|
| 800 |
} |
|
| 911 |
|
|
| 912 |
.ui-slider-handle {
|
|
| 913 |
left: -.3em; |
|
| 914 |
margin-left: 0; |
|
| 915 |
margin-bottom: -.6em; |
|
| 916 |
} |
|
| 917 |
.ui-slider-range {
|
|
| 918 |
left: 0; |
|
| 919 |
width: 100%; |
|
| 920 |
} |
|
| 921 |
.ui-slider-range-min {
|
|
| 922 |
bottom: 0; |
|
| 923 |
} |
|
| 924 |
.ui-slider-range-max {
|
|
| 925 |
top: 0; |
|
| 926 |
} |
|
| 927 |
|
|
| 928 |
|
|
| 929 |
} // /.ui-slider-vertical |
|
| 930 |
|
|
| 801 | 931 |
|
| 802 | 932 |
|
| 803 | 933 |
|
| ... | ... | |
| 811 | 941 |
overflow: hidden; |
| 812 | 942 |
padding: 0; |
| 813 | 943 |
vertical-align: middle; |
| 814 |
} |
|
| 815 |
.ui-spinner-input {
|
|
| 816 |
border: none; |
|
| 817 |
background: none; |
|
| 818 |
color: inherit; |
|
| 819 |
padding: 0; |
|
| 820 |
margin: .2em 0; |
|
| 821 |
vertical-align: middle; |
|
| 822 |
margin-left: .4em; |
|
| 823 |
margin-right: 22px; |
|
| 824 |
} |
|
| 825 |
.ui-spinner-button {
|
|
| 826 |
width: 16px; |
|
| 827 |
height: 50%; |
|
| 828 |
font-size: @font-size-smaller; |
|
| 829 |
padding: 0; |
|
| 830 |
margin: 0; |
|
| 831 |
text-align: center; |
|
| 832 |
position: absolute; |
|
| 833 |
cursor: default; |
|
| 834 |
display: block; |
|
| 835 |
overflow: hidden; |
|
| 836 |
right: 0; |
|
| 837 |
} |
|
| 838 |
// more specificity required here to overide default borders |
|
| 839 |
.ui-spinner a.ui-spinner-button {
|
|
| 840 |
border-top: none; |
|
| 841 |
border-bottom: none; |
|
| 842 |
border-right: none; |
|
| 843 |
} |
|
| 844 |
// vertical centre icon |
|
| 845 |
.ui-spinner .ui-icon {
|
|
| 846 |
position: absolute; |
|
| 847 |
margin-top: -8px; |
|
| 848 |
top: 50%; |
|
| 849 |
left: 0; |
|
| 850 |
} |
|
| 851 |
.ui-spinner-up {
|
|
| 852 |
top: 0; |
|
| 853 |
} |
|
| 854 |
.ui-spinner-down {
|
|
| 855 |
bottom: 0; |
|
| 856 |
} |
|
| 857 | 944 |
|
| 858 |
// TR overrides |
|
| 859 |
.ui-spinner .ui-icon-triangle-1-s {
|
|
| 860 |
// need to fix icons sprite |
|
| 861 |
background-position: -65px -16px; |
|
| 862 |
} |
|
| 945 |
.ui-spinner-input {
|
|
| 946 |
border: none; |
|
| 947 |
background: none; |
|
| 948 |
color: inherit; |
|
| 949 |
padding: 0; |
|
| 950 |
margin: .2em 0; |
|
| 951 |
vertical-align: middle; |
|
| 952 |
margin-left: .4em; |
|
| 953 |
margin-right: 22px; |
|
| 954 |
} |
|
| 955 |
.ui-spinner-button {
|
|
| 956 |
width: 16px; |
|
| 957 |
height: 50%; |
|
| 958 |
//font-size: @font-size-smaller; |
|
| 959 |
padding: 0; |
|
| 960 |
margin: 0; |
|
| 961 |
text-align: center; |
|
| 962 |
position: absolute; |
|
| 963 |
cursor: default; |
|
| 964 |
display: block; |
|
| 965 |
overflow: hidden; |
|
| 966 |
right: 0; |
|
| 967 |
} |
|
| 968 |
// more specificity required here to overide default borders |
|
| 969 |
a.ui-spinner-button {
|
|
| 970 |
border-top: none; |
|
| 971 |
border-bottom: none; |
|
| 972 |
border-right: none; |
|
| 973 |
} |
|
| 974 |
// vertical centre icon |
|
| 975 |
.ui-icon {
|
|
| 976 |
position: absolute; |
|
| 977 |
margin-top: -8px; |
|
| 978 |
top: 50%; |
|
| 979 |
left: 0; |
|
| 980 |
} |
|
| 981 |
.ui-spinner-up { top: 0; }
|
|
| 982 |
.ui-spinner-down { bottom: 0; }
|
|
| 983 |
|
|
| 984 |
// TR overrides |
|
| 985 |
.ui-spinner .ui-icon-triangle-1-s {
|
|
| 986 |
// need to fix icons sprite |
|
| 987 |
background-position: -65px -16px; |
|
| 988 |
} |
|
| 989 |
} // /.ui-spinner |
|
| 990 |
|
|
| 863 | 991 |
|
| 864 | 992 |
|
| 865 | 993 |
|
| ... | ... | |
| 873 | 1001 |
// auto appear as "fixed") |
| 874 | 1002 |
position: relative; |
| 875 | 1003 |
padding: .2em; |
| 876 |
} |
|
| 877 |
.ui-tabs .ui-tabs-nav {
|
|
| 878 |
margin: 0; |
|
| 879 |
padding: .2em .2em 0; |
|
| 880 |
} |
|
| 881 |
.ui-tabs .ui-tabs-nav li {
|
|
| 882 |
list-style: none; |
|
| 883 |
float: left; |
|
| 884 |
position: relative; |
|
| 885 |
top: 0; |
|
| 886 |
margin: 1px .2em 0 0; |
|
| 887 |
border-bottom-width: 0; |
|
| 888 |
padding: 0; |
|
| 889 |
white-space: nowrap; |
|
| 890 |
} |
|
| 891 |
.ui-tabs .ui-tabs-nav li a {
|
|
| 892 |
float: left; |
|
| 893 |
padding: .5em 1em; |
|
| 894 |
text-decoration: none; |
|
| 895 |
} |
|
| 896 |
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
|
| 897 |
margin-bottom: -1px; |
|
| 898 |
padding-bottom: 1px; |
|
| 899 |
} |
|
| 900 |
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, |
|
| 901 |
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, |
|
| 902 |
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
|
|
| 903 |
cursor: text; |
|
| 904 |
outline: 0 ; // hps: gepunketen Rahmen nach Klick ausblenden |
|
| 905 |
} |
|
| 1004 |
|
|
| 1005 |
.ui-tabs-nav {
|
|
| 1006 |
margin: 0; |
|
| 1007 |
padding: .2em .2em 0; |
|
| 1008 |
|
|
| 1009 |
li {
|
|
| 1010 |
list-style: none; |
|
| 1011 |
float: left; |
|
| 1012 |
position: relative; |
|
| 1013 |
top: 0; |
|
| 1014 |
margin: 1px .2em 0 0; |
|
| 1015 |
border-bottom-width: 0; |
|
| 1016 |
padding: 0; |
|
| 1017 |
white-space: nowrap; |
|
| 1018 |
|
|
| 1019 |
a {
|
|
| 1020 |
float: left; |
|
| 1021 |
padding: .5em 1em; |
|
| 1022 |
text-decoration: none; |
|
| 1023 |
cursor: pointer; |
|
| 1024 |
} |
|
| 1025 |
|
|
| 1026 |
.ui-tabs-active {
|
|
| 1027 |
margin-bottom: -1px; |
|
| 1028 |
padding-bottom: 1px; |
|
| 1029 |
} |
|
| 1030 |
.ui-tabs-active, |
|
| 1031 |
.ui-state-disabled, |
|
| 1032 |
.ui-tabs-loading {
|
|
| 1033 |
a {
|
|
| 1034 |
cursor: text; |
|
| 1035 |
outline: 0 ; // hps: gepunketen Rahmen nach Klick ausblenden |
|
| 1036 |
} |
|
| 1037 |
} |
|
| 1038 |
|
|
| 1039 |
} // /li |
|
| 1040 |
} // /.ui-tabs-nav |
|
| 1041 |
|
|
| 1042 |
.ui-tabs-panel {
|
|
| 1043 |
display: block; |
|
| 1044 |
border-width: 0; |
|
| 1045 |
padding: 0.4em 0 1.0em 0; |
|
| 1046 |
//background: none; |
|
| 1047 |
} |
|
| 1048 |
|
|
| 1049 |
} // /.ui-tabs |
|
| 1050 |
|
|
| 1051 |
|
|
| 906 | 1052 |
// first selector in group seems obsolete, |
| 907 | 1053 |
// but required to overcome bug in Opera applying cursor: |
| 908 | 1054 |
// text overall if defined elsewhere... |
| ... | ... | |
| 910 | 1056 |
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
|
| 911 | 1057 |
cursor: pointer; |
| 912 | 1058 |
} |
| 913 |
.ui-tabs .ui-tabs-panel {
|
|
| 914 |
display: block; |
|
| 915 |
border-width: 0; |
|
| 916 |
padding: 0.4em 0 1.0em 0; |
|
| 917 |
background: none; |
|
| 918 |
} |
|
| 1059 |
|
|
| 919 | 1060 |
|
| 920 | 1061 |
|
| 921 | 1062 |
|
| ... | ... | |
| 930 | 1071 |
max-width: 300px; |
| 931 | 1072 |
-webkit-box-shadow: 0 0 5px #aaa; |
| 932 | 1073 |
box-shadow: 0 0 5px #aaa; |
| 1074 |
background-color: @jquery_ui_tooltipster-bg-color !important; |
|
| 933 | 1075 |
} |
| 934 | 1076 |
body .ui-tooltip {
|
| 935 | 1077 |
border-width: 2px; |
| 936 | 1078 |
} |
| 937 | 1079 |
|
| 938 |
// Component containers |
|
| 1080 |
|
|
| 1081 |
|
|
| 1082 |
|
|
| 1083 |
|
|
| 1084 |
// ---------------------------------- |
|
| 1085 |
// Component containers (UI-WIDGET) |
|
| 939 | 1086 |
// ---------------------------------- |
| 940 | 1087 |
.ui-widget {
|
| 941 |
font-size: @font-size-smaller; |
|
| 942 |
} |
|
| 943 |
.ui-widget .ui-widget {
|
|
| 944 |
font-size: @font-size-small; |
|
| 945 |
} |
|
| 946 |
.ui-widget input, |
|
| 947 |
.ui-widget select, |
|
| 948 |
.ui-widget textarea, |
|
| 949 |
.ui-widget button {
|
|
| 950 |
font-size: @font-size-smaller ; |
|
| 951 |
} |
|
| 952 |
.ui-widget-content {
|
|
| 953 |
border: 1px solid #dddddd; |
|
| 954 |
//background: #eeeeee url(ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; |
|
| 955 |
background: none ; |
|
| 956 |
color: #333333; |
|
| 957 |
} |
|
| 958 |
.ui-widget-content a {
|
|
| 959 |
color: #333333; |
|
| 960 |
} |
|
| 961 |
.ui-widget-header {
|
|
| 962 |
// border: 1px solid #e78f08; /* hps */ |
|
| 963 |
background: none; |
|
| 964 |
color: #ffffff; |
|
| 965 |
font-weight: bold; |
|
| 966 |
} |
|
| 967 |
.ui-widget-header a {
|
|
| 968 |
color: #ffffff; |
|
| 969 |
} |
|
| 1088 |
//font-size: @font-size-smaller; |
|
| 1089 |
|
|
| 1090 |
.ui-widget-header {
|
|
| 1091 |
background: none; |
|
| 1092 |
color: #ffffff; |
|
| 1093 |
font-weight: bold; |
|
| 1094 |
|
|
| 1095 |
a { color: #ffffff; }
|
|
| 1096 |
} |
|
| 1097 |
|
|
| 1098 |
.ui-widget-content {
|
|
| 1099 |
border: 1px solid #dddddd; |
|
| 1100 |
background: none ; |
|
| 1101 |
//background-color: #ffffff ; // or Transparent |
|
| 1102 |
color: #333333; |
|
| 1103 |
|
|
| 1104 |
a { color: #333333; }
|
|
| 1105 |
} // .ui-widget-content |
|
| 1106 |
|
|
| 1107 |
.ui-widget { font-size: @font-size-small; }
|
|
| 1108 |
|
|
| 1109 |
input, |
|
| 1110 |
select, |
|
| 1111 |
textarea, |
|
| 1112 |
button {
|
|
| 1113 |
//font-size: @font-size-smaller ; |
|
| 1114 |
} |
|
| 1115 |
|
|
| 1116 |
} // /.ui-widget |
|
| 1117 |
|
|
| 1118 |
|
|
| 1119 |
|
|
| 970 | 1120 |
|
| 971 | 1121 |
|
| 972 | 1122 |
|
| 973 | 1123 |
// ---------------------------------- |
| 974 | 1124 |
// Interaction states |
| 975 | 1125 |
// ---------------------------------- |
| 1126 |
|
|
| 976 | 1127 |
.ui-state-default, |
| 977 |
.ui-widget-content .ui-state-default, |
|
| 978 |
.ui-widget-header .ui-state-default {
|
|
| 1128 |
.ui-state-hover, |
|
| 1129 |
.ui-state-focus, |
|
| 1130 |
.ui-state-active {
|
|
| 1131 |
.ui-icon {
|
|
| 1132 |
background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important; |
|
| 1133 |
} |
|
| 1134 |
} |
|
| 1135 |
|
|
| 1136 |
.ui-state-default {
|
|
| 979 | 1137 |
border: 1px solid #cccccc; |
| 980 | 1138 |
//background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; |
| 981 | 1139 |
background: none ; |
| 982 | 1140 |
font-weight: bold; |
| 983 |
color: #1c94c4; |
|
| 984 |
} |
|
| 985 |
.ui-state-default a, |
|
| 986 |
.ui-state-default a:link, |
|
| 987 |
.ui-state-default a:visited {
|
|
| 988 |
color: #1c94c4; |
|
| 989 |
text-decoration: none; |
|
| 990 |
} |
|
| 1141 |
color: @brand-darker; |
|
| 1142 |
a, |
|
| 1143 |
a:link, |
|
| 1144 |
a:visited {
|
|
| 1145 |
color: #1c94c4; |
|
| 1146 |
text-decoration: none; |
|
| 1147 |
} |
|
| 1148 |
} // /.ui-state-default |
|
| 1149 |
|
|
| 991 | 1150 |
.ui-state-hover, |
| 992 |
.ui-widget-content .ui-state-hover, |
|
| 993 |
.ui-widget-header .ui-state-hover, |
|
| 994 |
.ui-state-focus, |
|
| 995 |
.ui-widget-content .ui-state-focus, |
|
| 996 |
.ui-widget-header .ui-state-focus {
|
|
| 997 |
border: 1px solid #fbcb09; |
|
| 1151 |
.ui-state-focus {
|
|
| 1152 |
//border: 1px solid #fbcb09; |
|
| 998 | 1153 |
//background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; |
| 999 | 1154 |
background: none ; |
| 1000 | 1155 |
font-weight: bold; |
| 1001 | 1156 |
color: #c77405; |
| 1002 |
} |
|
| 1003 |
.ui-state-hover a, |
|
| 1004 |
.ui-state-hover a:hover, |
|
| 1005 |
.ui-state-hover a:link, |
|
| 1006 |
.ui-state-hover a:visited {
|
|
| 1007 |
color: #000; |
|
| 1008 |
text-decoration: underline; |
|
| 1009 |
} |
|
| 1010 |
.ui-state-active, |
|
| 1011 |
.ui-widget-content .ui-state-active, |
|
| 1012 |
.ui-widget-header .ui-state-active {
|
|
| 1157 |
a, |
|
| 1158 |
a:hover, |
|
| 1159 |
a:link, |
|
| 1160 |
a:visited {
|
|
| 1161 |
color: #000; |
|
| 1162 |
text-decoration: underline; |
|
| 1163 |
} |
|
| 1164 |
} // .ui-state-hover, .ui-state-focus |
|
| 1165 |
|
|
| 1166 |
.ui-state-active {
|
|
| 1013 | 1167 |
border: 1px solid #fbd850; |
| 1014 | 1168 |
//background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; |
| 1015 | 1169 |
background: none ; |
| 1016 | 1170 |
font-weight: bold; |
| 1017 | 1171 |
color: #eb8f00; |
| 1018 |
} |
|
| 1019 |
.ui-state-active a, |
|
| 1020 |
.ui-state-active a:link, |
|
| 1021 |
.ui-state-active a:visited {
|
|
| 1022 |
color: #eb8f00; |
|
| 1023 |
text-decoration: none; |
|
| 1024 |
} |
|
| 1172 |
a, |
|
| 1173 |
a:link, |
|
| 1174 |
a:visited {
|
|
| 1175 |
color: #eb8f00; |
|
| 1176 |
text-decoration: none; |
|
| 1177 |
} |
|
| 1178 |
} // .ui-state-active |
|
| 1179 |
|
|
| 1025 | 1180 |
|
| 1026 | 1181 |
|
| 1027 | 1182 |
// ---------------------------------- |
| 1028 | 1183 |
// Interaction Cues |
| 1029 | 1184 |
// ---------------------------------- |
| 1030 |
.ui-state-highlight, |
|
| 1031 |
.ui-widget-content .ui-state-highlight, |
|
| 1032 |
.ui-widget-header .ui-state-highlight {
|
|
| 1185 |
.ui-state-highlight {
|
|
| 1033 | 1186 |
border: 1px solid #fed22f; |
| 1034 | 1187 |
//background: #ffe45c url(ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; |
| 1035 | 1188 |
background: none ; |
| 1036 | 1189 |
color: #363636; |
| 1190 |
a { color: #363636; }
|
|
| 1037 | 1191 |
} |
| 1038 |
.ui-state-highlight a, |
|
| 1039 |
.ui-widget-content .ui-state-highlight a, |
|
| 1040 |
.ui-widget-header .ui-state-highlight a {
|
|
| 1041 |
color: #363636; |
|
| 1042 |
} |
|
| 1043 |
.ui-state-error, |
|
| 1044 |
.ui-widget-content .ui-state-error, |
|
| 1045 |
.ui-widget-header .ui-state-error {
|
|
| 1192 |
|
|
| 1193 |
.ui-state-error {
|
|
| 1046 | 1194 |
border: 1px solid #cd0a0a; |
| 1047 | 1195 |
//background: #b81900 url(ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; |
| 1048 | 1196 |
background: none ; |
| 1049 | 1197 |
color: #ffffff; |
| 1198 |
a { color: #ffffff; }
|
|
| 1050 | 1199 |
} |
| 1051 |
.ui-state-error a, |
|
| 1052 |
.ui-widget-content .ui-state-error a, |
|
| 1053 |
.ui-widget-header .ui-state-error a {
|
|
| 1054 |
color: #ffffff; |
|
| 1055 |
} |
|
| 1056 |
.ui-state-error-text, |
|
| 1057 |
.ui-widget-content .ui-state-error-text, |
|
| 1058 |
.ui-widget-header .ui-state-error-text {
|
|
| 1200 |
|
|
| 1201 |
.ui-state-error-text {
|
|
| 1059 | 1202 |
color: #ffffff; |
| 1060 | 1203 |
} |
| 1061 |
.ui-priority-primary, |
|
| 1062 |
.ui-widget-content .ui-priority-primary, |
|
| 1063 |
.ui-widget-header .ui-priority-primary {
|
|
| 1204 |
|
|
| 1205 |
.ui-priority-primary {
|
|
| 1064 | 1206 |
font-weight: bold; |
| 1065 | 1207 |
} |
| 1066 |
.ui-priority-secondary, |
|
| 1067 |
.ui-widget-content .ui-priority-secondary, |
|
| 1068 |
.ui-widget-header .ui-priority-secondary {
|
|
| 1208 |
.ui-priority-secondary {
|
|
| 1069 | 1209 |
opacity: .7; |
| 1070 | 1210 |
filter:Alpha(Opacity=70); |
| 1071 | 1211 |
font-weight: normal; |
| 1072 | 1212 |
} |
| 1073 |
.ui-state-disabled, |
|
| 1074 |
.ui-widget-content .ui-state-disabled, |
|
| 1075 |
.ui-widget-header .ui-state-disabled {
|
|
| 1213 |
|
|
| 1214 |
.ui-state-disabled {
|
|
| 1076 | 1215 |
opacity: .35; |
| 1077 | 1216 |
filter:Alpha(Opacity=35); |
| 1078 | 1217 |
background-image: none; |
| 1218 |
.ui-icon { filter:Alpha(Opacity=35); } // For IE8 - See #6059
|
|
| 1079 | 1219 |
} |
| 1080 |
.ui-state-disabled .ui-icon {
|
|
| 1081 |
filter:Alpha(Opacity=35); // For IE8 - See #6059 |
|
| 1082 |
} |
|
| 1220 |
|
|
| 1221 |
// Overrides |
|
| 1222 |
|
|
| 1223 |
|
|
| 1224 |
|
|
| 1225 |
|
|
| 1083 | 1226 |
|
| 1084 | 1227 |
|
| 1085 | 1228 |
|
| ... | ... | |
| 1306 | 1449 |
.ui-corner-top, |
| 1307 | 1450 |
.ui-corner-left, |
| 1308 | 1451 |
.ui-corner-tl {
|
| 1309 |
//border-top-left-radius: 4px;
|
|
| 1452 |
//border-top-left-radius: @tabs-border-radius;
|
|
| 1310 | 1453 |
} |
| 1311 | 1454 |
.ui-corner-all, |
| 1312 | 1455 |
.ui-corner-top, |
| 1313 | 1456 |
.ui-corner-right, |
| 1314 | 1457 |
.ui-corner-tr {
|
| 1315 |
//border-top-right-radius: 4px;
|
|
| 1458 |
//border-top-right-radius: @tabs-border-radius;
|
|
| 1316 | 1459 |
} |
| 1317 | 1460 |
.ui-corner-all, |
| 1318 | 1461 |
.ui-corner-bottom, |
| 1319 | 1462 |
.ui-corner-left, |
| 1320 | 1463 |
.ui-corner-bl {
|
| 1321 |
//border-bottom-left-radius: 4px;
|
|
| 1464 |
//border-bottom-left-radius: @tabs-border-radius;
|
|
| 1322 | 1465 |
} |
| 1323 | 1466 |
.ui-corner-all, |
| 1324 | 1467 |
.ui-corner-bottom, |
| 1325 | 1468 |
.ui-corner-right, |
| 1326 | 1469 |
.ui-corner-br {
|
| 1327 |
//border-bottom-right-radius: 4px;
|
|
| 1470 |
//border-bottom-right-radius: @tabs-border-radius;
|
|
| 1328 | 1471 |
} |
| 1329 | 1472 |
|
| 1330 | 1473 |
// Overlays */ |
| ... | ... | |
| 1341 | 1484 |
background: #000000 ; |
| 1342 | 1485 |
opacity: .2; |
| 1343 | 1486 |
filter: Alpha(Opacity=20); |
| 1344 |
border-radius: 5px; |
|
| 1345 |
} |
|
| 1346 |
|
|
| 1347 |
// datepicker |
|
| 1348 |
.ui-datepicker-header .ui-datepicker-prev, |
|
| 1349 |
.ui-datepicker-header .ui-datepicker-next {
|
|
| 1350 |
&.ui-corner-all{
|
|
| 1351 |
cursor: pointer ; |
|
| 1352 |
&.ui-state-hover {
|
|
| 1353 |
border: none !important ; |
|
| 1354 |
curser: pointer ; |
|
| 1355 |
} |
|
| 1487 |
border-radius: @controlpanel-radius; |
|
| 1488 |
} |
|
| 1489 |
|
|
| 1490 |
|
|
| 1491 |
|
|
| 1492 |
// -------------------------------------- |
|
| 1493 |
// KIVITENDO STUFF |
|
| 1494 |
// -------------------------------------- |
|
| 1495 |
|
|
| 1496 |
|
|
| 1497 |
// ----------------------- |
|
| 1498 |
// Part, Chart & Customer Vendor Picker |
|
| 1499 |
// ----------------------- |
|
| 1500 |
|
|
| 1501 |
// Chart-Picker |
|
| 1502 |
// Entnommen aus main.less, gehoert vielleicht zu Autocomplete |
|
| 1503 |
|
|
| 1504 |
.chart_picker, |
|
| 1505 |
.part_picker {
|
|
| 1506 |
display: inline-block; |
|
| 1507 |
|
|
| 1508 |
&:before{
|
|
| 1509 |
display: inline-block; |
|
| 1510 |
vertical-align: middle; |
|
| 1511 |
height: 100%; |
|
| 1356 | 1512 |
} |
| 1357 | 1513 |
} |
| 1358 |
// current date |
|
| 1359 |
.ui-datepicker-calendar {
|
|
| 1360 |
.ui-state-highlight{
|
|
| 1361 |
color: #ffffff ; |
|
| 1362 |
background-color: #c77405; |
|
| 1514 |
|
|
| 1515 |
span.chart_picker, |
|
| 1516 |
span.part_picker {
|
|
| 1517 |
white-space: nowrap ; |
|
| 1518 |
padding-top: 0 !important; |
|
| 1519 |
padding-bottom: 0 !important; |
|
| 1520 |
input {
|
|
| 1521 |
// padding-right: 20px; |
|
| 1522 |
box-sizing: border-box; |
|
| 1523 |
-moz-box-sizing: border-box; |
|
| 1524 |
-webkit-box-sizing: border-box; |
|
| 1363 | 1525 |
} |
| 1364 |
td a.ui-state-hover{
|
|
| 1365 |
color: #ffffff ; |
|
| 1366 |
background-color: #c77405; |
|
| 1526 |
} |
|
| 1527 |
|
|
| 1528 |
div.part_picker_part, |
|
| 1529 |
div.chart_picker_chart {
|
|
| 1530 |
padding: 5px; |
|
| 1531 |
margin: 5px; |
|
| 1532 |
border: 1px; |
|
| 1533 |
border-color: darkgray; |
|
| 1534 |
border-style: solid; |
|
| 1535 |
-webkit-border-radius: 4px; |
|
| 1536 |
-moz-border-radius: 4px; |
|
| 1537 |
border-radius: 4px; |
|
| 1538 |
background-color: white; |
|
| 1539 |
cursor: pointer; |
|
| 1540 |
|
|
| 1541 |
&:hover {
|
|
| 1542 |
color: #000; |
|
| 1543 |
text-decoration: underline; |
|
| 1367 | 1544 |
} |
| 1368 | 1545 |
} |
| 1369 |
.ui-datepicker-title select.ui-datepicker-month{
|
|
| 1370 |
margin-right: 0.2em ; |
|
| 1546 |
|
|
| 1547 |
|
|
| 1548 |
|
|
| 1549 |
|
|
| 1550 |
// Part_Picker |
|
| 1551 |
// Select Customer in input-fields |
|
| 1552 |
// PENDENT: Ausrichtung vertikal in Zelle |
|
| 1553 |
span.customer_vendor_picker{
|
|
| 1554 |
margin: 0 !important; |
|
| 1555 |
padding: 0 !important; |
|
| 1371 | 1556 |
} |
| 1372 | 1557 |
|
| 1558 |
.customer-vendor-picker-undefined, |
|
| 1559 |
.chartpicker-undefined, |
|
| 1560 |
.projectpicker-undefined, |
|
| 1561 |
.partpicker-undefined {
|
|
| 1562 |
color: red; |
|
| 1563 |
font-style: italic; |
|
| 1564 |
} |
|
| 1565 |
|
|
| 1566 |
|
|
| 1567 |
|
|
| 1568 |
|
|
| 1569 |
|
|
| 1570 |
|
|
| 1571 |
|
|
| 1572 |
|
|
| 1573 |
|
|
| 1574 |
|
|
| 1575 |
|
|
| 1576 |
|
|
Auch abrufbar als: Unified diff
Erweiterung und Optimierung less und css fuer Design 4.0