jquery-ui.structure.css (18849B)
1 /*! 2 * jQuery UI CSS Framework 1.11.4 3 * http://jqueryui.com 4 * 5 * Copyright jQuery Foundation and other contributors 6 * Released under the MIT license. 7 * http://jquery.org/license 8 * 9 * http://api.jqueryui.com/category/theming/ 10 */ 11 12 /* Layout helpers 13 ----------------------------------*/ 14 .ui-helper-hidden { 15 display: none; 16 } 17 .ui-helper-hidden-accessible { 18 border: 0; 19 clip: rect(0 0 0 0); 20 height: 1px; 21 margin: -1px; 22 overflow: hidden; 23 padding: 0; 24 position: absolute; 25 width: 1px; 26 } 27 .ui-helper-reset { 28 margin: 0; 29 padding: 0; 30 border: 0; 31 outline: 0; 32 line-height: 1.3; 33 text-decoration: none; 34 font-size: 100%; 35 list-style: none; 36 } 37 .ui-helper-clearfix:before, 38 .ui-helper-clearfix:after { 39 content: ""; 40 display: table; 41 border-collapse: collapse; 42 } 43 .ui-helper-clearfix:after { 44 clear: both; 45 } 46 .ui-helper-clearfix { 47 min-height: 0; /* support: IE7 */ 48 } 49 .ui-helper-zfix { 50 width: 100%; 51 height: 100%; 52 top: 0; 53 left: 0; 54 position: absolute; 55 opacity: 0; 56 filter:Alpha(Opacity=0); /* support: IE8 */ 57 } 58 59 .ui-front { 60 z-index: 100; 61 } 62 63 64 /* Interaction Cues 65 ----------------------------------*/ 66 .ui-state-disabled { 67 cursor: default !important; 68 } 69 70 71 /* Icons 72 ----------------------------------*/ 73 74 /* states and images */ 75 .ui-icon { 76 display: block; 77 text-indent: -99999px; 78 overflow: hidden; 79 background-repeat: no-repeat; 80 } 81 82 83 /* Misc visuals 84 ----------------------------------*/ 85 86 /* Overlays */ 87 .ui-widget-overlay { 88 position: fixed; 89 top: 0; 90 left: 0; 91 width: 100%; 92 height: 100%; 93 } 94 .ui-draggable-handle { 95 -ms-touch-action: none; 96 touch-action: none; 97 } 98 .ui-resizable { 99 position: relative; 100 } 101 .ui-resizable-handle { 102 position: absolute; 103 font-size: 0.1px; 104 display: block; 105 -ms-touch-action: none; 106 touch-action: none; 107 } 108 .ui-resizable-disabled .ui-resizable-handle, 109 .ui-resizable-autohide .ui-resizable-handle { 110 display: none; 111 } 112 .ui-resizable-n { 113 cursor: n-resize; 114 height: 7px; 115 width: 100%; 116 top: -5px; 117 left: 0; 118 } 119 .ui-resizable-s { 120 cursor: s-resize; 121 height: 7px; 122 width: 100%; 123 bottom: -5px; 124 left: 0; 125 } 126 .ui-resizable-e { 127 cursor: e-resize; 128 width: 7px; 129 right: -5px; 130 top: 0; 131 height: 100%; 132 } 133 .ui-resizable-w { 134 cursor: w-resize; 135 width: 7px; 136 left: -5px; 137 top: 0; 138 height: 100%; 139 } 140 .ui-resizable-se { 141 cursor: se-resize; 142 width: 12px; 143 height: 12px; 144 right: 1px; 145 bottom: 1px; 146 } 147 .ui-resizable-sw { 148 cursor: sw-resize; 149 width: 9px; 150 height: 9px; 151 left: -5px; 152 bottom: -5px; 153 } 154 .ui-resizable-nw { 155 cursor: nw-resize; 156 width: 9px; 157 height: 9px; 158 left: -5px; 159 top: -5px; 160 } 161 .ui-resizable-ne { 162 cursor: ne-resize; 163 width: 9px; 164 height: 9px; 165 right: -5px; 166 top: -5px; 167 } 168 .ui-selectable { 169 -ms-touch-action: none; 170 touch-action: none; 171 } 172 .ui-selectable-helper { 173 position: absolute; 174 z-index: 100; 175 border: 1px dotted black; 176 } 177 .ui-sortable-handle { 178 -ms-touch-action: none; 179 touch-action: none; 180 } 181 .ui-accordion .ui-accordion-header { 182 display: block; 183 cursor: pointer; 184 position: relative; 185 margin: 2px 0 0 0; 186 padding: .5em .5em .5em .7em; 187 min-height: 0; /* support: IE7 */ 188 font-size: 100%; 189 } 190 .ui-accordion .ui-accordion-icons { 191 padding-left: 2.2em; 192 } 193 .ui-accordion .ui-accordion-icons .ui-accordion-icons { 194 padding-left: 2.2em; 195 } 196 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { 197 position: absolute; 198 left: .5em; 199 top: 50%; 200 margin-top: -8px; 201 } 202 .ui-accordion .ui-accordion-content { 203 padding: 1em 2.2em; 204 border-top: 0; 205 overflow: auto; 206 } 207 .ui-autocomplete { 208 position: absolute; 209 top: 0; 210 left: 0; 211 cursor: default; 212 } 213 .ui-button { 214 display: inline-block; 215 position: relative; 216 padding: 0; 217 line-height: normal; 218 margin-right: .1em; 219 cursor: pointer; 220 vertical-align: middle; 221 text-align: center; 222 overflow: visible; /* removes extra width in IE */ 223 } 224 .ui-button, 225 .ui-button:link, 226 .ui-button:visited, 227 .ui-button:hover, 228 .ui-button:active { 229 text-decoration: none; 230 } 231 /* to make room for the icon, a width needs to be set here */ 232 .ui-button-icon-only { 233 width: 2.2em; 234 } 235 /* button elements seem to need a little more width */ 236 button.ui-button-icon-only { 237 width: 2.4em; 238 } 239 .ui-button-icons-only { 240 width: 3.4em; 241 } 242 button.ui-button-icons-only { 243 width: 3.7em; 244 } 245 246 /* button text element */ 247 .ui-button .ui-button-text { 248 display: block; 249 line-height: normal; 250 } 251 .ui-button-text-only .ui-button-text { 252 padding: .4em 1em; 253 } 254 .ui-button-icon-only .ui-button-text, 255 .ui-button-icons-only .ui-button-text { 256 padding: .4em; 257 text-indent: -9999999px; 258 } 259 .ui-button-text-icon-primary .ui-button-text, 260 .ui-button-text-icons .ui-button-text { 261 padding: .4em 1em .4em 2.1em; 262 } 263 .ui-button-text-icon-secondary .ui-button-text, 264 .ui-button-text-icons .ui-button-text { 265 padding: .4em 2.1em .4em 1em; 266 } 267 .ui-button-text-icons .ui-button-text { 268 padding-left: 2.1em; 269 padding-right: 2.1em; 270 } 271 /* no icon support for input elements, provide padding by default */ 272 input.ui-button { 273 padding: .4em 1em; 274 } 275 276 /* button icon element(s) */ 277 .ui-button-icon-only .ui-icon, 278 .ui-button-text-icon-primary .ui-icon, 279 .ui-button-text-icon-secondary .ui-icon, 280 .ui-button-text-icons .ui-icon, 281 .ui-button-icons-only .ui-icon { 282 position: absolute; 283 top: 50%; 284 margin-top: -8px; 285 } 286 .ui-button-icon-only .ui-icon { 287 left: 50%; 288 margin-left: -8px; 289 } 290 .ui-button-text-icon-primary .ui-button-icon-primary, 291 .ui-button-text-icons .ui-button-icon-primary, 292 .ui-button-icons-only .ui-button-icon-primary { 293 left: .5em; 294 } 295 .ui-button-text-icon-secondary .ui-button-icon-secondary, 296 .ui-button-text-icons .ui-button-icon-secondary, 297 .ui-button-icons-only .ui-button-icon-secondary { 298 right: .5em; 299 } 300 301 /* button sets */ 302 .ui-buttonset { 303 margin-right: 7px; 304 } 305 .ui-buttonset .ui-button { 306 margin-left: 0; 307 margin-right: -.3em; 308 } 309 310 /* workarounds */ 311 /* reset extra padding in Firefox, see h5bp.com/l */ 312 input.ui-button::-moz-focus-inner, 313 button.ui-button::-moz-focus-inner { 314 border: 0; 315 padding: 0; 316 } 317 .ui-datepicker { 318 width: 17em; 319 padding: .2em .2em 0; 320 display: none; 321 } 322 .ui-datepicker .ui-datepicker-header { 323 position: relative; 324 padding: .2em 0; 325 } 326 .ui-datepicker .ui-datepicker-prev, 327 .ui-datepicker .ui-datepicker-next { 328 position: absolute; 329 top: 2px; 330 width: 1.8em; 331 height: 1.8em; 332 } 333 .ui-datepicker .ui-datepicker-prev-hover, 334 .ui-datepicker .ui-datepicker-next-hover { 335 top: 1px; 336 } 337 .ui-datepicker .ui-datepicker-prev { 338 left: 2px; 339 } 340 .ui-datepicker .ui-datepicker-next { 341 right: 2px; 342 } 343 .ui-datepicker .ui-datepicker-prev-hover { 344 left: 1px; 345 } 346 .ui-datepicker .ui-datepicker-next-hover { 347 right: 1px; 348 } 349 .ui-datepicker .ui-datepicker-prev span, 350 .ui-datepicker .ui-datepicker-next span { 351 display: block; 352 position: absolute; 353 left: 50%; 354 margin-left: -8px; 355 top: 50%; 356 margin-top: -8px; 357 } 358 .ui-datepicker .ui-datepicker-title { 359 margin: 0 2.3em; 360 line-height: 1.8em; 361 text-align: center; 362 } 363 .ui-datepicker .ui-datepicker-title select { 364 font-size: 1em; 365 margin: 1px 0; 366 } 367 .ui-datepicker select.ui-datepicker-month, 368 .ui-datepicker select.ui-datepicker-year { 369 width: 45%; 370 } 371 .ui-datepicker table { 372 width: 100%; 373 font-size: .9em; 374 border-collapse: collapse; 375 margin: 0 0 .4em; 376 } 377 .ui-datepicker th { 378 padding: .7em .3em; 379 text-align: center; 380 font-weight: bold; 381 border: 0; 382 } 383 .ui-datepicker td { 384 border: 0; 385 padding: 1px; 386 } 387 .ui-datepicker td span, 388 .ui-datepicker td a { 389 display: block; 390 padding: .2em; 391 text-align: right; 392 text-decoration: none; 393 } 394 .ui-datepicker .ui-datepicker-buttonpane { 395 background-image: none; 396 margin: .7em 0 0 0; 397 padding: 0 .2em; 398 border-left: 0; 399 border-right: 0; 400 border-bottom: 0; 401 } 402 .ui-datepicker .ui-datepicker-buttonpane button { 403 float: right; 404 margin: .5em .2em .4em; 405 cursor: pointer; 406 padding: .2em .6em .3em .6em; 407 width: auto; 408 overflow: visible; 409 } 410 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 411 float: left; 412 } 413 414 /* with multiple calendars */ 415 .ui-datepicker.ui-datepicker-multi { 416 width: auto; 417 } 418 .ui-datepicker-multi .ui-datepicker-group { 419 float: left; 420 } 421 .ui-datepicker-multi .ui-datepicker-group table { 422 width: 95%; 423 margin: 0 auto .4em; 424 } 425 .ui-datepicker-multi-2 .ui-datepicker-group { 426 width: 50%; 427 } 428 .ui-datepicker-multi-3 .ui-datepicker-group { 429 width: 33.3%; 430 } 431 .ui-datepicker-multi-4 .ui-datepicker-group { 432 width: 25%; 433 } 434 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 435 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 436 border-left-width: 0; 437 } 438 .ui-datepicker-multi .ui-datepicker-buttonpane { 439 clear: left; 440 } 441 .ui-datepicker-row-break { 442 clear: both; 443 width: 100%; 444 font-size: 0; 445 } 446 447 /* RTL support */ 448 .ui-datepicker-rtl { 449 direction: rtl; 450 } 451 .ui-datepicker-rtl .ui-datepicker-prev { 452 right: 2px; 453 left: auto; 454 } 455 .ui-datepicker-rtl .ui-datepicker-next { 456 left: 2px; 457 right: auto; 458 } 459 .ui-datepicker-rtl .ui-datepicker-prev:hover { 460 right: 1px; 461 left: auto; 462 } 463 .ui-datepicker-rtl .ui-datepicker-next:hover { 464 left: 1px; 465 right: auto; 466 } 467 .ui-datepicker-rtl .ui-datepicker-buttonpane { 468 clear: right; 469 } 470 .ui-datepicker-rtl .ui-datepicker-buttonpane button { 471 float: left; 472 } 473 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 474 .ui-datepicker-rtl .ui-datepicker-group { 475 float: right; 476 } 477 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 478 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 479 border-right-width: 0; 480 border-left-width: 1px; 481 } 482 .ui-dialog { 483 overflow: hidden; 484 position: absolute; 485 top: 0; 486 left: 0; 487 padding: .2em; 488 outline: 0; 489 } 490 .ui-dialog .ui-dialog-titlebar { 491 padding: .4em 1em; 492 position: relative; 493 } 494 .ui-dialog .ui-dialog-title { 495 float: left; 496 margin: .1em 0; 497 white-space: nowrap; 498 width: 90%; 499 overflow: hidden; 500 text-overflow: ellipsis; 501 } 502 .ui-dialog .ui-dialog-titlebar-close { 503 position: absolute; 504 right: .3em; 505 top: 50%; 506 width: 20px; 507 margin: -10px 0 0 0; 508 padding: 1px; 509 height: 20px; 510 } 511 .ui-dialog .ui-dialog-content { 512 position: relative; 513 border: 0; 514 padding: .5em 1em; 515 background: none; 516 overflow: auto; 517 } 518 .ui-dialog .ui-dialog-buttonpane { 519 text-align: left; 520 border-width: 1px 0 0 0; 521 background-image: none; 522 margin-top: .5em; 523 padding: .3em 1em .5em .4em; 524 } 525 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 526 float: right; 527 } 528 .ui-dialog .ui-dialog-buttonpane button { 529 margin: .5em .4em .5em 0; 530 cursor: pointer; 531 } 532 .ui-dialog .ui-resizable-se { 533 width: 12px; 534 height: 12px; 535 right: -5px; 536 bottom: -5px; 537 background-position: 16px 16px; 538 } 539 .ui-draggable .ui-dialog-titlebar { 540 cursor: move; 541 } 542 .ui-menu { 543 list-style: none; 544 padding: 0; 545 margin: 0; 546 display: block; 547 outline: none; 548 } 549 .ui-menu .ui-menu { 550 position: absolute; 551 } 552 .ui-menu .ui-menu-item { 553 position: relative; 554 margin: 0; 555 padding: 3px 1em 3px .4em; 556 cursor: pointer; 557 min-height: 0; /* support: IE7 */ 558 /* support: IE10, see #8844 */ 559 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 560 } 561 .ui-menu .ui-menu-divider { 562 margin: 5px 0; 563 height: 0; 564 font-size: 0; 565 line-height: 0; 566 border-width: 1px 0 0 0; 567 } 568 .ui-menu .ui-state-focus, 569 .ui-menu .ui-state-active { 570 margin: -1px; 571 } 572 573 /* icon support */ 574 .ui-menu-icons { 575 position: relative; 576 } 577 .ui-menu-icons .ui-menu-item { 578 padding-left: 2em; 579 } 580 581 /* left-aligned */ 582 .ui-menu .ui-icon { 583 position: absolute; 584 top: 0; 585 bottom: 0; 586 left: .2em; 587 margin: auto 0; 588 } 589 590 /* right-aligned */ 591 .ui-menu .ui-menu-icon { 592 left: auto; 593 right: 0; 594 } 595 .ui-progressbar { 596 height: 2em; 597 text-align: left; 598 overflow: hidden; 599 } 600 .ui-progressbar .ui-progressbar-value { 601 margin: -1px; 602 height: 100%; 603 } 604 .ui-progressbar .ui-progressbar-overlay { 605 background: url("data:image/gif;base64,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"); 606 height: 100%; 607 filter: alpha(opacity=25); /* support: IE8 */ 608 opacity: 0.25; 609 } 610 .ui-progressbar-indeterminate .ui-progressbar-value { 611 background-image: none; 612 } 613 .ui-selectmenu-menu { 614 padding: 0; 615 margin: 0; 616 position: absolute; 617 top: 0; 618 left: 0; 619 display: none; 620 } 621 .ui-selectmenu-menu .ui-menu { 622 overflow: auto; 623 /* Support: IE7 */ 624 overflow-x: hidden; 625 padding-bottom: 1px; 626 } 627 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 628 font-size: 1em; 629 font-weight: bold; 630 line-height: 1.5; 631 padding: 2px 0.4em; 632 margin: 0.5em 0 0 0; 633 height: auto; 634 border: 0; 635 } 636 .ui-selectmenu-open { 637 display: block; 638 } 639 .ui-selectmenu-button { 640 display: inline-block; 641 overflow: hidden; 642 position: relative; 643 text-decoration: none; 644 cursor: pointer; 645 } 646 .ui-selectmenu-button span.ui-icon { 647 right: 0.5em; 648 left: auto; 649 margin-top: -8px; 650 position: absolute; 651 top: 50%; 652 } 653 .ui-selectmenu-button span.ui-selectmenu-text { 654 text-align: left; 655 padding: 0.4em 2.1em 0.4em 1em; 656 display: block; 657 line-height: 1.4; 658 overflow: hidden; 659 text-overflow: ellipsis; 660 white-space: nowrap; 661 } 662 .ui-slider { 663 position: relative; 664 text-align: left; 665 } 666 .ui-slider .ui-slider-handle { 667 position: absolute; 668 z-index: 2; 669 width: 1.2em; 670 height: 1.2em; 671 cursor: default; 672 -ms-touch-action: none; 673 touch-action: none; 674 } 675 .ui-slider .ui-slider-range { 676 position: absolute; 677 z-index: 1; 678 font-size: .7em; 679 display: block; 680 border: 0; 681 background-position: 0 0; 682 } 683 684 /* support: IE8 - See #6727 */ 685 .ui-slider.ui-state-disabled .ui-slider-handle, 686 .ui-slider.ui-state-disabled .ui-slider-range { 687 filter: inherit; 688 } 689 690 .ui-slider-horizontal { 691 height: .8em; 692 } 693 .ui-slider-horizontal .ui-slider-handle { 694 top: -.3em; 695 margin-left: -.6em; 696 } 697 .ui-slider-horizontal .ui-slider-range { 698 top: 0; 699 height: 100%; 700 } 701 .ui-slider-horizontal .ui-slider-range-min { 702 left: 0; 703 } 704 .ui-slider-horizontal .ui-slider-range-max { 705 right: 0; 706 } 707 708 .ui-slider-vertical { 709 width: .8em; 710 height: 100px; 711 } 712 .ui-slider-vertical .ui-slider-handle { 713 left: -.3em; 714 margin-left: 0; 715 margin-bottom: -.6em; 716 } 717 .ui-slider-vertical .ui-slider-range { 718 left: 0; 719 width: 100%; 720 } 721 .ui-slider-vertical .ui-slider-range-min { 722 bottom: 0; 723 } 724 .ui-slider-vertical .ui-slider-range-max { 725 top: 0; 726 } 727 .ui-spinner { 728 position: relative; 729 display: inline-block; 730 overflow: hidden; 731 padding: 0; 732 vertical-align: middle; 733 } 734 .ui-spinner-input { 735 border: none; 736 background: none; 737 color: inherit; 738 padding: 0; 739 margin: .2em 0; 740 vertical-align: middle; 741 margin-left: .4em; 742 margin-right: 22px; 743 } 744 .ui-spinner-button { 745 width: 16px; 746 height: 50%; 747 font-size: .5em; 748 padding: 0; 749 margin: 0; 750 text-align: center; 751 position: absolute; 752 cursor: default; 753 display: block; 754 overflow: hidden; 755 right: 0; 756 } 757 /* more specificity required here to override default borders */ 758 .ui-spinner a.ui-spinner-button { 759 border-top: none; 760 border-bottom: none; 761 border-right: none; 762 } 763 /* vertically center icon */ 764 .ui-spinner .ui-icon { 765 position: absolute; 766 margin-top: -8px; 767 top: 50%; 768 left: 0; 769 } 770 .ui-spinner-up { 771 top: 0; 772 } 773 .ui-spinner-down { 774 bottom: 0; 775 } 776 777 /* TR overrides */ 778 .ui-spinner .ui-icon-triangle-1-s { 779 /* need to fix icons sprite */ 780 background-position: -65px -16px; 781 } 782 .ui-tabs { 783 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 784 padding: .2em; 785 } 786 .ui-tabs .ui-tabs-nav { 787 margin: 0; 788 padding: .2em .2em 0; 789 } 790 .ui-tabs .ui-tabs-nav li { 791 list-style: none; 792 float: left; 793 position: relative; 794 top: 0; 795 margin: 1px .2em 0 0; 796 border-bottom-width: 0; 797 padding: 0; 798 white-space: nowrap; 799 } 800 .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 801 float: left; 802 padding: .5em 1em; 803 text-decoration: none; 804 } 805 .ui-tabs .ui-tabs-nav li.ui-tabs-active { 806 margin-bottom: -1px; 807 padding-bottom: 1px; 808 } 809 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 810 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 811 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 812 cursor: text; 813 } 814 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 815 cursor: pointer; 816 } 817 .ui-tabs .ui-tabs-panel { 818 display: block; 819 border-width: 0; 820 padding: 1em 1.4em; 821 background: none; 822 } 823 .ui-tooltip { 824 padding: 8px; 825 position: absolute; 826 z-index: 9999; 827 max-width: 300px; 828 -webkit-box-shadow: 0 0 5px #aaa; 829 box-shadow: 0 0 5px #aaa; 830 } 831 body .ui-tooltip { 832 border-width: 2px; 833 }