blob: e86097c8b50f19357fee9e8dec0f7c9b30f97804 [file] [log] [blame]
Wei Wangb2cf0252018-02-26 14:02:53 -08001.yui3-skin-sam .yui3-scrollview-scrollbar {
2 -webkit-transform: translate3d(0, 0, 0);
3 -moz-transform: translate(0, 0);
4}
5
6.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-first,
7.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-middle,
8.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-last {
9 border-radius:3px;
10 -webkit-border-radius: 3px;
11 -moz-border-radius: 3px;
12 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiZGBgSGPAAgACDAAIkABoFyloZQAAAABJRU5ErkJggg==");
13}
14
15.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-first,
16.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-last {
17 border-bottom-right-radius:0;
18 border-bottom-left-radius:0;
19
20 -webkit-border-bottom-right-radius:0;
21 -webkit-border-bottom-left-radius:0;
22
23 -moz-border-radius-bottomright:0;
24 -moz-border-radius-bottomleft:0;
25}
26
27.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-last {
28 border-radius:0;
29 border-bottom-right-radius:3px;
30 border-bottom-left-radius:3px;
31
32 -webkit-border-radius:0;
33 -webkit-border-bottom-right-radius:3px;
34 -webkit-border-bottom-left-radius:3px;
35 -webkit-transform: translate3d(0, 0, 0);
36
37 -moz-border-radius:0;
38 -moz-border-radius-bottomright:3px;
39 -moz-border-radius-bottomleft:3px;
40 -moz-transform: translate(0, 0);
41}
42
43.yui3-skin-sam .yui3-scrollview-scrollbar .yui3-scrollview-middle {
44 border-radius:0;
45 -webkit-border-radius: 0;
46 -moz-border-radius: 0;
47
48 -webkit-transform: translate3d(0,0,0) scaleY(1);
49 -webkit-transform-origin-y: 0;
50
51 -moz-transform: translate(0,0) scaleY(1);
52 -moz-transform-origin: 0 0;
53}
54
55.yui3-skin-sam .yui3-scrollview-scrollbar-horiz .yui3-scrollview-first,
56.yui3-skin-sam .yui3-scrollview-scrollbar-horiz .yui3-scrollview-last {
57 border-top-right-radius: 0;
58 border-bottom-left-radius: 3px;
59
60 -webkit-border-top-right-radius: 0;
61 -webkit-border-bottom-left-radius: 3px;
62
63 -moz-border-radius-topright: 0;
64 -moz-border-radius-bottomleft: 3px;
65}
66
67.yui3-skin-sam .yui3-scrollview-scrollbar-horiz .yui3-scrollview-last {
68 border-bottom-left-radius: 0;
69 border-top-right-radius: 3px;
70
71 -webkit-border-bottom-left-radius: 0;
72 -webkit-border-top-right-radius: 3px;
73
74 -moz-border-radius-bottomleft: 0;
75 -moz-border-radius-topright: 3px;
76}
77
78.yui3-skin-sam .yui3-scrollview-scrollbar-horiz .yui3-scrollview-middle {
79 -webkit-transform: translate3d(0,0,0) scaleX(1);
80 -webkit-transform-origin: 0 0;
81
82 -moz-transform: translate(0,0) scaleX(1);
83 -moz-transform-origin: 0 0;
84}
85
86.yui3-skin-sam .yui3-scrollview-scrollbar-vert-basic .yui3-scrollview-child,
87.yui3-skin-sam .yui3-scrollview-scrollbar-horiz-basic .yui3-scrollview-child {
88 background-color: #aaa;
89 background-image: none;
90}