diff options
Diffstat (limited to 'node_modules/montage/ui/scroll-bars.reel/scroll-bars.html')
-rw-r--r-- | node_modules/montage/ui/scroll-bars.reel/scroll-bars.html | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html b/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html new file mode 100644 index 00000000..a9d92944 --- /dev/null +++ b/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html | |||
@@ -0,0 +1,117 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | <html> | ||
8 | <head> | ||
9 | <title></title> | ||
10 | <script type="text/montage-serialization"> | ||
11 | { | ||
12 | "owner": { | ||
13 | "module": "montage/ui/scroll-bars.reel", | ||
14 | "name": "ScrollBars", | ||
15 | "properties": { | ||
16 | "element": { | ||
17 | "#": "montage-scroll-bars" | ||
18 | }, | ||
19 | "_top": { | ||
20 | "#": "top" | ||
21 | }, | ||
22 | "_bottomClip": { | ||
23 | "#": "bottom-clip" | ||
24 | }, | ||
25 | "_bottom": { | ||
26 | "#": "bottom" | ||
27 | }, | ||
28 | "_left": { | ||
29 | "#": "left" | ||
30 | }, | ||
31 | "_rightClip": { | ||
32 | "#": "right-clip" | ||
33 | }, | ||
34 | "_right": { | ||
35 | "#": "right" | ||
36 | } | ||
37 | } | ||
38 | } | ||
39 | } | ||
40 | </script> | ||
41 | <style> | ||
42 | .montage-scroll-bars { | ||
43 | position: absolute; | ||
44 | left: 0; | ||
45 | top: 0; | ||
46 | right: 0; | ||
47 | bottom: 0; | ||
48 | z-index: 9999; | ||
49 | pointer-events: none; | ||
50 | } | ||
51 | .montage-scroll-bars .top { | ||
52 | position: absolute; | ||
53 | right: 2px; | ||
54 | background: black; | ||
55 | -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27); | ||
56 | width: 5px; | ||
57 | height: 3px; | ||
58 | border-radius: 4px 4px 0 0; | ||
59 | opacity: 0; | ||
60 | clip: rect(-1px, 6px, 3px, -1px); | ||
61 | -webkit-transform: translateZ(0); | ||
62 | } | ||
63 | .montage-scroll-bars .bottom { | ||
64 | background: black; | ||
65 | -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27); | ||
66 | width: 5px; | ||
67 | border-radius: 0 0 4px 4px; | ||
68 | opacity: 0; | ||
69 | -webkit-transform: translateZ(0); | ||
70 | } | ||
71 | .montage-scroll-bars .bottom-clip { | ||
72 | position: absolute; | ||
73 | right: 2px; | ||
74 | width: 5px; | ||
75 | -webkit-transform: translateZ(0); | ||
76 | } | ||
77 | .montage-scroll-bars .left { | ||
78 | position: absolute; | ||
79 | bottom: 2px; | ||
80 | background: black; | ||
81 | -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27); | ||
82 | width: 3px; | ||
83 | height: 5px; | ||
84 | border-radius: 4px 0 0 4px; | ||
85 | opacity: 0; | ||
86 | clip: rect(-1px, 3px, 6px, -1px); | ||
87 | -webkit-transform: translateZ(0); | ||
88 | } | ||
89 | .montage-scroll-bars .right { | ||
90 | background: black; | ||
91 | -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27); | ||
92 | height: 5px; | ||
93 | border-radius: 0 4px 4px 0; | ||
94 | opacity: 0; | ||
95 | -webkit-transform: translateZ(0); | ||
96 | } | ||
97 | .montage-scroll-bars .right-clip { | ||
98 | position: absolute; | ||
99 | bottom: 2px; | ||
100 | height: 5px; | ||
101 | -webkit-transform: translateZ(0); | ||
102 | } | ||
103 | </style> | ||
104 | </head> | ||
105 | <body> | ||
106 | <div id="montage-scroll-bars" class="montage-scroll-bars"> | ||
107 | <div id="top" class="top"></div> | ||
108 | <div id="bottom-clip" class="bottom-clip"> | ||
109 | <div id="bottom" class="bottom"></div> | ||
110 | </div> | ||
111 | <div id="left" class="left"></div> | ||
112 | <div id="right-clip" class="right-clip"> | ||
113 | <div id="right" class="right"></div> | ||
114 | </div> | ||
115 | </div> | ||
116 | </body> | ||
117 | </html> \ No newline at end of file | ||