WordPress.org

Make WordPress Core

Ticket #23497: 23497.slider.diff

File 23497.slider.diff, 21.4 KB (added by helen, 14 months 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 }