WordPress.org

Make WordPress Core

Ticket #23497: 23497.slider.diff

File 23497.slider.diff, 21.4 KB (added by helen, 7 years ago)
  • wp-includes/css/jquery-ui-slider.css

     
    1 /*! jQuery UI - v1.10.1 - 2013-02-15
    2 * http://jqueryui.com
    3 * Includes: jquery.ui.core.css, jquery.ui.slider.css
    4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
    5 * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
    6 
    7 /* Layout helpers
    8 ----------------------------------*/
    9 .ui-helper-hidden {
    10         display: none;
    11 }
    12 .ui-helper-hidden-accessible {
    13         border: 0;
    14         clip: rect(0 0 0 0);
    15         height: 1px;
    16         margin: -1px;
    17         overflow: hidden;
    18         padding: 0;
    19         position: absolute;
    20         width: 1px;
    21 }
    22 .ui-helper-reset {
    23         margin: 0;
    24         padding: 0;
    25         border: 0;
    26         outline: 0;
    27         line-height: 1.3;
    28         text-decoration: none;
    29         font-size: 100%;
    30         list-style: none;
    31 }
    32 .ui-helper-clearfix:before,
    33 .ui-helper-clearfix:after {
    34         content: "";
    35         display: table;
    36         border-collapse: collapse;
    37 }
    38 .ui-helper-clearfix:after {
    39         clear: both;
    40 }
    41 .ui-helper-clearfix {
    42         min-height: 0; /* support: IE7 */
    43 }
    44 .ui-helper-zfix {
    45         width: 100%;
    46         height: 100%;
    47         top: 0;
    48         left: 0;
    49         position: absolute;
    50         opacity: 0;
    51         filter:Alpha(Opacity=0);
    52 }
    53 
    54 .ui-front {
    55         z-index: 100;
    56 }
    57 
    58 
    59 /* Interaction Cues
    60 ----------------------------------*/
    61 .ui-state-disabled {
    62         cursor: default !important;
    63 }
    64 
    65 
    66 /* Icons
    67 ----------------------------------*/
    68 
    69 /* states and images */
    70 .ui-icon {
    71         display: block;
    72         text-indent: -99999px;
    73         overflow: hidden;
    74         background-repeat: no-repeat;
    75 }
    76 
    77 
    78 /* Misc visuals
    79 ----------------------------------*/
    80 
    81 /* Overlays */
    82 .ui-widget-overlay {
    83         position: fixed;
    84         top: 0;
    85         left: 0;
    86         width: 100%;
    87         height: 100%;
    88 }
    891.ui-slider {
    902        position: relative;
     3        border: 1px solid #d7d7d7;
     4        background: #f7f7f7;
    915        text-align: left;
     6        cursor: pointer;
    927}
     8
    939.ui-slider .ui-slider-handle {
    9410        position: absolute;
    9511        z-index: 2;
    9612        width: 1.2em;
    9713        height: 1.2em;
    98         cursor: default;
     14        border-radius: 3px;
     15        border: 1px solid #d7d7d7;
     16
     17        background: #f1f1f1;
     18        background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
     19        background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
     20        background-image:    -moz-linear-gradient(bottom, #ececec, #f9f9f9);
     21        background-image:      -o-linear-gradient(bottom, #ececec, #f9f9f9);
     22        background-image: linear-gradient(to top, #ececec, #f9f9f9);
    9923}
    100 .ui-slider .ui-slider-range {
    101         position: absolute;
    102         z-index: 1;
    103         font-size: .7em;
    104         display: block;
    105         border: 0;
    106         background-position: 0 0;
     24
     25.ui-slider-handle.ui-state-hover,
     26.ui-slider-handle.ui-state-focus {
     27        border-color: #aaa;
    10728}
    10829
    109 /* For IE8 - See #6727 */
    110 .ui-slider.ui-state-disabled .ui-slider-handle,
    111 .ui-slider.ui-state-disabled .ui-slider-range {
    112         filter: inherit;
     30.ui-slider-handle.ui-state-active {
     31        border-color: #aaa;
     32        background: #eee;
     33        background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ececec));
     34        background-image: -webkit-linear-gradient(bottom, #f9f9f9, #ececec);
     35        background-image:    -moz-linear-gradient(bottom, #f9f9f9, #ececec);
     36        background-image:      -o-linear-gradient(bottom, #f9f9f9, #ececec);
     37        background-image: linear-gradient(to top, #f9f9f9, #ececec);
    11338}
    11439
    11540.ui-slider-horizontal {
    11641        height: .8em;
    11742}
     43
    11844.ui-slider-horizontal .ui-slider-handle {
    11945        top: -.3em;
    12046        margin-left: -.6em;
    12147}
     48
     49.ui-slider-range {
     50        position: absolute;
     51        z-index: 1;
     52        font-size: .7em;
     53        display: block;
     54        border: 0;
     55
     56        background-color: #8cc1e9;
     57        background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
     58        background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
     59        background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
     60        background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
     61        background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
     62}
     63
    12264.ui-slider-horizontal .ui-slider-range {
    12365        top: 0;
    12466        height: 100%;
    12567}
     68
    12669.ui-slider-horizontal .ui-slider-range-min {
    12770        left: 0;
    12871}
     72
    12973.ui-slider-horizontal .ui-slider-range-max {
    13074        right: 0;
    13175}
    132 
    133 .ui-slider-vertical {
    134         width: .8em;
    135         height: 100px;
    136 }
    137 .ui-slider-vertical .ui-slider-handle {
    138         left: -.3em;
    139         margin-left: 0;
    140         margin-bottom: -.6em;
    141 }
    142 .ui-slider-vertical .ui-slider-range {
    143         left: 0;
    144         width: 100%;
    145 }
    146 .ui-slider-vertical .ui-slider-range-min {
    147         bottom: 0;
    148 }
    149 .ui-slider-vertical .ui-slider-range-max {
    150         top: 0;
    151 }
    152 
    153 /* Component containers
    154 ----------------------------------*/
    155 .ui-widget {
    156         font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    157         font-size: 1.1em;
    158 }
    159 .ui-widget .ui-widget {
    160         font-size: 1em;
    161 }
    162 .ui-widget input,
    163 .ui-widget select,
    164 .ui-widget textarea,
    165 .ui-widget button {
    166         font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    167         font-size: 1em;
    168 }
    169 .ui-widget-content {
    170         border: 1px solid #dddddd;
    171         background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    172         color: #333333;
    173 }
    174 .ui-widget-content a {
    175         color: #333333;
    176 }
    177 .ui-widget-header {
    178         border: 1px solid #e78f08;
    179         background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    180         color: #ffffff;
    181         font-weight: bold;
    182 }
    183 .ui-widget-header a {
    184         color: #ffffff;
    185 }
    186 
    187 /* Interaction states
    188 ----------------------------------*/
    189 .ui-state-default,
    190 .ui-widget-content .ui-state-default,
    191 .ui-widget-header .ui-state-default {
    192         border: 1px solid #cccccc;
    193         background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    194         font-weight: bold;
    195         color: #1c94c4;
    196 }
    197 .ui-state-default a,
    198 .ui-state-default a:link,
    199 .ui-state-default a:visited {
    200         color: #1c94c4;
    201         text-decoration: none;
    202 }
    203 .ui-state-hover,
    204 .ui-widget-content .ui-state-hover,
    205 .ui-widget-header .ui-state-hover,
    206 .ui-state-focus,
    207 .ui-widget-content .ui-state-focus,
    208 .ui-widget-header .ui-state-focus {
    209         border: 1px solid #fbcb09;
    210         background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    211         font-weight: bold;
    212         color: #c77405;
    213 }
    214 .ui-state-hover a,
    215 .ui-state-hover a:hover,
    216 .ui-state-hover a:link,
    217 .ui-state-hover a:visited {
    218         color: #c77405;
    219         text-decoration: none;
    220 }
    221 .ui-state-active,
    222 .ui-widget-content .ui-state-active,
    223 .ui-widget-header .ui-state-active {
    224         border: 1px solid #fbd850;
    225         background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    226         font-weight: bold;
    227         color: #eb8f00;
    228 }
    229 .ui-state-active a,
    230 .ui-state-active a:link,
    231 .ui-state-active a:visited {
    232         color: #eb8f00;
    233         text-decoration: none;
    234 }
    235 
    236 /* Interaction Cues
    237 ----------------------------------*/
    238 .ui-state-highlight,
    239 .ui-widget-content .ui-state-highlight,
    240 .ui-widget-header .ui-state-highlight {
    241         border: 1px solid #fed22f;
    242         background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    243         color: #363636;
    244 }
    245 .ui-state-highlight a,
    246 .ui-widget-content .ui-state-highlight a,
    247 .ui-widget-header .ui-state-highlight a {
    248         color: #363636;
    249 }
    250 .ui-state-error,
    251 .ui-widget-content .ui-state-error,
    252 .ui-widget-header .ui-state-error {
    253         border: 1px solid #cd0a0a;
    254         background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    255         color: #ffffff;
    256 }
    257 .ui-state-error a,
    258 .ui-widget-content .ui-state-error a,
    259 .ui-widget-header .ui-state-error a {
    260         color: #ffffff;
    261 }
    262 .ui-state-error-text,
    263 .ui-widget-content .ui-state-error-text,
    264 .ui-widget-header .ui-state-error-text {
    265         color: #ffffff;
    266 }
    267 .ui-priority-primary,
    268 .ui-widget-content .ui-priority-primary,
    269 .ui-widget-header .ui-priority-primary {
    270         font-weight: bold;
    271 }
    272 .ui-priority-secondary,
    273 .ui-widget-content .ui-priority-secondary,
    274 .ui-widget-header .ui-priority-secondary {
    275         opacity: .7;
    276         filter:Alpha(Opacity=70);
    277         font-weight: normal;
    278 }
    279 .ui-state-disabled,
    280 .ui-widget-content .ui-state-disabled,
    281 .ui-widget-header .ui-state-disabled {
    282         opacity: .35;
    283         filter:Alpha(Opacity=35);
    284         background-image: none;
    285 }
    286 .ui-state-disabled .ui-icon {
    287         filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
    288 }
    289 
    290 /* Icons
    291 ----------------------------------*/
    292 
    293 /* states and images */
    294 .ui-icon {
    295         width: 16px;
    296         height: 16px;
    297         background-position: 16px 16px;
    298 }
    299 .ui-icon,
    300 .ui-widget-content .ui-icon {
    301         background-image: url(../images/ui-icons_222222_256x240.png);
    302 }
    303 .ui-widget-header .ui-icon {
    304         background-image: url(../images/ui-icons_ffffff_256x240.png);
    305 }
    306 .ui-state-default .ui-icon {
    307         background-image: url(../images/ui-icons_ef8c08_256x240.png);
    308 }
    309 .ui-state-hover .ui-icon,
    310 .ui-state-focus .ui-icon {
    311         background-image: url(../images/ui-icons_ef8c08_256x240.png);
    312 }
    313 .ui-state-active .ui-icon {
    314         background-image: url(../images/ui-icons_ef8c08_256x240.png);
    315 }
    316 .ui-state-highlight .ui-icon {
    317         background-image: url(../images/ui-icons_228ef1_256x240.png);
    318 }
    319 .ui-state-error .ui-icon,
    320 .ui-state-error-text .ui-icon {
    321         background-image: url(../images/ui-icons_ffd27a_256x240.png);
    322 }
    323 
    324 /* positioning */
    325 .ui-icon-carat-1-n { background-position: 0 0; }
    326 .ui-icon-carat-1-ne { background-position: -16px 0; }
    327 .ui-icon-carat-1-e { background-position: -32px 0; }
    328 .ui-icon-carat-1-se { background-position: -48px 0; }
    329 .ui-icon-carat-1-s { background-position: -64px 0; }
    330 .ui-icon-carat-1-sw { background-position: -80px 0; }
    331 .ui-icon-carat-1-w { background-position: -96px 0; }
    332 .ui-icon-carat-1-nw { background-position: -112px 0; }
    333 .ui-icon-carat-2-n-s { background-position: -128px 0; }
    334 .ui-icon-carat-2-e-w { background-position: -144px 0; }
    335 .ui-icon-triangle-1-n { background-position: 0 -16px; }
    336 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
    337 .ui-icon-triangle-1-e { background-position: -32px -16px; }
    338 .ui-icon-triangle-1-se { background-position: -48px -16px; }
    339 .ui-icon-triangle-1-s { background-position: -64px -16px; }
    340 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
    341 .ui-icon-triangle-1-w { background-position: -96px -16px; }
    342 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
    343 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
    344 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
    345 .ui-icon-arrow-1-n { background-position: 0 -32px; }
    346 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
    347 .ui-icon-arrow-1-e { background-position: -32px -32px; }
    348 .ui-icon-arrow-1-se { background-position: -48px -32px; }
    349 .ui-icon-arrow-1-s { background-position: -64px -32px; }
    350 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
    351 .ui-icon-arrow-1-w { background-position: -96px -32px; }
    352 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
    353 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
    354 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
    355 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
    356 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
    357 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
    358 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
    359 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
    360 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
    361 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
    362 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
    363 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
    364 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
    365 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
    366 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
    367 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
    368 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
    369 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
    370 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
    371 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
    372 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
    373 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
    374 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
    375 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
    376 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
    377 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
    378 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
    379 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
    380 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
    381 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
    382 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
    383 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
    384 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
    385 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
    386 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
    387 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
    388 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
    389 .ui-icon-arrow-4 { background-position: 0 -80px; }
    390 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
    391 .ui-icon-extlink { background-position: -32px -80px; }
    392 .ui-icon-newwin { background-position: -48px -80px; }
    393 .ui-icon-refresh { background-position: -64px -80px; }
    394 .ui-icon-shuffle { background-position: -80px -80px; }
    395 .ui-icon-transfer-e-w { background-position: -96px -80px; }
    396 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
    397 .ui-icon-folder-collapsed { background-position: 0 -96px; }
    398 .ui-icon-folder-open { background-position: -16px -96px; }
    399 .ui-icon-document { background-position: -32px -96px; }
    400 .ui-icon-document-b { background-position: -48px -96px; }
    401 .ui-icon-note { background-position: -64px -96px; }
    402 .ui-icon-mail-closed { background-position: -80px -96px; }
    403 .ui-icon-mail-open { background-position: -96px -96px; }
    404 .ui-icon-suitcase { background-position: -112px -96px; }
    405 .ui-icon-comment { background-position: -128px -96px; }
    406 .ui-icon-person { background-position: -144px -96px; }
    407 .ui-icon-print { background-position: -160px -96px; }
    408 .ui-icon-trash { background-position: -176px -96px; }
    409 .ui-icon-locked { background-position: -192px -96px; }
    410 .ui-icon-unlocked { background-position: -208px -96px; }
    411 .ui-icon-bookmark { background-position: -224px -96px; }
    412 .ui-icon-tag { background-position: -240px -96px; }
    413 .ui-icon-home { background-position: 0 -112px; }
    414 .ui-icon-flag { background-position: -16px -112px; }
    415 .ui-icon-calendar { background-position: -32px -112px; }
    416 .ui-icon-cart { background-position: -48px -112px; }
    417 .ui-icon-pencil { background-position: -64px -112px; }
    418 .ui-icon-clock { background-position: -80px -112px; }
    419 .ui-icon-disk { background-position: -96px -112px; }
    420 .ui-icon-calculator { background-position: -112px -112px; }
    421 .ui-icon-zoomin { background-position: -128px -112px; }
    422 .ui-icon-zoomout { background-position: -144px -112px; }
    423 .ui-icon-search { background-position: -160px -112px; }
    424 .ui-icon-wrench { background-position: -176px -112px; }
    425 .ui-icon-gear { background-position: -192px -112px; }
    426 .ui-icon-heart { background-position: -208px -112px; }
    427 .ui-icon-star { background-position: -224px -112px; }
    428 .ui-icon-link { background-position: -240px -112px; }
    429 .ui-icon-cancel { background-position: 0 -128px; }
    430 .ui-icon-plus { background-position: -16px -128px; }
    431 .ui-icon-plusthick { background-position: -32px -128px; }
    432 .ui-icon-minus { background-position: -48px -128px; }
    433 .ui-icon-minusthick { background-position: -64px -128px; }
    434 .ui-icon-close { background-position: -80px -128px; }
    435 .ui-icon-closethick { background-position: -96px -128px; }
    436 .ui-icon-key { background-position: -112px -128px; }
    437 .ui-icon-lightbulb { background-position: -128px -128px; }
    438 .ui-icon-scissors { background-position: -144px -128px; }
    439 .ui-icon-clipboard { background-position: -160px -128px; }
    440 .ui-icon-copy { background-position: -176px -128px; }
    441 .ui-icon-contact { background-position: -192px -128px; }
    442 .ui-icon-image { background-position: -208px -128px; }
    443 .ui-icon-video { background-position: -224px -128px; }
    444 .ui-icon-script { background-position: -240px -128px; }
    445 .ui-icon-alert { background-position: 0 -144px; }
    446 .ui-icon-info { background-position: -16px -144px; }
    447 .ui-icon-notice { background-position: -32px -144px; }
    448 .ui-icon-help { background-position: -48px -144px; }
    449 .ui-icon-check { background-position: -64px -144px; }
    450 .ui-icon-bullet { background-position: -80px -144px; }
    451 .ui-icon-radio-on { background-position: -96px -144px; }
    452 .ui-icon-radio-off { background-position: -112px -144px; }
    453 .ui-icon-pin-w { background-position: -128px -144px; }
    454 .ui-icon-pin-s { background-position: -144px -144px; }
    455 .ui-icon-play { background-position: 0 -160px; }
    456 .ui-icon-pause { background-position: -16px -160px; }
    457 .ui-icon-seek-next { background-position: -32px -160px; }
    458 .ui-icon-seek-prev { background-position: -48px -160px; }
    459 .ui-icon-seek-end { background-position: -64px -160px; }
    460 .ui-icon-seek-start { background-position: -80px -160px; }
    461 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
    462 .ui-icon-seek-first { background-position: -80px -160px; }
    463 .ui-icon-stop { background-position: -96px -160px; }
    464 .ui-icon-eject { background-position: -112px -160px; }
    465 .ui-icon-volume-off { background-position: -128px -160px; }
    466 .ui-icon-volume-on { background-position: -144px -160px; }
    467 .ui-icon-power { background-position: 0 -176px; }
    468 .ui-icon-signal-diag { background-position: -16px -176px; }
    469 .ui-icon-signal { background-position: -32px -176px; }
    470 .ui-icon-battery-0 { background-position: -48px -176px; }
    471 .ui-icon-battery-1 { background-position: -64px -176px; }
    472 .ui-icon-battery-2 { background-position: -80px -176px; }
    473 .ui-icon-battery-3 { background-position: -96px -176px; }
    474 .ui-icon-circle-plus { background-position: 0 -192px; }
    475 .ui-icon-circle-minus { background-position: -16px -192px; }
    476 .ui-icon-circle-close { background-position: -32px -192px; }
    477 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
    478 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
    479 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
    480 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
    481 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
    482 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
    483 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
    484 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
    485 .ui-icon-circle-zoomin { background-position: -176px -192px; }
    486 .ui-icon-circle-zoomout { background-position: -192px -192px; }
    487 .ui-icon-circle-check { background-position: -208px -192px; }
    488 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
    489 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
    490 .ui-icon-circlesmall-close { background-position: -32px -208px; }
    491 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
    492 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
    493 .ui-icon-squaresmall-close { background-position: -80px -208px; }
    494 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
    495 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
    496 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
    497 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
    498 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
    499 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
    500 
    501 
    502 /* Misc visuals
    503 ----------------------------------*/
    504 
    505 /* Corner radius */
    506 .ui-corner-all,
    507 .ui-corner-top,
    508 .ui-corner-left,
    509 .ui-corner-tl {
    510         border-top-left-radius: 4px;
    511 }
    512 .ui-corner-all,
    513 .ui-corner-top,
    514 .ui-corner-right,
    515 .ui-corner-tr {
    516         border-top-right-radius: 4px;
    517 }
    518 .ui-corner-all,
    519 .ui-corner-bottom,
    520 .ui-corner-left,
    521 .ui-corner-bl {
    522         border-bottom-left-radius: 4px;
    523 }
    524 .ui-corner-all,
    525 .ui-corner-bottom,
    526 .ui-corner-right,
    527 .ui-corner-br {
    528         border-bottom-right-radius: 4px;
    529 }
    530 
    531 /* Overlays */
    532 .ui-widget-overlay {
    533         background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    534         opacity: .5;
    535         filter: Alpha(Opacity=50);
    536 }
    537 .ui-widget-shadow {
    538         margin: -5px 0 0 -5px;
    539         padding: 5px;
    540         background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    541         opacity: .2;
    542         filter: Alpha(Opacity=20);
    543         border-radius: 5px;
    544 }