Revision 00462921
Von Hans P. Schlaepfer vor mehr als 3 Jahren hinzugefügt
| 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) |
| ... | ... | |
| 33 | 38 |
// - ICONS |
| 34 | 39 |
// - MISC VISUALS |
| 35 | 40 |
// - RESIZABLE |
| 36 |
// - RESIZABLE
|
|
| 41 |
// - ACCORDION
|
|
| 37 | 42 |
// - AUTOCOMPLETE |
| 38 | 43 |
// - UI-BUTTON |
| 39 | 44 |
// - DATEPICKER |
| ... | ... | |
| 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 |
z-index: 9000 ; |
|
| 286 |
|
|
| 287 |
.ui-menu-item {
|
|
| 288 |
a {
|
|
| 289 |
&:hover{
|
|
| 290 |
background-color: @brand-dark; |
|
| 291 |
color: #fff ; |
|
| 292 |
} |
|
| 293 |
} |
|
| 294 |
} |
|
| 295 |
li{
|
|
| 296 |
a{
|
|
| 297 |
display: block ; |
|
| 298 |
font-size: 80% ; |
|
| 299 |
padding-top: 0.4em !important; |
|
| 300 |
padding-bottom: 0.4em !important; |
|
| 301 |
&:hover{
|
|
| 302 |
background-color: #C9C9C9; |
|
| 303 |
border: none ; |
|
| 304 |
color: #000 ; |
|
| 305 |
} |
|
| 306 |
} |
|
| 307 |
} |
|
| 276 | 308 |
} |
| 277 | 309 |
|
| 278 | 310 |
|
| 279 | 311 |
|
| 312 |
|
|
| 313 |
|
|
| 314 |
|
|
| 280 | 315 |
// -------------------------------------- |
| 281 | 316 |
// UI-BUTTON |
| 282 | 317 |
// -------------------------------------- |
| ... | ... | |
| 394 | 429 |
// -------------------------------------- |
| 395 | 430 |
|
| 396 | 431 |
.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 |
} |
|
| 432 |
width: 17em; |
|
| 433 |
padding: .2em .2em 0; |
|
| 434 |
display: none; |
|
| 435 |
&.ui-widget-content{
|
|
| 436 |
background-color: @jquery_datepicker-bg-color; |
|
| 437 |
border: @controlpanel-border ; |
|
| 438 |
} |
|
| 495 | 439 |
|
| 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 |
} |
|
| 440 |
|
|
| 441 |
// ----------------------- |
|
| 442 |
// Header with Select-Elements |
|
| 443 |
// ----------------------- |
|
| 444 |
.ui-datepicker-header {
|
|
| 445 |
position: relative; |
|
| 446 |
padding: 0.2em 0; |
|
| 447 |
|
|
| 448 |
&.ui-datepicker-prev, |
|
| 449 |
&.ui-datepicker-next {
|
|
| 450 |
position: absolute; |
|
| 451 |
top: 2px; |
|
| 452 |
width: 1.8em; |
|
| 453 |
height: 1.8em; |
|
| 454 |
|
|
| 455 |
&-hover { top: 1px; }
|
|
| 456 |
|
|
| 457 |
span {
|
|
| 458 |
display: block; |
|
| 459 |
position: absolute; |
|
| 460 |
left: 50%; |
|
| 461 |
margin-left: -8px; |
|
| 462 |
top: 50%; |
|
| 463 |
margin-top: -8px; |
|
| 464 |
} |
|
| 465 |
} |
|
| 466 |
.ui-datepicker-prev {
|
|
| 467 |
float: left; |
|
| 468 |
left: 2px; |
|
| 469 |
&-hover { left: 1px; background-position: 25% 25% ; }
|
|
| 470 |
} |
|
| 471 |
.ui-datepicker-next {
|
|
| 472 |
float: right ; |
|
| 473 |
right: 2px; |
|
| 474 |
&-hover { right: 1px; background-position: 25% 25% ; }
|
|
| 475 |
} |
|
| 476 |
|
|
| 477 |
.ui-datepicker-title {
|
|
| 478 |
margin: 0 2.3em; |
|
| 479 |
line-height: 1.8em; |
|
| 480 |
text-align: center; |
|
| 481 |
|
|
| 482 |
select {
|
|
| 483 |
margin: 1px 0; |
|
| 484 |
&.ui-datepicker-month{ margin-right: 0.2em ; }
|
|
| 485 |
} |
|
| 486 |
} |
|
| 487 |
|
|
| 488 |
select.ui-datepicker-month-year {
|
|
| 489 |
width: 100%; |
|
| 490 |
} |
|
| 491 |
select.ui-datepicker-month, |
|
| 492 |
select.ui-datepicker-year {
|
|
| 493 |
width: 49%; |
|
| 494 |
} |
|
| 495 |
|
|
| 496 |
&.ui-corner-all{
|
|
| 497 |
cursor: pointer ; |
|
| 498 |
&.ui-state-hover {
|
|
| 499 |
border: none !important ; |
|
| 500 |
curser: pointer ; |
|
| 501 |
} |
|
| 502 |
} |
|
| 503 |
|
|
| 504 |
&.ui-widget-header {
|
|
| 505 |
.ui-icon {
|
|
| 506 |
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); |
|
| 507 |
} |
|
| 508 |
.ui-state-hover{
|
|
| 509 |
.ui-icon{
|
|
| 510 |
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); |
|
| 511 |
//background: #ffffff; |
|
| 512 |
} |
|
| 513 |
} |
|
| 514 |
} |
|
| 515 |
} // /.ui-datepicker-header |
|
| 516 |
|
|
| 517 |
|
|
| 518 |
// ----------------------- |
|
| 519 |
// Table with Calendar |
|
| 520 |
// ----------------------- |
|
| 521 |
table {
|
|
| 522 |
width: 100%; |
|
| 523 |
font-size: @font-size-smaller; |
|
| 524 |
border-collapse: collapse; |
|
| 525 |
margin: 0 0 0.4em; |
|
| 526 |
|
|
| 527 |
th {
|
|
| 528 |
padding: 0.7em 0.3em; |
|
| 529 |
text-align: center; |
|
| 530 |
font-weight: bold; |
|
| 531 |
border: 0; |
|
| 532 |
} |
|
| 533 |
td {
|
|
| 534 |
border: 0; |
|
| 535 |
padding: 1px; |
|
| 536 |
|
|
| 537 |
span, |
|
| 538 |
a {
|
|
| 539 |
display: block; |
|
| 540 |
padding: 0.2em; |
|
| 541 |
text-align: right; |
|
| 542 |
text-decoration: none; |
|
| 543 |
} |
|
| 544 |
a.ui-state-hover{
|
|
| 545 |
color: #ffffff ; |
|
| 546 |
background-color: @brand-darker; |
|
| 547 |
} |
|
| 548 |
} |
|
| 549 |
|
|
| 550 |
&.ui-datepicker-calendar {
|
|
| 551 |
// current date |
|
| 552 |
.ui-state-highlight{
|
|
| 553 |
color: #ffffff ; |
|
| 554 |
background-color: @brand-darker; |
|
| 555 |
border: 1px @gray-standard solid |
|
| 556 |
} |
|
| 557 |
// Days |
|
| 558 |
td a {
|
|
| 559 |
&.ui-state-default { color: @brand-dark; }
|
|
| 560 |
&.ui-state-hover {
|
|
| 561 |
color: #ffffff ; |
|
| 562 |
background-color: #000000; |
|
| 563 |
border: #000000 ; |
|
| 564 |
} |
|
| 565 |
&.ui-state-active {
|
|
| 566 |
border: 1px solid @brand-dark; |
|
| 567 |
background-color: @brand-dark; |
|
| 568 |
color: @brand-verylight; |
|
| 569 |
} |
|
| 570 |
} // /td |
|
| 571 |
} // /.ui-datepicker-calendar |
|
| 572 |
} // /table |
|
| 573 |
|
|
| 574 |
.ui-datepicker-buttonpane {
|
|
| 575 |
background-image: none; |
|
| 576 |
margin: 0.7em 0 0 0; |
|
| 577 |
padding: 0 0.2em; |
|
| 578 |
border-left: 0; |
|
| 579 |
border-right: 0; |
|
| 580 |
border-bottom: 0; |
|
| 581 |
|
|
| 582 |
button {
|
|
| 583 |
float: right; |
|
| 584 |
margin: .5em .2em .4em; |
|
| 585 |
cursor: pointer; |
|
| 586 |
padding: .2em .6em .3em .6em; |
|
| 587 |
width: auto; |
|
| 588 |
overflow: visible; |
|
| 589 |
|
|
| 590 |
&.ui-datepicker-current {
|
|
| 591 |
float: left; |
|
| 592 |
} |
|
| 593 |
&.ui-datepicker-current, |
|
| 594 |
&.ui-datepicker-close {
|
|
| 595 |
.mx-button-neutral ; |
|
| 596 |
font-weight: normal ; |
|
| 597 |
} |
|
| 598 |
|
|
| 599 |
|
|
| 600 |
|
|
| 601 |
} |
|
| 602 |
} // /.ui-datepicker-buttonpane |
|
| 603 |
|
|
| 604 |
|
|
| 605 |
// ----------------------- |
|
| 606 |
// Multiple Calendars |
|
| 607 |
// ----------------------- |
|
| 608 |
// with multiple calendars |
|
| 609 |
&.ui-datepicker-multi {
|
|
| 610 |
width: auto; |
|
| 611 |
.ui-datepicker-group {
|
|
| 612 |
float: left; |
|
| 613 |
table {
|
|
| 614 |
width: 95%; |
|
| 615 |
margin: 0 auto .4em; |
|
| 616 |
} |
|
| 617 |
} |
|
| 618 |
.ui-datepicker-group-last, |
|
| 619 |
.ui-datepicker-group-middle {
|
|
| 620 |
.ui-datepicker-header{ border-left-width: 0; }
|
|
| 621 |
} |
|
| 622 |
.ui-datepicker-buttonpane { clear: left; }
|
|
| 623 |
} // .&.ui-datepicker-multi |
|
| 624 |
|
|
| 625 |
} // /.ui-datepicker |
|
| 626 |
|
|
| 627 |
// Date picker with multiple calendars |
|
| 628 |
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
|
|
| 629 |
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
|
|
| 630 |
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
|
|
| 631 |
// |
|
| 523 | 632 |
.ui-datepicker-row-break {
|
| 524 | 633 |
clear: both; |
| 525 | 634 |
width: 100%; |
| 526 | 635 |
font-size: 0; |
| 527 | 636 |
} |
| 528 | 637 |
|
| 638 |
// ----------------------- |
|
| 639 |
// Calendar symbol |
|
| 640 |
// ----------------------- |
|
| 641 |
img.ui-datepicker-trigger{
|
|
| 642 |
vertical-align: middle; |
|
| 643 |
margin-left: 0.2em ; |
|
| 644 |
} |
|
| 529 | 645 |
|
| 530 | 646 |
|
| 531 | 647 |
|
| ... | ... | |
| 535 | 651 |
|
| 536 | 652 |
|
| 537 | 653 |
|
| 654 |
|
|
| 538 | 655 |
// -------------------------------------- |
| 539 | 656 |
// UI-DIALOG |
| 540 | 657 |
// -------------------------------------- |
| 541 | 658 |
|
| 542 | 659 |
.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 |
|
| 660 |
z-index: 8001 ; |
|
| 661 |
position: absolute; |
|
| 662 |
top: 0; |
|
| 663 |
left: 0; |
|
| 664 |
outline: 0; |
|
| 665 |
border: @controlpanel-border ; // Custom |
|
| 666 |
border-radius: @controlpanel-radius; |
|
| 667 |
//color: #333333; |
|
| 550 | 668 |
|
| 551 | 669 |
.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; |
|
| 670 |
padding: 0.4em 1.0em;
|
|
| 671 |
border: none;
|
|
| 672 |
background-color: @brand-h1-bg !important;
|
|
| 673 |
color: @brand-h1-color !important;
|
|
| 674 |
font-weight: normal;
|
|
| 675 |
position: relative;
|
|
| 676 |
text-align: left;
|
|
| 677 |
font-size: @h3-size;
|
|
| 560 | 678 |
|
| 561 | 679 |
.ui-dialog-title {
|
| 562 |
float: left;
|
|
| 563 |
white-space: nowrap;
|
|
| 564 |
overflow: hidden;
|
|
| 565 |
text-overflow: ellipsis;
|
|
| 566 |
display: block;
|
|
| 680 |
float: left; |
|
| 681 |
white-space: nowrap; |
|
| 682 |
overflow: hidden; |
|
| 683 |
text-overflow: ellipsis; |
|
| 684 |
display: block; |
|
| 567 | 685 |
} |
| 568 | 686 |
|
| 569 | 687 |
.ui-dialog-titlebar-close {
|
| 570 | 688 |
position: absolute; |
| 571 | 689 |
right: 0.3em; |
| 572 |
top: 50%; |
|
| 690 |
//top: 50%; |
|
| 691 |
top: 0; |
|
| 573 | 692 |
width: 21px; |
| 574 |
margin: 10px 0 0 0; |
|
| 693 |
//margin: 10px 0 0 0; |
|
| 694 |
margin: 5px 0 0 0; |
|
| 575 | 695 |
padding: 1px; |
| 576 | 696 |
height: 20px; |
| 697 |
// background: #bbb !important; |
|
| 577 | 698 |
} |
| 578 |
} |
|
| 579 |
// /.ui-dialog-titlebar |
|
| 699 |
} // /.ui-dialog-titlebar |
|
| 580 | 700 |
|
| 581 | 701 |
.ui-dialog-content {
|
| 582 |
position: relative; |
|
| 583 |
border: 0; |
|
| 584 |
padding: .5em 1em; |
|
| 585 |
background: none; |
|
| 586 |
overflow: auto; |
|
| 587 |
|
|
| 702 |
position: relative; |
|
| 703 |
border: 0; |
|
| 704 |
padding: 0.5em 1em; |
|
| 705 |
background-color: @jquery_ui_dialog-bg-color !important; |
|
| 706 |
background: @jquery_ui_dialog-bg-style !important; |
|
| 707 |
overflow: auto; |
|
| 708 |
} |
|
| 709 |
.wrapper {
|
|
| 710 |
margin: 0 ; |
|
| 588 | 711 |
} |
| 589 | 712 |
|
| 590 | 713 |
.ui-dialog-buttonpane {
|
| 591 |
text-align: left; |
|
| 592 |
border-width: 1px 0 0 0; |
|
| 714 |
text-align: left;
|
|
| 715 |
border-width: 1px 0 0 0;
|
|
| 593 | 716 |
background-image: none; |
| 594 |
margin-top: .5em; |
|
| 595 |
padding: .3em 1em .5em .4em;
|
|
| 717 |
margin-top: 0.5em;
|
|
| 718 |
padding: 0.3em 1em 0.5em 0.4em;
|
|
| 596 | 719 |
|
| 597 | 720 |
.ui-dialog-buttonset {
|
| 598 |
float: right; |
|
| 721 |
float: right;
|
|
| 599 | 722 |
} |
| 600 | 723 |
|
| 601 | 724 |
button {
|
| ... | ... | |
| 613 | 736 |
background-position: 16px 16px; |
| 614 | 737 |
} |
| 615 | 738 |
|
| 739 |
// .ui-widget-header {
|
|
| 740 |
// button.ui-dialog-titlebar-close {
|
|
| 741 |
// right: 0.3em; |
|
| 742 |
// top: 0; |
|
| 743 |
// width: 21px; |
|
| 744 |
// margin: 5px 0 0 0; |
|
| 745 |
// } |
|
| 746 |
// } |
|
| 747 |
|
|
| 616 | 748 |
&.ui-draggable .ui-dialog-titlebar {
|
| 617 | 749 |
cursor: move; |
| 618 | 750 |
} |
| 619 | 751 |
|
| 620 |
} |
|
| 621 |
// /.ui-dialog |
|
| 622 |
|
|
| 623 |
|
|
| 624 |
|
|
| 625 |
|
|
| 626 |
|
|
| 752 |
} // /.ui-dialog |
|
| 627 | 753 |
|
| 628 | 754 |
|
| 629 | 755 |
|
| ... | ... | |
| 632 | 758 |
// UI-MENU |
| 633 | 759 |
// -------------------------------------- |
| 634 | 760 |
|
| 635 |
|
|
| 636 | 761 |
.ui-menu {
|
| 637 | 762 |
list-style: none; |
| 638 | 763 |
padding: 2px; |
| 639 | 764 |
margin: 0; |
| 640 | 765 |
display: block; |
| 641 | 766 |
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 |
} |
|
| 767 |
display: inline-table ; |
|
| 768 |
border-collapse: collapse ; |
|
| 674 | 769 |
|
| 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 |
} |
|
| 770 |
&.ui-widget-content {
|
|
| 771 |
border: 1px @_menu_border_color solid ; |
|
| 772 |
} |
|
| 683 | 773 |
|
| 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 |
} |
|
| 774 |
.ui-menu-item {
|
|
| 775 |
margin: 0; |
|
| 776 |
padding: 0; |
|
| 777 |
width: 100%; |
|
| 778 |
background-color: @brand-lighter; |
|
| 779 |
border-bottom: 1px @_menu_border_color solid ; |
|
| 780 |
|
|
| 781 |
a {
|
|
| 782 |
text-decoration: none; |
|
| 783 |
display: block; |
|
| 784 |
padding: 2px .4em; |
|
| 785 |
line-height: 1.5; |
|
| 786 |
min-height: 0; // support: IE7 |
|
| 787 |
font-weight: normal; |
|
| 788 |
border: 0 ; |
|
| 789 |
background: none ; |
|
| 790 |
border: 0 ; |
|
| 791 |
|
|
| 792 |
&.ui-state-focus, |
|
| 793 |
&.ui-state-active {
|
|
| 794 |
font-weight: normal; |
|
| 795 |
margin: -1px; |
|
| 796 |
} |
|
| 797 |
} |
|
| 798 |
} // /.ui-menu-item |
|
| 799 |
|
|
| 800 |
.ui-menu-divider {
|
|
| 801 |
margin: 5px -2px 5px -2px; |
|
| 802 |
height: 0; |
|
| 803 |
font-size: 0; |
|
| 804 |
line-height: 0; |
|
| 805 |
border-width: 1px 0 0 0; |
|
| 806 |
} |
|
| 807 |
|
|
| 808 |
.ui-state-disabled {
|
|
| 809 |
font-weight: normal; |
|
| 810 |
margin: .4em 0 .2em; |
|
| 811 |
line-height: 1.5; |
|
| 812 |
a { cursor: default; }
|
|
| 813 |
} |
|
| 814 |
|
|
| 815 |
// ui-menu within a ui-menu |
|
| 816 |
.ui-menu {
|
|
| 817 |
margin-top: -3px; |
|
| 818 |
position: absolute; |
|
| 819 |
} |
|
| 820 |
|
|
| 821 |
// icon support |
|
| 822 |
&.ui-menu-icons {
|
|
| 823 |
position: relative; |
|
| 824 |
|
|
| 825 |
.ui-menu-item a {
|
|
| 826 |
position: relative; |
|
| 827 |
padding-left: 2em; |
|
| 828 |
} |
|
| 829 |
} |
|
| 830 |
|
|
| 831 |
// left-aligned |
|
| 832 |
.ui-icon {
|
|
| 833 |
position: absolute; |
|
| 834 |
top: .2em; |
|
| 835 |
left: .2em; |
|
| 836 |
} |
|
| 837 |
// right-aligned |
|
| 838 |
.ui-menu-icon {
|
|
| 839 |
position: static; |
|
| 840 |
float: right; |
|
| 841 |
} |
|
| 842 |
|
|
| 843 |
} // /.ui-menu |
|
| 844 |
|
|
| 845 |
|
|
| 846 |
|
|
| 847 |
// -------------------------------------- |
|
| 848 |
// CONTEXT MENU |
|
| 849 |
// -------------------------------------- |
|
| 850 |
|
|
| 851 |
// ----------------------- |
|
| 852 |
// Context Menu List |
|
| 853 |
// ----------------------- |
|
| 854 |
ul.context-menu-list{
|
|
| 855 |
margin: 0; |
|
| 856 |
padding: 0; |
|
| 857 |
min-width: 120px; |
|
| 858 |
max-width: 250px; |
|
| 859 |
display: inline-block; |
|
| 860 |
position: absolute; |
|
| 861 |
list-style-type: none; |
|
| 862 |
border: 1px solid #DDD; |
|
| 863 |
background: #EEE; |
|
| 864 |
|
|
| 865 |
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
| 866 |
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
| 867 |
-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
| 868 |
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
| 869 |
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
| 870 |
|
|
| 871 |
//font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 872 |
//font-size: 11px; |
|
| 873 |
|
|
| 874 |
&.context-menu-root {}
|
|
| 875 |
|
|
| 876 |
|
|
| 877 |
// ----------------------- |
|
| 878 |
// Context Menu Item |
|
| 879 |
// ----------------------- |
|
| 880 |
li.context-menu-item {
|
|
| 881 |
padding: 2px 2px 2px 24px; |
|
| 882 |
background-color: #EEE; |
|
| 883 |
position: relative; |
|
| 884 |
-webkit-user-select: none; |
|
| 885 |
-moz-user-select: -moz-none; |
|
| 886 |
-ms-user-select: none; |
|
| 887 |
user-select: none; |
|
| 888 |
|
|
| 889 |
// Header within the menu |
|
| 890 |
&.context-menu-heading {
|
|
| 891 |
text-decoration: underline; |
|
| 892 |
font-weight: bold; |
|
| 893 |
} |
|
| 894 |
|
|
| 895 |
// States |
|
| 896 |
&.hover {
|
|
| 897 |
cursor: pointer; |
|
| 898 |
background-color: #39F; |
|
| 899 |
|
|
| 900 |
& > .context-menu-list {
|
|
| 901 |
display: block ; |
|
| 902 |
} |
|
| 903 |
} |
|
| 904 |
&.disabled { color: #666; }
|
|
| 905 |
&.hover, |
|
| 906 |
&.disabled.hover {
|
|
| 907 |
cursor: default ; |
|
| 908 |
background-color: #EEE ; |
|
| 909 |
} |
|
| 910 |
|
|
| 911 |
|
|
| 912 |
|
|
| 913 |
// ----------------------- |
|
| 914 |
// Icons in Menu Item |
|
| 915 |
// ----------------------- |
|
| 916 |
.icon {
|
|
| 917 |
// Original code |
|
| 918 |
min-height: 18px; |
|
| 919 |
background-repeat: no-repeat; |
|
| 920 |
background-position: 4px 2px; |
|
| 921 |
|
|
| 922 |
// Original Code (but now disabled) |
|
| 923 |
// &.icon-edit { background-image: url(../image/jquery.contextMenu/page_white_edit.png) ; }
|
|
| 924 |
// &.icon-cut { background-image: url(../image/jquery.contextMenu/cut.png) ; }
|
|
| 925 |
// &.icon-copy { background-image: url(../image/jquery.contextMenu/page_white_copy.png) ; }
|
|
| 926 |
// &.icon-paste { background-image: url(../image/jquery.contextMenu/page_white_paste.png) ; }
|
|
| 927 |
// &.icon-delete { background-image: url(../image/jquery.contextMenu/page_white_delete.png); }
|
|
| 928 |
// &.icon-add { background-image: url(../image/jquery.contextMenu/page_white_add.png) ; }
|
|
| 929 |
// &.icon-quit { background-image: url(../image/jquery.contextMenu/door.png) ; }
|
|
| 930 |
|
|
| 931 |
// All Icons are listed here |
|
| 932 |
&.icon-add { }
|
|
| 933 |
&.icon-edit { }
|
|
| 934 |
&.icon-delete { }
|
|
| 935 |
&.icon-flag { }
|
|
| 936 |
&.icon-copy { }
|
|
| 937 |
&.icon-paste { }
|
|
| 938 |
&.icon-pdf { }
|
|
| 939 |
&.icon-new { }
|
|
| 940 |
&.icon-renumber { }
|
|
| 941 |
} |
|
| 942 |
|
|
| 943 |
span {}
|
|
| 944 |
|
|
| 945 |
&.context-menu-separator {
|
|
| 946 |
padding-bottom:0; |
|
| 947 |
border-bottom: 1px solid #DDD; |
|
| 948 |
|
|
| 949 |
&.not-selectable {}
|
|
| 950 |
} |
|
| 951 |
|
|
| 952 |
// Item has submenu |
|
| 953 |
&.context-menu-submenu:after {
|
|
| 954 |
content: ">"; |
|
| 955 |
color: #666; |
|
| 956 |
position: absolute; |
|
| 957 |
top: 0; |
|
| 958 |
right: 3px; |
|
| 959 |
z-index: 1; |
|
| 960 |
} |
|
| 961 |
|
|
| 962 |
// Submenu-List |
|
| 963 |
& > .context-menu-list {
|
|
| 964 |
display: none; |
|
| 965 |
/* re-positioned by js */ |
|
| 966 |
right: -5px; |
|
| 967 |
top: 5px; |
|
| 968 |
} |
|
| 969 |
|
|
| 970 |
.context-menu-accesskey {
|
|
| 971 |
text-decoration: underline; |
|
| 972 |
} |
|
| 973 |
|
|
| 974 |
|
|
| 975 |
& > label > input, |
|
| 976 |
& > label > textarea {
|
|
| 977 |
-webkit-user-select: text; |
|
| 978 |
-moz-user-select: text; |
|
| 979 |
-ms-user-select: text; |
|
| 980 |
user-select: text; |
|
| 981 |
} |
|
| 982 |
|
|
| 983 |
|
|
| 984 |
} // /li.context-menu-item |
|
| 985 |
|
|
| 986 |
|
|
| 987 |
|
|
| 988 |
// ----------------------- |
|
| 989 |
// Context Menu Input |
|
| 990 |
// ----------------------- |
|
| 991 |
|
|
| 992 |
.context-menu-input {
|
|
| 993 |
/* vertically align inside labels */ |
|
| 994 |
& > label > * { vertical-align: top; }
|
|
| 995 |
|
|
| 996 |
/* position checkboxes and radios as icons */ |
|
| 997 |
& > label > input[type="checkbox"], |
|
| 998 |
& > label > input[type="radio"] { margin-left: -17px; }
|
|
| 999 |
& > label, |
|
| 1000 |
& > label > input[type="text"], |
|
| 1001 |
& > label > textarea, |
|
| 1002 |
& > label > select {
|
|
| 1003 |
display: block; |
|
| 1004 |
width: 100%; |
|
| 1005 |
-webkit-box-sizing: border-box; |
|
| 1006 |
-moz-box-sizing: border-box; |
|
| 1007 |
-ms-box-sizing: border-box; |
|
| 1008 |
-o-box-sizing: border-box; |
|
| 1009 |
box-sizing: border-box; |
|
| 1010 |
} |
|
| 1011 |
|
|
| 1012 |
& > label > span { margin-left: 5px ; }
|
|
| 1013 |
& > label > textarea { height: 100px; }
|
|
| 1014 |
|
|
| 1015 |
} // /.context-menu-input |
|
| 1016 |
|
|
| 1017 |
|
|
| 1018 |
} // /ul.context-menu-list |
|
| 692 | 1019 |
|
| 693 |
// left-aligned |
|
| 694 |
.ui-menu .ui-icon {
|
|
| 695 |
position: absolute; |
|
| 696 |
top: .2em; |
|
| 697 |
left: .2em; |
|
| 698 |
} |
|
| 699 | 1020 |
|
| 700 |
// right-aligned |
|
| 701 |
.ui-menu .ui-menu-icon {
|
|
| 702 |
position: static; |
|
| 703 |
float: right; |
|
| 704 |
} |
|
| 705 | 1021 |
|
| 706 | 1022 |
|
| 707 | 1023 |
|
| ... | ... | |
| 713 | 1029 |
height: 2em; |
| 714 | 1030 |
text-align: left; |
| 715 | 1031 |
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 |
} |
|
| 1032 |
|
|
| 1033 |
.ui-progressbar-value {
|
|
| 1034 |
margin: -1px; |
|
| 1035 |
height: 100%; |
|
| 1036 |
} |
|
| 1037 |
.ui-progressbar-overlay {
|
|
| 1038 |
background: url("ui-lightness/images/animated-overlay.gif");
|
|
| 1039 |
height: 100%; |
|
| 1040 |
filter: alpha(opacity=25); |
|
| 1041 |
opacity: 0.25; |
|
| 1042 |
} |
|
| 1043 |
.ui-progressbar-indeterminate .ui-progressbar-value {
|
|
| 1044 |
background-image: none; |
|
| 1045 |
} |
|
| 1046 |
} // /.ui-progressbar |
|
| 1047 |
|
|
| 730 | 1048 |
|
| 731 | 1049 |
|
| 732 | 1050 |
|
| ... | ... | |
| 738 | 1056 |
.ui-slider {
|
| 739 | 1057 |
position: relative; |
| 740 | 1058 |
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 | 1059 |
|
| 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 |
} |
|
| 1060 |
.ui-slider-handle {
|
|
| 1061 |
position: absolute; |
|
| 1062 |
z-index: 2; |
|
| 1063 |
width: 1.2em; |
|
| 1064 |
height: 1.2em; |
|
| 1065 |
cursor: default; |
|
| 1066 |
} |
|
| 1067 |
|
|
| 1068 |
.ui-slider-range {
|
|
| 1069 |
position: absolute; |
|
| 1070 |
z-index: 1; |
|
| 1071 |
//font-size: @font-size-smaller; |
|
| 1072 |
display: block; |
|
| 1073 |
border: 0; |
|
| 1074 |
background-position: 0 0; |
|
| 1075 |
} |
|
| 1076 |
|
|
| 1077 |
// For IE8 - See #6727 |
|
| 1078 |
&.ui-state-disabled .ui-slider-handle, |
|
| 1079 |
&.ui-state-disabled .ui-slider-range {
|
|
| 1080 |
filter: inherit; |
|
| 1081 |
} |
|
| 1082 |
} // /.ui-slider |
|
| 763 | 1083 |
|
| 764 | 1084 |
.ui-slider-horizontal {
|
| 765 | 1085 |
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 |
} |
|
| 1086 |
|
|
| 1087 |
.ui-slider-handle {
|
|
| 1088 |
top: -.3em; |
|
| 1089 |
margin-left: -.6em; |
|
| 1090 |
} |
|
| 1091 |
.ui-slider-range {
|
|
| 1092 |
top: 0; |
|
| 1093 |
height: 100%; |
|
| 1094 |
} |
|
| 1095 |
.ui-slider-range-min { left: 0; }
|
|
| 1096 |
.ui-slider-range-max { right: 0; }
|
|
| 1097 |
}// /.ui-slider-horizontal |
|
| 781 | 1098 |
|
| 782 | 1099 |
.ui-slider-vertical {
|
| 783 | 1100 |
width: .8em; |
| 784 | 1101 |
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 |
} |
|
| 1102 |
|
|
| 1103 |
.ui-slider-handle {
|
|
| 1104 |
left: -.3em; |
|
| 1105 |
margin-left: 0; |
|
| 1106 |
margin-bottom: -.6em; |
|
| 1107 |
} |
|
| 1108 |
.ui-slider-range {
|
|
| 1109 |
left: 0; |
|
| 1110 |
width: 100%; |
|
| 1111 |
} |
|
| 1112 |
.ui-slider-range-min {
|
|
| 1113 |
bottom: 0; |
|
| 1114 |
} |
|
| 1115 |
.ui-slider-range-max {
|
|
| 1116 |
top: 0; |
|
| 1117 |
} |
|
| 1118 |
|
|
| 1119 |
|
|
| 1120 |
} // /.ui-slider-vertical |
|
| 1121 |
|
|
| 801 | 1122 |
|
| 802 | 1123 |
|
| 803 | 1124 |
|
| ... | ... | |
| 811 | 1132 |
overflow: hidden; |
| 812 | 1133 |
padding: 0; |
| 813 | 1134 |
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 | 1135 |
|
| 858 |
// TR overrides |
|
| 859 |
.ui-spinner .ui-icon-triangle-1-s {
|
|
| 860 |
// need to fix icons sprite |
|
| 861 |
background-position: -65px -16px; |
|
| 862 |
} |
|
| 1136 |
.ui-spinner-input {
|
|
| 1137 |
border: none; |
|
| 1138 |
background: none; |
|
| 1139 |
color: inherit; |
|
| 1140 |
padding: 0; |
|
| 1141 |
margin: .2em 0; |
|
| 1142 |
vertical-align: middle; |
|
| 1143 |
margin-left: .4em; |
|
| 1144 |
margin-right: 22px; |
|
| 1145 |
} |
|
| 1146 |
.ui-spinner-button {
|
|
| 1147 |
width: 16px; |
|
| 1148 |
height: 50%; |
|
| 1149 |
//font-size: @font-size-smaller; |
|
| 1150 |
padding: 0; |
|
| 1151 |
margin: 0; |
|
| 1152 |
text-align: center; |
|
| 1153 |
position: absolute; |
|
| 1154 |
cursor: default; |
|
| 1155 |
display: block; |
|
| 1156 |
overflow: hidden; |
|
| 1157 |
right: 0; |
|
| 1158 |
} |
|
| 1159 |
// more specificity required here to overide default borders |
|
| 1160 |
a.ui-spinner-button {
|
|
| 1161 |
border-top: none; |
|
| 1162 |
border-bottom: none; |
|
| 1163 |
border-right: none; |
|
| 1164 |
} |
|
| 1165 |
// vertical centre icon |
|
| 1166 |
.ui-icon {
|
|
| 1167 |
position: absolute; |
|
| 1168 |
margin-top: -8px; |
|
| 1169 |
top: 50%; |
|
| 1170 |
left: 0; |
|
| 1171 |
} |
|
| 1172 |
.ui-spinner-up { top: 0; }
|
|
| 1173 |
.ui-spinner-down { bottom: 0; }
|
|
| 1174 |
|
|
| 1175 |
// TR overrides |
|
| 1176 |
.ui-spinner .ui-icon-triangle-1-s {
|
|
| 1177 |
// need to fix icons sprite |
|
| 1178 |
background-position: -65px -16px; |
|
| 1179 |
} |
|
| 1180 |
} // /.ui-spinner |
|
| 1181 |
|
|
| 863 | 1182 |
|
| 864 | 1183 |
|
| 865 | 1184 |
|
| ... | ... | |
| 873 | 1192 |
// auto appear as "fixed") |
| 874 | 1193 |
position: relative; |
| 875 | 1194 |
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 |
} |
|
| 1195 |
|
|
| 1196 |
.ui-tabs-nav {
|
|
| 1197 |
margin: 0; |
|
| 1198 |
padding: .2em .2em 0; |
|
| 1199 |
|
|
| 1200 |
li {
|
|
| 1201 |
list-style: none; |
|
| 1202 |
float: left; |
|
| 1203 |
position: relative; |
|
| 1204 |
top: 0; |
|
| 1205 |
margin: 1px .2em 0 0; |
|
| 1206 |
border-bottom-width: 0; |
|
| 1207 |
padding: 0; |
|
| 1208 |
white-space: nowrap; |
|
| 1209 |
|
|
| 1210 |
a {
|
|
| 1211 |
float: left; |
|
| 1212 |
padding: .5em 1em; |
|
| 1213 |
text-decoration: none; |
|
| 1214 |
cursor: pointer; |
|
| 1215 |
} |
|
| 1216 |
|
|
| 1217 |
.ui-tabs-active {
|
|
| 1218 |
margin-bottom: -1px; |
|
| 1219 |
padding-bottom: 1px; |
|
| 1220 |
} |
|
| 1221 |
.ui-tabs-active, |
|
| 1222 |
.ui-state-disabled, |
|
| 1223 |
.ui-tabs-loading {
|
|
| 1224 |
a {
|
|
| 1225 |
cursor: text; |
|
| 1226 |
outline: 0 ; // hps: gepunketen Rahmen nach Klick ausblenden |
|
| 1227 |
} |
|
| 1228 |
} |
|
| 1229 |
|
|
| 1230 |
} // /li |
|
| 1231 |
} // /.ui-tabs-nav |
|
| 1232 |
|
|
| 1233 |
.ui-tabs-panel {
|
|
| 1234 |
display: block; |
|
| 1235 |
border-width: 0; |
|
| 1236 |
padding: 0.4em 0 1.0em 0; |
|
| 1237 |
//background: none; |
|
| 1238 |
} |
|
| 1239 |
|
|
| 1240 |
} // /.ui-tabs |
|
| 1241 |
|
|
| 1242 |
|
|
| 906 | 1243 |
// first selector in group seems obsolete, |
| 907 | 1244 |
// but required to overcome bug in Opera applying cursor: |
| 908 | 1245 |
// text overall if defined elsewhere... |
| ... | ... | |
| 910 | 1247 |
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
|
| 911 | 1248 |
cursor: pointer; |
| 912 | 1249 |
} |
| 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 |
} |
|
| 1250 |
|
|
| 919 | 1251 |
|
| 920 | 1252 |
|
| 921 | 1253 |
|
| ... | ... | |
| 924 | 1256 |
// -------------------------------------- |
| 925 | 1257 |
|
| 926 | 1258 |
.ui-tooltip {
|
| 927 |
padding: 8px; |
|
| 928 |
position: absolute; |
|
| 929 |
z-index: 9999; |
|
| 930 |
max-width: 300px; |
|
| 931 |
-webkit-box-shadow: 0 0 5px #aaa; |
|
| 932 |
box-shadow: 0 0 5px #aaa; |
|
| 1259 |
position: absolute; |
|
| 1260 |
z-index: 9999; |
|
| 1261 |
max-width: 300px; |
|
| 1262 |
padding: 8px; |
|
| 1263 |
-webkit-box-shadow: 0 0 5px #aaa ; |
|
| 1264 |
box-shadow: 0 0 5px #aaa; |
|
| 1265 |
background-color: @jquery_ui_tooltipster-bg-color !important ; |
|
| 1266 |
|
|
| 1267 |
.ui-tooltip-content{
|
|
| 1268 |
color: #ffffff ; |
|
| 1269 |
} |
|
| 933 | 1270 |
} |
| 934 | 1271 |
body .ui-tooltip {
|
| 935 |
border-width: 2px; |
|
| 1272 |
border-width: 2px ;
|
|
| 936 | 1273 |
} |
| 937 | 1274 |
|
| 938 |
// Component containers |
|
| 1275 |
|
|
| 1276 |
|
|
| 1277 |
|
|
| 1278 |
|
|
| 1279 |
// ---------------------------------- |
|
| 1280 |
// Component containers (UI-WIDGET) |
|
| 939 | 1281 |
// ---------------------------------- |
| 940 | 1282 |
.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; |
|
| 1283 |
//font-size: @font-size-smaller; |
|
| 1284 |
|
|
| 1285 |
.ui-widget-header {
|
|
| 1286 |
background: none; |
|
| 1287 |
color: #ffffff; |
|
| 1288 |
font-weight: bold; |
|
| 1289 |
|
|
| 1290 |
a { color: #ffffff; }
|
|
| 1291 |
} |
|
| 1292 |
|
|
| 1293 |
.ui-widget-content {
|
|
| 1294 |
//border: 1px solid #dddddd; |
|
| 1295 |
border: none; |
|
| 1296 |
background: none ; |
|
| 1297 |
//background-color: #ffffff ; // or Transparent |
|
| 1298 |
//color: #333333; |
|
| 1299 |
|
|
| 1300 |
a {
|
|
| 1301 |
//color: #333333; |
|
| 1302 |
} |
|
| 1303 |
} // .ui-widget-content |
|
| 1304 |
|
|
| 1305 |
.ui-widget { font-size: @font-size-small; }
|
|
| 1306 |
|
|
| 1307 |
input, |
|
| 1308 |
select, |
|
| 1309 |
textarea, |
|
| 1310 |
button {
|
|
| 1311 |
//font-size: @font-size-smaller ; |
|
| 1312 |
} |
|
| 1313 |
|
|
| 1314 |
} // /.ui-widget |
|
| 1315 |
|
|
| 1316 |
|
|
| 1317 |
|
|
| 1318 |
|
|
| 1319 |
|
|
| 1320 |
// -------------------------------------- |
|
| 1321 |
// CKEditor |
|
| 1322 |
// -------------------------------------- |
|
| 1323 |
.cke_editable {
|
|
| 1324 |
background-color: white; |
|
| 1325 |
padding: 6px; |
|
| 1326 |
//margin-left: -0.3em ; |
|
| 1327 |
border-top: 1px #999 solid; |
|
| 1328 |
border-right: 1px #ddd solid; |
|
| 1329 |
border-left: 1px #ddd solid; |
|
| 1330 |
overflow: auto ; |
|
| 1331 |
font-size: 11pt ; |
|
| 1332 |
min-width: @textarea-wi-lightwide ; |
|
| 1333 |
min-height: 4.0em ; |
|
| 1334 |
&:focus {
|
|
| 1335 |
outline: none ; |
|
| 1336 |
background-color: @formelement-focus-bg ; |
|
| 1337 |
border: @formelement-focus-border ; |
|
| 1338 |
} |
|
| 1339 |
|
|
| 1340 |
p {
|
|
| 1341 |
font-size: 10pt !important; |
|
| 1342 |
padding: 0 ; |
|
| 1343 |
margin: 0 0 0.4em 0 ; |
|
| 1344 |
font-weight: normal; |
|
| 1345 |
} |
|
| 960 | 1346 |
} |
| 961 |
.ui-widget-header {
|
|
| 962 |
// border: 1px solid #e78f08; /* hps */ |
|
| 963 |
background: none; |
|
| 964 |
color: #ffffff; |
|
| 965 |
font-weight: bold; |
|
| 1347 |
div.cke_editable.wi-small-wide{
|
|
| 1348 |
margin-right: 24px !important ; |
|
| 966 | 1349 |
} |
| 967 |
.ui-widget-header a {
|
|
| 968 |
color: #ffffff; |
|
| 1350 |
body > .ui-dialog > .ui-dialog-content > p > .cke_editable {
|
|
| 1351 |
border: 1px #dcdcdc solid !important; |
|
| 1352 |
padding: 0.4em; |
|
| 1353 |
margin: 0; |
|
| 1354 |
font-size: 100%; |
|
| 1355 |
width: 100% !important; |
|
| 969 | 1356 |
} |
| 970 | 1357 |
|
| 971 | 1358 |
|
| 972 | 1359 |
|
| 1360 |
|
|
| 1361 |
|
|
| 973 | 1362 |
// ---------------------------------- |
| 974 | 1363 |
// Interaction states |
| 975 | 1364 |
// ---------------------------------- |
| 1365 |
|
|
| 976 | 1366 |
.ui-state-default, |
| 977 |
.ui-widget-content .ui-state-default, |
|
| 978 |
.ui-widget-header .ui-state-default {
|
|
| 1367 |
.ui-state-hover, |
|
| 1368 |
.ui-state-focus, |
|
| 1369 |
.ui-state-active {
|
|
| 1370 |
.ui-icon {
|
|
| 1371 |
background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important; |
|
| 1372 |
} |
|
| 1373 |
} |
|
| 1374 |
|
|
| 1375 |
.ui-state-default {
|
|
| 979 | 1376 |
border: 1px solid #cccccc; |
| 980 | 1377 |
//background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; |
| 981 | 1378 |
background: none ; |
| 982 | 1379 |
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 |
} |
|
| 1380 |
color: @brand-darker; |
|
| 1381 |
a, |
|
| 1382 |
a:link, |
|
| 1383 |
a:visited {
|
|
| 1384 |
color: #1c94c4; |
|
| 1385 |
text-decoration: none; |
|
| 1386 |
} |
|
| 1387 |
} // /.ui-state-default |
|
| 1388 |
|
|
| 991 | 1389 |
.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; |
|
| 1390 |
.ui-state-focus {
|
|
| 1391 |
//border: 1px solid #fbcb09; |
|
| 998 | 1392 |
//background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; |
| 999 | 1393 |
background: none ; |
| 1000 | 1394 |
font-weight: bold; |
| 1001 | 1395 |
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 |
} |
|
Auch abrufbar als: Unified diff
css/less -> Geaenderte & Neue Less-Dateien