f7e05521d0f4733c41c85f48fc2a66f2fe568d46
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.0.1pre / experiments / scrollview / jquery.mobile.scrollview.css
1 @charset "utf-8";
2
3 .ui-scrollview-clip {
4         position: relative;
5 }
6
7 .ui-scrollview-view {
8 }
9
10 .ui-scrolllistview .ui-li-divider {
11         z-index: 10;
12 }
13
14 .ui-scrollbar {
15         position: absolute;
16         overflow: hidden;
17
18         opacity: 0;
19         -webkit-transition: opacity 500ms;
20         -moz-transition: opacity 500ms;
21         transition: opacity 500ms;
22 }
23
24 .ui-scrollbar-visible {
25         opacity: 1;
26 }
27
28 .ui-scrollbar-y {
29         top: 2px;
30         right: 2px;
31         bottom: 8px;
32         width: 5px;
33 }
34
35 .ui-scrollbar-x {
36         right: 8px;
37         bottom: 2px;
38         left: 2px;
39         height: 5px;
40 }
41
42 .ui-scrollbar-track {
43         position: relative;
44         width: 100%;
45         height: 100%;
46 }
47
48 .ui-scrollbar-thumb {
49         position: absolute;
50         top: 0;
51         left: 0;
52         background-color: rgba(0, 0, 0, 0.3);
53         -moz-border-radius: 2px;
54         -webkit-border-radius: 2px;
55         border-radius: 2px;
56 }
57
58 .ui-scrollbar-y .ui-scrollbar-thumb {
59         width: 5px;
60         height: 100%;
61 }
62
63 .ui-scrollbar-x .ui-scrollbar-thumb {
64         width: 100%;
65         height: 5px;
66 }