1/* 2 3This CSS code is generated from http://ui.sunhater.com 4(c)2014 Pavel Tzonkov, sunhater.com. All rights reserved. 5 6*/ 7/*** jQueryUI */ 8/** Base */ 9 10.ui-helper-hidden { 11 display: none; 12} 13.ui-helper-hidden-accessible { 14 border: 0; 15 clip: rect(0 0 0 0); 16 height: 1px; 17 margin: -1px; 18 overflow: hidden; 19 padding: 0; 20 position: absolute; 21 width: 1px; 22} 23.ui-helper-reset { 24 margin: 0; 25 padding: 0; 26 border: 0; 27 outline: 0; 28 line-height: 1.3; 29 text-decoration: none; 30 font-size: 100%; 31 list-style: none; 32} 33.ui-helper-clearfix:before, 34.ui-helper-clearfix:after { 35 content: ""; 36 display: table; 37 border-collapse: collapse; 38} 39.ui-helper-clearfix:after { 40 clear: both; 41} 42.ui-helper-clearfix { 43 min-height: 0; /* support: IE7 */ 44} 45.ui-helper-zfix { 46 width: 100%; 47 height: 100%; 48 top: 0; 49 left: 0; 50 position: absolute; 51 opacity: 0; 52 filter:alpha(opacity=0); 53} 54 55.ui-front { 56 z-index: 100; 57} 58 59.ui-widget .ui-widget, 60.ui-widget input, 61.ui-widget select, 62.ui-widget textarea, 63.ui-widget button { 64 font-size: 1em; 65} 66.ui-widget-content { 67 border: 1px solid #888; 68 background: #000; 69 color: #aaa; 70} 71.ui-widget-content a { 72 color: #aaa; 73} 74.ui-widget-header { 75 border: 1px solid #4685b3; 76 color: #fff; 77 font-weight: bold; 78 background: #184977; 79 background: -webkit-linear-gradient(top, #184977, #4685b3); 80 background: -moz-linear-gradient(top, #184977, #4685b3); 81 background: -ms-linear-gradient(top, #184977, #4685b3); 82 background: -o-linear-gradient(top, #184977, #4685b3); 83 background: linear-gradient(to bottom, #184977, #4685b3); 84} 85.ui-widget-header a { 86 color: #fff; 87} 88 89/* Interaction states 90----------------------------------*/ 91 92.ui-state-default, 93.ui-widget-content .ui-state-default, 94.ui-widget-header .ui-state-default, 95.ui-widget.ui-state-disabled { 96 transition: .2s; 97 border: 1px solid #555; 98 background: #333; 99 background: -webkit-linear-gradient(top, #555, #111); 100 background: -moz-linear-gradient(top, #555, #111); 101 background: -ms-linear-gradient(top, #555, #111); 102 background: -o-linear-gradient(top, #555, #111); 103 background: linear-gradient(to bottom, #555, #111); 104 font-weight: bold; 105 color: #aaa; 106} 107 108.ui-state-hover, 109.ui-widget-content .ui-state-hover, 110.ui-widget-header .ui-state-hover, 111.ui-state-focus, 112.ui-widget-content .ui-state-focus, 113.ui-widget-header .ui-state-focus { 114 transition: .2s; 115 background: -webkit-linear-gradient(top, #111, #555); 116 background: -moz-linear-gradient(top, #111, #555); 117 background: -ms-linear-gradient(top, #111, #555); 118 background: -o-linear-gradient(top, #111, #555); 119 background: linear-gradient(to bottom, #111, #555); 120} 121 122.ui-state-active, 123.ui-widget-content .ui-state-active, 124.ui-widget-header .ui-state-active, 125.ui-menu .ui-state-focus { 126 transition: .2s; 127 border: 1px solid #184977; 128 background: #4685b3; 129 background: -webkit-linear-gradient(top, #184977, #4685b3); 130 background: -moz-linear-gradient(top, #184977, #4685b3); 131 background: -ms-linear-gradient(top, #184977, #4685b3); 132 background: -o-linear-gradient(top, #184977, #4685b3); 133 background: linear-gradient(to bottom, #184977, #4685b3); 134 font-weight: bold; 135 color: #fff; 136} 137 138.ui-state-default a, 139.ui-state-default a:link, 140.ui-state-default a:visited, 141.ui-state-hover a, 142.ui-state-hover a:hover, 143.ui-state-hover a:link, 144.ui-state-hover a:visited, 145.ui-state-active a, 146.ui-state-active a:link, 147.ui-state-active a:visited { 148 transition: .2s; 149 color: #fff; 150 text-decoration: none; 151} 152 153.ui-menu .ui-state-active { 154 transition: .2s; 155 border-color: #6b6b6b; 156 background: #6b6b6b; 157 background: -webkit-linear-gradient(top, #6b6b6b, #ababab); 158 background: -moz-linear-gradient(top, #6b6b6b, #ababab); 159 background: -ms-linear-gradient(top, #6b6b6b, #ababab); 160 background: -o-linear-gradient(top, #6b6b6b, #ababab); 161 background: linear-gradient(to bottom, #6b6b6b, #ababab); 162} 163 164/* Interaction Cues 165----------------------------------*/ 166 167.ui-state-highlight, 168.ui-widget-content .ui-state-highlight, 169.ui-widget-header .ui-state-highlight { 170 border: 1px solid #d5bc2c; 171 box-shadow: inset 0 0 5px #d5bc2c; 172 background: #fff6bf; 173 color: #aaa; 174} 175.ui-state-error, 176.ui-widget-content .ui-state-error, 177.ui-widget-header .ui-state-error { 178 border: 1px solid #cf7f7f; 179 box-shadow: inset 0 0 5px #cf7f7f; 180 background: #fac4c4; 181 color: #aaa; 182} 183.ui-state-error a, 184.ui-widget-content .ui-state-error a, 185.ui-widget-header .ui-state-error a, 186.ui-state-highlight a, 187.ui-widget-content .ui-state-highlight a, 188.ui-widget-header .ui-state-highlight a, 189.ui-state-error-text, 190.ui-widget-content .ui-state-error-text, 191.ui-widget-header .ui-state-error-text { 192 color: #aaa; 193} 194.ui-priority-primary, 195.ui-widget-content .ui-priority-primary, 196.ui-widget-header .ui-priority-primary { 197 font-weight: bold; 198} 199.ui-priority-secondary, 200.ui-widget-content .ui-priority-secondary, 201.ui-widget-header .ui-priority-secondary { 202 opacity: .5; 203 filter:alpha(opacity=50); 204 font-weight: normal; 205} 206.ui-state-disabled, 207.ui-widget-content .ui-state-disabled, 208.ui-widget-header .ui-state-disabled { 209 opacity: .50; 210 filter:alpha(opacity=50); 211 background-image: none; 212} 213.ui-state-disabled .ui-icon { 214 filter:alpha(opacity=50); /* For IE8 - See #6059 */ 215} 216 217/* Interaction Cues 218----------------------------------*/ 219.ui-state-disabled { 220 cursor: default !important; 221} 222 223/* Misc visuals 224----------------------------------*/ 225 226/* Overlays */ 227.ui-widget-overlay { 228 position: fixed; 229 top: 0; 230 left: 0; 231 width: 100%; 232 height: 100%; 233} 234.ui-resizable { 235 position: relative; 236} 237.ui-resizable-handle { 238 position: absolute; 239 font-size: 0.1px; 240 display: block; 241} 242.ui-resizable-disabled .ui-resizable-handle, 243.ui-resizable-autohide .ui-resizable-handle { 244 display: none; 245} 246.ui-resizable-n { 247 cursor: n-resize; 248 height: 7px; 249 width: 100%; 250 top: -5px; 251 left: 0; 252} 253.ui-resizable-s { 254 cursor: s-resize; 255 height: 7px; 256 width: 100%; 257 bottom: -5px; 258 left: 0; 259} 260.ui-resizable-e { 261 cursor: e-resize; 262 width: 7px; 263 right: -5px; 264 top: 0; 265 height: 100%; 266} 267.ui-resizable-w { 268 cursor: w-resize; 269 width: 7px; 270 left: -5px; 271 top: 0; 272 height: 100%; 273} 274.ui-resizable-se { 275 cursor: se-resize; 276 width: 12px; 277 height: 12px; 278 right: 1px; 279 bottom: 1px; 280} 281.ui-resizable-sw { 282 cursor: sw-resize; 283 width: 9px; 284 height: 9px; 285 left: -5px; 286 bottom: -5px; 287} 288.ui-resizable-nw { 289 cursor: nw-resize; 290 width: 9px; 291 height: 9px; 292 left: -5px; 293 top: -5px; 294} 295.ui-resizable-ne { 296 cursor: ne-resize; 297 width: 9px; 298 height: 9px; 299 right: -5px; 300 top: -5px; 301} 302.ui-selectable-helper { 303 position: absolute; 304 z-index: 100; 305 border: 1px dotted black; 306} 307 308 309/** Accordion */ 310 311.ui-accordion .ui-accordion-header { 312 display: block; 313 cursor: pointer; 314 position: relative; 315 margin-top: 2px; 316 padding: 6px; 317 min-height: 0; /* support: IE7 */ 318} 319.ui-accordion .ui-accordion-icons, 320.ui-accordion .ui-accordion-icons .ui-accordion-icons { 321 padding-left: 24px; 322} 323.ui-accordion .ui-accordion-noicons { 324 padding-left: 5px; 325} 326 327.ui-accordion .ui-accordion-header .ui-accordion-header-icon { 328 position: absolute; 329 left: 5px; 330 top: 50%; 331 margin-top: -8px; 332} 333.ui-accordion .ui-accordion-content { 334 padding: 1em; 335 border-top: 0; 336 overflow: auto; 337} 338 339 340/** Autocomplete */ 341 342.ui-autocomplete { 343 position: absolute; 344 top: 0; 345 left: 0; 346 cursor: pointer; 347} 348 349 350/** Button */ 351 352.ui-button { 353 display: inline-block; 354 position: relative; 355 padding: 0; 356 line-height: normal; 357 cursor: pointer; 358 vertical-align: middle; 359 text-align: center; 360 overflow: visible; /* removes extra width in IE */ 361} 362.ui-button, 363.ui-button:link, 364.ui-button:visited, 365.ui-button:hover, 366.ui-button:active { 367 text-decoration: none; 368} 369/* to make room for the icon, a width needs to be set here */ 370.ui-button-icon-only { 371 width: 36px; 372} 373.ui-button-icons-only { 374 width: 50px; 375} 376/* button text element */ 377.ui-button .ui-button-text { 378 display: block; 379 line-height: normal; 380} 381.ui-button-text-only .ui-button-text { 382 padding: 6px 10px; 383} 384.ui-button-icon-only .ui-button-text, 385.ui-button-icons-only .ui-button-text { 386 padding: 6px; 387 text-indent: -9999999px; 388} 389.ui-button-text-icon-primary .ui-button-text, 390.ui-button-text-icons .ui-button-text { 391 padding: 6px 10px 6px 28px; 392} 393.ui-button-text-icon-secondary .ui-button-text, 394.ui-button-text-icons .ui-button-text { 395 padding: 6px 28px 6px 10px; 396} 397.ui-button-text-icons .ui-button-text { 398 padding-left: 28px; 399 padding-right: 28px; 400} 401/* no icon support for input elements, provide padding by default */ 402input.ui-button { 403 padding: 6px 10px; 404} 405 406/* button icon element(s) */ 407.ui-button-icon-only .ui-icon, 408.ui-button-text-icon-primary .ui-icon, 409.ui-button-text-icon-secondary .ui-icon, 410.ui-button-text-icons .ui-icon, 411.ui-button-icons-only .ui-icon { 412 position: absolute; 413 top: 50%; 414 margin-top: -8px; 415} 416.ui-button-icon-only .ui-icon { 417 left: 50%; 418 margin-left: -8px; 419} 420.ui-button-text-icon-primary .ui-button-icon-primary, 421.ui-button-text-icons .ui-button-icon-primary, 422.ui-button-icons-only .ui-button-icon-primary { 423 left: 7px; 424} 425.ui-button-text-icon-secondary .ui-button-icon-secondary, 426.ui-button-text-icons .ui-button-icon-secondary, 427.ui-button-icons-only .ui-button-icon-secondary { 428 right: 7px; 429} 430/* workarounds */ 431/* reset extra padding in Firefox, see h5bp.com/l */ 432input.ui-button::-moz-focus-inner, 433button.ui-button::-moz-focus-inner { 434 border: 0; 435 padding: 0; 436} 437 438 439/** Button set */ 440 441.ui-buttonset { 442 margin:0; 443 overflow:auto; 444} 445.ui-buttonset .ui-button { 446 margin: 0; 447 float:left; 448} 449 450 451/** Date picker */ 452 453.ui-datepicker { 454 width: 19em; 455 display: none; 456 padding: 10px; 457} 458.ui-datepicker .ui-datepicker-header { 459 position: relative; 460 padding: 2px 0; 461} 462.ui-datepicker .ui-datepicker-prev, 463.ui-datepicker .ui-datepicker-next { 464 position: absolute; 465 top: 4px; 466 width: 20px; 467 height: 20px; 468} 469.ui-datepicker .ui-datepicker-prev-hover, 470.ui-datepicker .ui-datepicker-next-hover { 471 top: 3px; 472} 473.ui-datepicker .ui-datepicker-prev { 474 left: 4px; 475} 476.ui-datepicker .ui-datepicker-next { 477 right: 4px; 478} 479.ui-datepicker .ui-datepicker-prev-hover { 480 left: 3px; 481} 482.ui-datepicker .ui-datepicker-next-hover { 483 right: 3px; 484} 485.ui-datepicker .ui-datepicker-prev span, 486.ui-datepicker .ui-datepicker-next span { 487 display: block; 488 position: absolute; 489 left: 50%; 490 margin-left: -8px; 491 top: 50%; 492 margin-top: -8px; 493} 494.ui-datepicker .ui-datepicker-title { 495 margin: 0 10px; 496 padding: 4px 0; 497 text-align: center; 498} 499.ui-datepicker .ui-datepicker-title select { 500 font-size: 1em; 501 margin:-2px 2px; 502 padding:0; 503 outline:0; 504} 505.ui-datepicker table { 506 width: 100%; 507 border-collapse: collapse; 508 margin: 0; 509 font-size: 1em; 510} 511.ui-datepicker th { 512 padding: 3px; 513 text-align: center; 514 font-weight: bold; 515 border: 0; 516} 517.ui-datepicker td { 518 border: 0; 519 padding: 1px; 520} 521.ui-datepicker td span, 522.ui-datepicker td a { 523 display: block; 524 padding: 2px 3px; 525 text-align: right; 526 text-decoration: none; 527} 528.ui-datepicker .ui-datepicker-buttonpane { 529 background-image: none; 530 margin: 10px -11px -11px -11px; 531 padding: 10px; 532 border: 1px solid #184977; 533 background: #e4f5ff; 534 overflow: auto; 535} 536.ui-datepicker .ui-datepicker-buttonpane button { 537 float: right; 538 cursor: pointer; 539 width: auto; 540 overflow: visible; 541 margin: 0; 542 padding: 6px 10px; 543 font-weight: bold; 544 opacity: 1; 545 filter: alpha(opacity=100); 546} 547.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 548 float: left; 549} 550 551/* with multiple calendars */ 552.ui-datepicker.ui-datepicker-multi { 553 width: auto; 554 padding:10px; 555} 556.ui-datepicker-multi .ui-datepicker-group { 557 float: left; 558} 559.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header { 560 margin:0; 561} 562.ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last { 563 margin-right:0; 564} 565 566.ui-datepicker-multi .ui-datepicker-group table { 567 width: 95%; 568 margin: 0 auto .4em; 569} 570.ui-datepicker-multi-2 .ui-datepicker-group { 571 width: 50%; 572} 573.ui-datepicker-multi-3 .ui-datepicker-group { 574 width: 33.3%; 575} 576.ui-datepicker-multi-4 .ui-datepicker-group { 577 width: 25%; 578} 579 580.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 581.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 582 border-left-width: 0; 583} 584.ui-datepicker-multi .ui-datepicker-buttonpane { 585 clear: left; 586} 587.ui-datepicker-row-break { 588 clear: both; 589 font-size: 0; 590 width: 100px; 591} 592th.ui-datepicker-week-col { 593 color: #215b82; 594} 595td.ui-datepicker-week-col { 596 text-align:right; 597 padding-right:7px; 598 color: #215b82; 599} 600td.ui-datepicker-other-month a.ui-state-default { 601 font-weight: bold; 602} 603th.ui-datepicker-week-end { 604 color: #f44; 605} 606 607/* RTL support */ 608.ui-datepicker-rtl { 609 direction: rtl; 610} 611.ui-datepicker-rtl .ui-datepicker-prev { 612 right: 2px; 613 left: auto; 614} 615.ui-datepicker-rtl .ui-datepicker-next { 616 left: 2px; 617 right: auto; 618} 619.ui-datepicker-rtl .ui-datepicker-prev:hover { 620 right: 1px; 621 left: auto; 622} 623.ui-datepicker-rtl .ui-datepicker-next:hover { 624 left: 1px; 625 right: auto; 626} 627.ui-datepicker-rtl .ui-datepicker-buttonpane { 628 clear: right; 629} 630.ui-datepicker-rtl .ui-datepicker-buttonpane button { 631 float: left; 632} 633.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 634.ui-datepicker-rtl .ui-datepicker-group { 635 float: right; 636} 637.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 638.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 639 border-right-width: 0; 640 border-left-width: 1px; 641} 642 643 644/** Dialog */ 645 646.ui-dialog { 647 position: absolute; 648 top: 0; 649 left: 0; 650 padding: 4px; 651 outline: 0; 652 box-shadow: 0 0 10px #000; 653} 654.ui-dialog .ui-dialog-titlebar { 655 padding: 5px 10px; 656 position: relative; 657} 658.ui-dialog .ui-dialog-title { 659 float: left; 660 margin: 0; 661 padding: 1px 0; 662 white-space: nowrap; 663 width: 90%; 664 overflow: hidden; 665 text-overflow: ellipsis; 666} 667.ui-dialog .ui-dialog-titlebar-close { 668 position: absolute; 669 right: .3em; 670 top: 50%; 671 width: 21px; 672 margin: -10px 0 0 0; 673 padding: 1px; 674 height: 20px; 675} 676.ui-dialog .ui-dialog-content { 677 position: relative; 678 border: 0; 679 padding: 1em; 680 margin: 0 -4px; 681 background: none; 682 overflow: auto; 683} 684.ui-dialog .ui-dialog-buttonpane { 685 text-align: left; 686 border-width: 1px 0 0 0; 687 background-image: none; 688 padding: 10px; 689} 690.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 691 float: right; 692} 693.ui-dialog .ui-dialog-buttonpane button { 694 margin: 0 0 0 5px; 695 cursor: pointer; 696} 697.ui-dialog .ui-resizable-se { 698 width: 12px; 699 height: 12px; 700 right: -5px; 701 bottom: -5px; 702 background-position: 16px 16px; 703} 704.ui-draggable .ui-dialog-titlebar { 705 cursor: move; 706} 707 708 709/** Menu */ 710 711.ui-menu { 712 list-style: none; 713 padding: 0; 714 margin: 0; 715 display: block; 716 outline: 0; 717} 718.ui-menu .ui-menu { 719 margin-top: -3px; 720 position: absolute; 721} 722.ui-menu .ui-menu-item { 723 margin: 0; 724 padding: 0; 725 width: 100%; 726 /* support: IE10, see #8844 */ 727 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); 728} 729.ui-menu .ui-menu-divider { 730 margin: 1px 10px 1px 10px; 731 height: 0; 732 font-size: 0; 733 line-height: 0; 734 border-width: 1px 0 0 0; 735 border-color: #777; 736} 737.ui-menu .ui-menu-item a { 738 text-decoration: none; 739 display: block; 740 padding: 5px 10px; 741 line-height: 1.5; 742 min-height: 0; /* support: IE7 */ 743 font-weight: normal; 744 border-radius:0; 745} 746.ui-menu .ui-menu-item a.ui-state-focus, 747.ui-menu .ui-menu-item a.ui-state-active { 748 font-weight: normal; 749 margin: -1px; 750 transition: none; 751} 752.ui-menu .ui-state-disabled { 753 font-weight: normal; 754 line-height: 1.5; 755} 756.ui-menu .ui-state-disabled a { 757 cursor: default; 758} 759.ui-menu.ui-corner-all.sh-menu { 760 border-radius: 4px; 761} 762.ui-menu.ui-corner-all, .ui-menu.sh-menu.ui-autocomplete.ui-corner-all { 763 border-radius: 0; 764} 765 766/* icon support */ 767.ui-menu-icons { 768 position: relative; 769} 770.ui-menu-icons .ui-menu-item a { 771 position: relative; 772 padding-left: 2em; 773} 774 775/* left-aligned */ 776.ui-menu .ui-icon { 777 position: absolute; 778 top: .2em; 779 left: .2em; 780} 781 782/* right-aligned */ 783.ui-menu .ui-menu-icon { 784 position: static; 785 float: right; 786} 787 788 789/** Progress bar */ 790 791.ui-progressbar { 792 height: 2.1em; 793 text-align: left; 794 overflow: hidden; 795} 796.ui-progressbar .ui-progressbar-value { 797 margin: -1px; 798 height: 100%; 799} 800.ui-progressbar .ui-progressbar-overlay { 801 height: 100%; 802 filter: alpha(opacity=25); 803 opacity: 0.25; 804} 805.ui-progressbar-indeterminate .ui-progressbar-value { 806 background-image: none; 807} 808 809 810/** Slider */ 811 812.ui-slider { 813 position: relative; 814 text-align: left; 815 margin: 0 13px; 816 border-radius:15px; 817} 818.ui-slider .ui-slider-handle { 819 position: absolute; 820 z-index: 2; 821 width: 18px; 822 height: 18px; 823 border-radius: 9px; 824 cursor: default; 825 box-shadow: 0 0 3px #aaa, inset 0 0 7px #fff, inset 0 0 3px #fff; 826} 827.ui-slider .ui-slider-handle.ui-state-active { 828 box-shadow: 0 0 3px #4685b3, inset 0 0 7px #fff, inset 0 0 3px #fff; 829} 830.ui-slider .ui-slider-range { 831 position: absolute; 832 z-index: 1; 833 display: block; 834 border: 0; 835 background-position: 0 0; 836} 837 838/* For IE8 - See #6727 */ 839.ui-slider.ui-state-disabled .ui-slider-handle, 840.ui-slider.ui-state-disabled .ui-slider-range { 841 filter: inherit; 842} 843 844.ui-slider-horizontal { 845 height: 10px; 846} 847.ui-slider-horizontal .ui-slider-handle { 848 top: -5px; 849 margin-left: -9px; 850} 851.ui-slider-horizontal .ui-slider-range { 852 top: 0; 853 height: 100%; 854} 855.ui-slider-horizontal .ui-slider-range-min { 856 left: 0; 857} 858.ui-slider-horizontal .ui-slider-range-max { 859 right: 0; 860} 861 862.ui-slider-vertical { 863 width: 10px; 864 height: 150px; 865} 866.ui-slider-vertical .ui-slider-handle { 867 left: -5px; 868 margin-left: 0; 869 margin-bottom: -9px; 870} 871.ui-slider-vertical .ui-slider-range { 872 left: -1px; 873 width: 100%; 874} 875.ui-slider-vertical .ui-slider-range-min { 876 bottom: 0; 877} 878.ui-slider-vertical .ui-slider-range-max { 879 top: 0; 880} 881 882 883/** Spinner */ 884 885.ui-spinner.ui-widget { 886 position: relative; 887 display: inline-block; 888 overflow: hidden; 889 padding: 0; 890 vertical-align: middle; 891 background: #fff; 892 background: -webkit-linear-gradient(top, #f0f0f0, #fff); 893 background: -moz-linear-gradient(top, #f0f0f0, #fff); 894 background: -ms-linear-gradient(top, #f0f0f0, #fff); 895 background: -o-linear-gradient(top, #f0f0f0, #fff); 896 background: linear-gradient(to bottom, #f0f0f0, #fff); 897} 898.ui-spinner-input { 899 border: none; 900 color: inherit; 901 padding: 0; 902 margin: 6px 24px 6px 10px; 903 vertical-align: middle; 904 outline: 0; 905 background: transparent; 906} 907.ui-spinner-input { 908 color: #aaa} 909.ui-spinner-input:focus { 910 color: #000; 911} 912.ui-spinner-button { 913 width: 16px; 914 height: 50%; 915 font-size: .5em; 916 padding: 0; 917 margin: 0; 918 text-align: center; 919 position: absolute; 920 cursor: default; 921 display: block; 922 overflow: hidden; 923 right: 0; 924} 925/* more specificity required here to overide default borders */ 926.ui-spinner a.ui-spinner-button { 927 border-top: none; 928 border-bottom: none; 929 border-right: none; 930} 931/* vertical centre icon */ 932.ui-spinner .ui-icon { 933 position: absolute; 934 margin-top: -8px; 935 top: 50%; 936 left: 0; 937} 938.ui-spinner-up { 939 top: 0; 940} 941.ui-spinner-down { 942 bottom: 0; 943} 944 945/* TR overrides */ 946.ui-spinner .ui-icon-triangle-1-s { 947 /* need to fix icons sprite */ 948 background-position: -65px -16px; 949} 950 951 952/** Tabs */ 953 954.ui-tabs { 955 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 956} 957.ui-tabs .ui-tabs-nav { 958 margin: 0; 959 padding: 3px 3px 0 3px; 960} 961.ui-tabs .ui-tabs-nav li { 962 list-style: none; 963 float: left; 964 position: relative; 965 top: 0; 966 margin: 1px 3px 0 0; 967 border-bottom-width: 0; 968 padding: 0; 969 white-space: nowrap; 970} 971.ui-tabs .ui-tabs-nav li a { 972 float: left; 973 padding: 6px 10px; 974 text-decoration: none; 975} 976.ui-tabs .ui-tabs-nav li.ui-tabs-active { 977 margin-bottom: -1px; 978 padding-bottom: 1px; 979} 980.ui-tabs .ui-tabs-nav li.ui-tabs-active a, 981.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 982.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { 983 cursor: text; 984} 985.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 986.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { 987 cursor: pointer; 988} 989.ui-tabs .ui-tabs-panel { 990 display: block; 991 border-width: 0; 992 padding: 1em; 993 background: none; 994} 995 996/** Tooltip */ 997 998body .ui-tooltip { 999 padding: 6px 10px; 1000 position: absolute; 1001 z-index: 9999; 1002 max-width: 300px; 1003 color: #808080; 1004 border-color: #a5a5a5; 1005 box-shadow: inset 0 0 4px #a5a5a5, 0 0 4px #a5a5a5; 1006 background: -webkit-linear-gradient(top, #ddd, #fff); 1007 background: -moz-linear-gradient(top, #ddd, #fff); 1008 background: -ms-linear-gradient(top, #ddd, #fff); 1009 background: -o-linear-gradient(top, #ddd, #fff); 1010 background: linear-gradient(to bottom, #ddd, #fff); 1011} 1012 1013/** Icons */ 1014 1015/* states and images */ 1016.ui-icon { 1017 display: block; 1018 text-indent: -99999px; 1019 overflow: hidden; 1020 background-repeat: no-repeat; 1021 width: 16px; 1022 height: 16px; 1023} 1024 1025.ui-icon, 1026.ui-button.ui-state-active .ui-icon, 1027.ui-dialog .ui-dialog-titlebar-close .ui-icon { 1028 background-image: url(img/ui-icons_white.png); 1029} 1030 1031.ui-button .ui-icon { 1032 background-image: url(img/ui-icons_grey.png); 1033} 1034 1035/* positioning */ 1036.ui-icon-blank { background-position: 16px 16px; } 1037.ui-icon-carat-1-n { background-position: 0 0; } 1038.ui-icon-carat-1-ne { background-position: -16px 0; } 1039.ui-icon-carat-1-e { background-position: -32px 0; } 1040.ui-icon-carat-1-se { background-position: -48px 0; } 1041.ui-icon-carat-1-s { background-position: -64px 0; } 1042.ui-icon-carat-1-sw { background-position: -80px 0; } 1043.ui-icon-carat-1-w { background-position: -96px 0; } 1044.ui-icon-carat-1-nw { background-position: -112px 0; } 1045.ui-icon-carat-2-n-s { background-position: -128px 0; } 1046.ui-icon-carat-2-e-w { background-position: -144px 0; } 1047.ui-icon-triangle-1-n { background-position: 0 -16px; } 1048.ui-icon-triangle-1-ne { background-position: -16px -16px; } 1049.ui-icon-triangle-1-e { background-position: -32px -16px; } 1050.ui-icon-triangle-1-se { background-position: -48px -16px; } 1051.ui-icon-triangle-1-s { background-position: -64px -16px; } 1052.ui-icon-triangle-1-sw { background-position: -80px -16px; } 1053.ui-icon-triangle-1-w { background-position: -96px -16px; } 1054.ui-icon-triangle-1-nw { background-position: -112px -16px; } 1055.ui-icon-triangle-2-n-s { background-position: -128px -16px; } 1056.ui-icon-triangle-2-e-w { background-position: -144px -16px; } 1057.ui-icon-arrow-1-n { background-position: 0 -32px; } 1058.ui-icon-arrow-1-ne { background-position: -16px -32px; } 1059.ui-icon-arrow-1-e { background-position: -32px -32px; } 1060.ui-icon-arrow-1-se { background-position: -48px -32px; } 1061.ui-icon-arrow-1-s { background-position: -64px -32px; } 1062.ui-icon-arrow-1-sw { background-position: -80px -32px; } 1063.ui-icon-arrow-1-w { background-position: -96px -32px; } 1064.ui-icon-arrow-1-nw { background-position: -112px -32px; } 1065.ui-icon-arrow-2-n-s { background-position: -128px -32px; } 1066.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 1067.ui-icon-arrow-2-e-w { background-position: -160px -32px; } 1068.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 1069.ui-icon-arrowstop-1-n { background-position: -192px -32px; } 1070.ui-icon-arrowstop-1-e { background-position: -208px -32px; } 1071.ui-icon-arrowstop-1-s { background-position: -224px -32px; } 1072.ui-icon-arrowstop-1-w { background-position: -240px -32px; } 1073.ui-icon-arrowthick-1-n { background-position: 0 -48px; } 1074.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 1075.ui-icon-arrowthick-1-e { background-position: -32px -48px; } 1076.ui-icon-arrowthick-1-se { background-position: -48px -48px; } 1077.ui-icon-arrowthick-1-s { background-position: -64px -48px; } 1078.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 1079.ui-icon-arrowthick-1-w { background-position: -96px -48px; } 1080.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 1081.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 1082.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 1083.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 1084.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 1085.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 1086.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 1087.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 1088.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 1089.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 1090.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 1091.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 1092.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 1093.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 1094.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 1095.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 1096.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 1097.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 1098.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 1099.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 1100.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 1101.ui-icon-arrow-4 { background-position: 0 -80px; } 1102.ui-icon-arrow-4-diag { background-position: -16px -80px; } 1103.ui-icon-extlink { background-position: -32px -80px; } 1104.ui-icon-newwin { background-position: -48px -80px; } 1105.ui-icon-refresh { background-position: -64px -80px; } 1106.ui-icon-shuffle { background-position: -80px -80px; } 1107.ui-icon-transfer-e-w { background-position: -96px -80px; } 1108.ui-icon-transferthick-e-w { background-position: -112px -80px; } 1109.ui-icon-folder-collapsed { background-position: 0 -96px; } 1110.ui-icon-folder-open { background-position: -16px -96px; } 1111.ui-icon-document { background-position: -32px -96px; } 1112.ui-icon-document-b { background-position: -48px -96px; } 1113.ui-icon-note { background-position: -64px -96px; } 1114.ui-icon-mail-closed { background-position: -80px -96px; } 1115.ui-icon-mail-open { background-position: -96px -96px; } 1116.ui-icon-suitcase { background-position: -112px -96px; } 1117.ui-icon-comment { background-position: -128px -96px; } 1118.ui-icon-person { background-position: -144px -96px; } 1119.ui-icon-print { background-position: -160px -96px; } 1120.ui-icon-trash { background-position: -176px -96px; } 1121.ui-icon-locked { background-position: -192px -96px; } 1122.ui-icon-unlocked { background-position: -208px -96px; } 1123.ui-icon-bookmark { background-position: -224px -96px; } 1124.ui-icon-tag { background-position: -240px -96px; } 1125.ui-icon-home { background-position: 0 -112px; } 1126.ui-icon-flag { background-position: -16px -112px; } 1127.ui-icon-calendar { background-position: -32px -112px; } 1128.ui-icon-cart { background-position: -48px -112px; } 1129.ui-icon-pencil { background-position: -64px -112px; } 1130.ui-icon-clock { background-position: -80px -112px; } 1131.ui-icon-disk { background-position: -96px -112px; } 1132.ui-icon-calculator { background-position: -112px -112px; } 1133.ui-icon-zoomin { background-position: -128px -112px; } 1134.ui-icon-zoomout { background-position: -144px -112px; } 1135.ui-icon-search { background-position: -160px -112px; } 1136.ui-icon-wrench { background-position: -176px -112px; } 1137.ui-icon-gear { background-position: -192px -112px; } 1138.ui-icon-heart { background-position: -208px -112px; } 1139.ui-icon-star { background-position: -224px -112px; } 1140.ui-icon-link { background-position: -240px -112px; } 1141.ui-icon-cancel { background-position: 0 -128px; } 1142.ui-icon-plus { background-position: -16px -128px; } 1143.ui-icon-plusthick { background-position: -32px -128px; } 1144.ui-icon-minus { background-position: -48px -128px; } 1145.ui-icon-minusthick { background-position: -64px -128px; } 1146.ui-icon-close { background-position: -80px -128px; } 1147.ui-icon-closethick { background-position: -96px -128px; } 1148.ui-icon-key { background-position: -112px -128px; } 1149.ui-icon-lightbulb { background-position: -128px -128px; } 1150.ui-icon-scissors { background-position: -144px -128px; } 1151.ui-icon-clipboard { background-position: -160px -128px; } 1152.ui-icon-copy { background-position: -176px -128px; } 1153.ui-icon-contact { background-position: -192px -128px; } 1154.ui-icon-image { background-position: -208px -128px; } 1155.ui-icon-video { background-position: -224px -128px; } 1156.ui-icon-script { background-position: -240px -128px; } 1157.ui-icon-alert { background-position: 0 -144px; } 1158.ui-icon-info { background-position: -16px -144px; } 1159.ui-icon-notice { background-position: -32px -144px; } 1160.ui-icon-help { background-position: -48px -144px; } 1161.ui-icon-check { background-position: -64px -144px; } 1162.ui-icon-bullet { background-position: -80px -144px; } 1163.ui-icon-radio-on { background-position: -96px -144px; } 1164.ui-icon-radio-off { background-position: -112px -144px; } 1165.ui-icon-pin-w { background-position: -128px -144px; } 1166.ui-icon-pin-s { background-position: -144px -144px; } 1167.ui-icon-play { background-position: 0 -160px; } 1168.ui-icon-pause { background-position: -16px -160px; } 1169.ui-icon-seek-next { background-position: -32px -160px; } 1170.ui-icon-seek-prev { background-position: -48px -160px; } 1171.ui-icon-seek-end { background-position: -64px -160px; } 1172.ui-icon-seek-start { background-position: -80px -160px; } 1173/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 1174.ui-icon-seek-first { background-position: -80px -160px; } 1175.ui-icon-stop { background-position: -96px -160px; } 1176.ui-icon-eject { background-position: -112px -160px; } 1177.ui-icon-volume-off { background-position: -128px -160px; } 1178.ui-icon-volume-on { background-position: -144px -160px; } 1179.ui-icon-power { background-position: 0 -176px; } 1180.ui-icon-signal-diag { background-position: -16px -176px; } 1181.ui-icon-signal { background-position: -32px -176px; } 1182.ui-icon-battery-0 { background-position: -48px -176px; } 1183.ui-icon-battery-1 { background-position: -64px -176px; } 1184.ui-icon-battery-2 { background-position: -80px -176px; } 1185.ui-icon-battery-3 { background-position: -96px -176px; } 1186.ui-icon-circle-plus { background-position: 0 -192px; } 1187.ui-icon-circle-minus { background-position: -16px -192px; } 1188.ui-icon-circle-close { background-position: -32px -192px; } 1189.ui-icon-circle-triangle-e { background-position: -48px -192px; } 1190.ui-icon-circle-triangle-s { background-position: -64px -192px; } 1191.ui-icon-circle-triangle-w { background-position: -80px -192px; } 1192.ui-icon-circle-triangle-n { background-position: -96px -192px; } 1193.ui-icon-circle-arrow-e { background-position: -112px -192px; } 1194.ui-icon-circle-arrow-s { background-position: -128px -192px; } 1195.ui-icon-circle-arrow-w { background-position: -144px -192px; } 1196.ui-icon-circle-arrow-n { background-position: -160px -192px; } 1197.ui-icon-circle-zoomin { background-position: -176px -192px; } 1198.ui-icon-circle-zoomout { background-position: -192px -192px; } 1199.ui-icon-circle-check { background-position: -208px -192px; } 1200.ui-icon-circlesmall-plus { background-position: 0 -208px; } 1201.ui-icon-circlesmall-minus { background-position: -16px -208px; } 1202.ui-icon-circlesmall-close { background-position: -32px -208px; } 1203.ui-icon-squaresmall-plus { background-position: -48px -208px; } 1204.ui-icon-squaresmall-minus { background-position: -64px -208px; } 1205.ui-icon-squaresmall-close { background-position: -80px -208px; } 1206.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 1207.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 1208.ui-icon-grip-solid-vertical { background-position: -32px -224px; } 1209.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 1210.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 1211.ui-icon-grip-diagonal-se { background-position: -80px -224px; } 1212 1213 1214/** Misc */ 1215 1216/* Corner radius */ 1217.ui-corner-all, 1218.ui-corner-top, 1219.ui-corner-left, 1220.ui-corner-tl, 1221.ui-menu .ui-menu-item.ui-menu-item-first a { 1222 border-top-left-radius: 4px; 1223} 1224.ui-corner-all, 1225.ui-corner-top, 1226.ui-corner-right, 1227.ui-corner-tr, 1228.ui-menu .ui-menu-item.ui-menu-item-first a { 1229 border-top-right-radius:4px; 1230} 1231.ui-corner-all, 1232.ui-corner-bottom, 1233.ui-corner-left, 1234.ui-corner-bl, 1235.ui-menu .ui-menu-item.ui-menu-item-last a, 1236.ui-dialog-buttonpane, 1237.ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-header, 1238.ui-datepicker .ui-datepicker-buttonpane { 1239 border-bottom-left-radius: 4px; 1240} 1241.ui-corner-all, 1242.ui-corner-bottom, 1243.ui-corner-right, 1244.ui-corner-br, 1245.ui-menu .ui-menu-item.ui-menu-item-last a, 1246.ui-dialog-buttonpane, 1247.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 1248.ui-datepicker .ui-datepicker-buttonpane { 1249 border-bottom-right-radius: 4px; 1250} 1251 1252/* Overlays */ 1253.ui-widget-overlay { 1254 background: rgba(255,255,255,.5); 1255} 1256.ui-widget-shadow { 1257 margin: -7px 0 0 -7px; 1258 padding: 7px; 1259 background: rgba(0,0,0,.3); 1260 border-radius: 8px; 1261} 1262 1263/* SunHater Fixes */ 1264 1265.ui-accordion-content-active, .ui-tabs, .ui-slider-range, .ui-datepicker, .ui-dialog { 1266 border-color: #4d637c; 1267} 1268 1269.ui-slider .ui-slider-range { 1270 border: 1px solid #4685b3; 1271 top: -1px 1272} 1273 1274.ui-progressbar { 1275 overflow:visible; 1276} 1277.ui-progressbar-value { 1278 border: 1px solid #4685b3; 1279 margin-top: -1px 1280} 1281 1282.ui-button { 1283 box-shadow: inset 0 0 3px #555, inset 0 0 6px #555, 0 0 3px #000, 0 0 2px #000; 1284} 1285.ui-button.ui-state-active { 1286 box-shadow: inset 0 0 3px #88b9da, 0 0 3px #000, 0 0 2px #000; 1287} 1288.ui-widget-header, 1289.ui-menu-item .ui-state-focus { 1290 box-shadow: inset 0 0 3px #88b9da; 1291} 1292 1293.ui-state-default, 1294.ui-state-focus, 1295.ui-state-active, 1296.ui-widget-header, 1297fieldset.sh-uniform label, 1298fieldset.sh-uniform legend { 1299 text-shadow: 1300 1px 0 rgba(0,0,0,.2), 1301 -1px 0 rgba(0,0,0,.2), 1302 0 -1px rgba(0,0,0,.2), 1303 0 1px rgba(0,0,0,.2), 1304 1px 1px rgba(0,0,0,.2), 1305 -1px -1px rgba(0,0,0,.2), 1306 1px -1px rgba(0,0,0,.2), 1307 -1px 1px rgba(0,0,0,.2); 1308} 1309 1310.ui-tabs .ui-state-active, 1311.ui-datepicker .ui-state-highlight { 1312 text-shadow: none; 1313} 1314.ui-datepicker .ui-state-highlight { 1315 color: #215b82; 1316 border-color: #4685b3; 1317 box-shadow: inset 0 0 4px #4685b3; 1318 background: #fff; 1319 background: -webkit-linear-gradient(top, #dfeef8, #fff); 1320 background: -moz-linear-gradient(top, #dfeef8, #fff); 1321 background: -ms-linear-gradient(top, #dfeef8, #fff); 1322 background: -o-linear-gradient(top, #dfeef8, #fff); 1323 background: linear-gradient(to bottom, #dfeef8, #fff); 1324} 1325 1326.ui-progressbar, .ui-slider, .ui-menu { 1327 box-shadow: inset 0 0 4px #666, 0 0 3px #000, 0 0 6px #000; 1328 background: #000; 1329 background: -webkit-linear-gradient(top, #111, #444); 1330 background: -moz-linear-gradient(top, #111, #444); 1331 background: -ms-linear-gradient(top, #111, #444); 1332 background: -o-linear-gradient(top, #111, #444); 1333 background: linear-gradient(to bottom, #111, #444); 1334} 1335 1336.ui-slider, .ui-spinner, .ui-progressbar, .ui-menu { 1337 border-color: #555; 1338} 1339 1340.ui-datepicker-calendar .ui-state-default { 1341 border-radius: 3px; 1342} 1343 1344.ui-tabs .ui-tabs-nav { 1345 margin: -1px; 1346 border-bottom-right-radius: 0; 1347 border-bottom-left-radius: 0; 1348 padding-left:3px; 1349} 1350 1351.ui-tabs-active.ui-state-active { 1352 background: #fff; 1353 background: -webkit-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff); 1354 background: -moz-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff); 1355 background: -ms-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff); 1356 background: -o-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff); 1357 background: linear-gradient(to bottom, #ccc, #ddd, #eee, #fff, #fff, #fff); 1358 box-shadow: inset 0 0 5px #fff, inset 0 0 5px #fff, inset 0 0 5px #fff; 1359} 1360.ui-tabs-active.ui-state-active a { 1361 color: #215b82; 1362} 1363.ui-state-default, .ui-state-default a { 1364 outline: 0; 1365} 1366.ui-datepicker-header, 1367.ui-dialog-titlebar { 1368 border-bottom-right-radius: 0; 1369 border-bottom-left-radius: 0; 1370 margin: -5px -5px 0 -5px; 1371} 1372.ui-datepicker-header { 1373 margin: -11px -11px 5px -11px; 1374} 1375 1376.ui-datepicker-header a:hover { 1377 cursor: pointer; 1378} 1379 1380.ui-dialog-titlebar-close.ui-state-default { 1381 border-color: transparent; 1382 background: none; 1383 box-shadow: none; 1384} 1385 1386.ui-dialog-titlebar-close.ui-state-default.ui-state-hover { 1387 transition: .2s; 1388 border: 1px solid #555; 1389 background: #333; 1390 background: -webkit-linear-gradient(top, #555, #111); 1391 background: -moz-linear-gradient(top, #555, #111); 1392 background: -ms-linear-gradient(top, #555, #111); 1393 background: -o-linear-gradient(top, #555, #111); 1394 background: linear-gradient(to bottom, #555, #111); 1395 box-shadow: inset 0 0 3px #555, inset 0 0 6px #555, 0 0 3px #000, 0 0 2px #000; 1396} 1397 1398.ui-dialog-buttonpane { 1399 background: #202D3E; 1400 box-shadow: inset 0 0 3px #000, inset 0 0 2px #000; 1401 border-top-color: #4d637c; 1402 margin: 0 -4px -4px -4px; 1403 padding: 0; 1404} 1405 1406/*** shCheckset */ 1407/* 1408.shcs { 1409 margin: 0; 1410} 1411.shcs > div { 1412 border: 1px solid; 1413 border-top: 0; 1414 padding: 5px; 1415 border-bottom-left-radius: 4px; 1416 border-bottom-right-radius: 4px; 1417} 1418.shcs > input, .shcs > input:focus, .shcs > input:hover { 1419 border-bottom-left-radius: 0; 1420 border-bottom-right-radius: 0; 1421 margin:0; 1422} 1423.shcs label { 1424 padding: 2px 5px 2px 2px; 1425 border: 1px solid transparent; 1426 border-radius: 4px; 1427 color: #aaa; 1428} 1429.shcs > div, .shcs label:hover { 1430 border-color: #aaa; 1431 box-shadow: inset 0 0 4px #aaa; 1432 background: #fff; 1433 background: -webkit-linear-gradient(top, #f0f0f0, #fff); 1434 background: -moz-linear-gradient(top, #f0f0f0, #fff); 1435 background: -ms-linear-gradient(top, #f0f0f0, #fff); 1436 background: -o-linear-gradient(top, #f0f0f0, #fff); 1437 background: linear-gradient(to bottom, #f0f0f0, #fff); 1438} 1439.shcs label:hover { 1440 color: #aaa; 1441 cursor: pointer; 1442} 1443.shcs > div.focus, .shcs label.checked { 1444 border-color: #184977; 1445 box-shadow: inset 0 0 4px #4685b3; 1446 color: #000; 1447 background: #fff; 1448 background: -webkit-linear-gradient(top, #dfeef8, #fff); 1449 background: -moz-linear-gradient(top, #dfeef8, #fff); 1450 background: -ms-linear-gradient(top, #dfeef8, #fff); 1451 background: -o-linear-gradient(top, #dfeef8, #fff); 1452 background: linear-gradient(to bottom, #dfeef8, #fff); 1453} 1454.shcs label.checked div.checker { 1455 border-color: #4685b3; 1456 background: #4685b3; 1457 background: -webkit-linear-gradient(top, #4685b3, #184977); 1458 background: -moz-linear-gradient(top, #4685b3, #184977); 1459 background: -ms-linear-gradient(top, #4685b3, #184977); 1460 background: -o-linear-gradient(top, #4685b3, #184977); 1461 background: linear-gradient(to bottom, #4685b3, #184977); 1462} 1463.shcs label.checked div.checker.hover { 1464 border-color: #4685b3; 1465 background: #184977; 1466 background: -webkit-linear-gradient(top, #184977, #4685b3); 1467 background: -moz-linear-gradient(top, #184977, #4685b3); 1468 background: -ms-linear-gradient(top, #184977, #4685b3); 1469 background: -o-linear-gradient(top, #184977, #4685b3); 1470 background: linear-gradient(to bottom, #184977, #4685b3); 1471} 1472 1473.shcs div.checker.focus { 1474 border-color: #aaa; 1475 background: #aaa; 1476 background: -webkit-linear-gradient(top, #ababab, #aaa); 1477 background: -moz-linear-gradient(top, #ababab, #aaa); 1478 background: -ms-linear-gradient(top, #ababab, #aaa); 1479 background: -o-linear-gradient(top, #ababab, #aaa); 1480 background: linear-gradient(to bottom, #ababab, #aaa); 1481 box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff; 1482} 1483 1484.shcs div.checker.focus.hover { 1485 border-color: #aaa; 1486 background: #aaa; 1487 background: -webkit-linear-gradient(top, #aaa, #ababab); 1488 background: -moz-linear-gradient(top, #aaa, #ababab); 1489 background: -ms-linear-gradient(top, #aaa, #ababab); 1490 background: -o-linear-gradient(top, #aaa, #ababab); 1491 background: linear-gradient(to bottom, #aaa, #ababab); 1492} 1493 1494.shcs label > span { 1495 position:relative; 1496 margin-left:5px; 1497 top:1px; 1498} 1499*/