scroll/scroll.css at master · rosko/scroll · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/* ----------- plugin::scroll ----------- */
.scroll, .scroll-horizontal, .scroll-pane, .scroll-wrap{
    position:relative;
    overflow:hidden;
    zoom:1;
}
.scroll-wrap, .scroll, .scroll-horizontal{ width:100%; height:100%; }
.scroll-pane{ padding-right:7px; }
.scroll-horizontal .scroll-pane{ padding-right:0; padding-bottom:7px; }
.scroll-track{
    position:absolute;
    top:0; bottom:0;
    right:0;
    width:7px;
    opacity:0;
    filter:alpha(opacity = 0);
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    -ms-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s;
    z-index:1;
}
.touch .scroll-track{ opacity:.7; filter:alpha(opacity = 70); }
.scroll-horizontal .scroll-track{
    top:auto; bottom:0;
    left:0;
    height:7px; width:auto;
}
.scroll-track .scroll-drag{
    position:relative;
    width:7px; margin-top:0;
    background:#444;
    border-radius:10px;
}
.scroll-horizontal .scroll-track .scroll-drag{
    height:7px; margin-left:0;
    margin-top:0 !important;
    width:auto;
}
.scroll.hover > .scroll-track,
.scroll.mousedown > .scroll-track,
.scroll-horizontal.mousedown > .scroll-track,
.scroll-horizontal.hover > .scroll-track{ opacity:.7; filter:alpha(opacity = 70); }
.touch.hover > .scroll-track{ opacity:1; filter:alpha(opacity = 100); }
.user-select-none, .user-select-none *{
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.scroll.mousedown > .scroll-track .scroll-drag, .scroll-horizontal.mousedown > .scroll-track .scroll-drag{ background:#111; }
.touch-true{ overflow:auto !important }
.scroll.scroll-off > .scroll-track, .scroll-horizontal.scroll-off > .scroll-track{ display:none; }
/* ----------- end::scroll ----------- */