partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_slider.scss (4256B)

      1 /**
      2  * Creates the base structure of slider.
      3  * @member Ext.slider.Multi
      4  */
      5 @mixin extjs-slider {
      6     .#{$prefix}slider {
      7         zoom:1;
      8     }
      9 
     10     .#{$prefix}slider-inner {
     11         position:relative;
     12         left:0;
     13         top:0;
     14         overflow:visible;
     15         zoom:1;
     16     }
     17 
     18     .#{$prefix}slider-focus {
     19         position:absolute;
     20         left:0;
     21         top:0;
     22         width:1px;
     23         height:1px;
     24         line-height:1px;
     25         font-size:1px;
     26         -moz-outline:0 none;
     27         outline:0 none;
     28         @include no-select;
     29         display:block;
     30         overflow:hidden;
     31     }
     32 
     33     /* Horizontal styles */
     34     .#{$prefix}slider-horz {
     35         padding-left:7px;
     36         background:transparent no-repeat 0 -24px;
     37         width: 100%;
     38     }
     39 
     40     .#{$prefix}slider-horz .#{$prefix}slider-end {
     41         padding-right:7px;
     42         zoom:1;
     43         background:transparent no-repeat right -46px;
     44     }
     45 
     46     .#{$prefix}slider-horz .#{$prefix}slider-inner {
     47         background:transparent repeat-x 0 -2px;
     48         height:18px;
     49     }
     50 
     51     .#{$prefix}slider-horz .#{$prefix}slider-thumb {
     52         width: $horizontal-slider-thumb-width;
     53         height: $horizontal-slider-thumb-height;
     54         margin-left: -($horizontal-slider-thumb-width / 2);
     55         position: absolute;
     56         left: 0;
     57         top: 1px;
     58         background: transparent no-repeat 0 0;
     59     }
     60 
     61     .#{$prefix}slider-horz .#{$prefix}slider-thumb-over {
     62         background-position: -14px -15px;
     63     }
     64 
     65     .#{$prefix}slider-horz .#{$prefix}slider-thumb-drag {
     66         background-position: -28px -30px;
     67     }
     68 
     69     /* Vertical styles */
     70     .#{$prefix}slider-vert {
     71         padding-top:7px;
     72         background:transparent no-repeat -44px 0;
     73     }
     74 
     75     .#{$prefix}slider-vert .#{$prefix}slider-end {
     76         padding-bottom:7px;
     77         zoom:1;
     78         background:transparent no-repeat -22px bottom;
     79         width:22px;
     80     }
     81 
     82     .#{$prefix}slider-vert .#{$prefix}slider-inner {
     83         background:transparent repeat-y 0 0;
     84         width:22px;
     85     }
     86 
     87     .#{$prefix}slider-vert .#{$prefix}slider-thumb {
     88         width: $vertical-slider-thumb-width;
     89         height: $vertical-slider-thumb-height;
     90         margin-bottom: -($vertical-slider-thumb-height / 2);
     91         position: absolute;
     92         left: 3px;
     93         bottom: 0;
     94         background:transparent no-repeat 0 0;
     95     }
     96 
     97     .#{$prefix}slider-vert .#{$prefix}slider-thumb-over {
     98         background-position: -15px -14px;
     99     }
    100 
    101     .#{$prefix}slider-vert .#{$prefix}slider-thumb-drag {
    102         background-position: -30px -28px;
    103     }
    104 
    105     .#{$prefix}slider-horz,
    106     .#{$prefix}slider-horz .#{$prefix}slider-end,
    107     .#{$prefix}slider-horz .#{$prefix}slider-inner {
    108         background-image: theme-background-image($theme-name, 'slider/slider-bg.png');
    109     }
    110 
    111     .#{$prefix}slider-horz .#{$prefix}slider-thumb {
    112         background-image: theme-background-image($theme-name, 'slider/slider-thumb.png');
    113     }
    114 
    115     .#{$prefix}slider-vert,
    116     .#{$prefix}slider-vert .#{$prefix}slider-end,
    117     .#{$prefix}slider-vert .#{$prefix}slider-inner {
    118         background-image: theme-background-image($theme-name, 'slider/slider-v-bg.png');
    119     }
    120 
    121     .#{$prefix}slider-vert .#{$prefix}slider-thumb {
    122         background-image: theme-background-image($theme-name, 'slider/slider-v-thumb.png');
    123     }
    124 
    125     @if $include-ie {
    126         .#{$prefix}ie6 {
    127             .#{$prefix}slider-horz,
    128             .#{$prefix}slider-horz .#{$prefix}slider-end,
    129             .#{$prefix}slider-horz .#{$prefix}slider-inner {
    130                 background-image: theme-background-image($theme-name, 'slider/slider-bg.gif');
    131             }
    132 
    133             .#{$prefix}slider-horz .#{$prefix}slider-thumb {
    134                 background-image: theme-background-image($theme-name, 'slider/slider-thumb.gif');
    135             }
    136 
    137             .#{$prefix}slider-vert,
    138             .#{$prefix}slider-vert .#{$prefix}slider-end,
    139             .#{$prefix}slider-vert .#{$prefix}slider-inner {
    140                 background-image: theme-background-image($theme-name, 'slider/slider-v-bg.gif');
    141             }
    142 
    143             .#{$prefix}slider-vert .#{$prefix}slider-thumb {
    144                 background-image: theme-background-image($theme-name, 'slider/slider-v-thumb.gif');
    145             }
    146         }
    147     }
    148 }