diff options
Diffstat (limited to 'node_modules/montage/ui/slider.reel/slider.css')
-rwxr-xr-x | node_modules/montage/ui/slider.reel/slider.css | 255 |
1 files changed, 255 insertions, 0 deletions
diff --git a/node_modules/montage/ui/slider.reel/slider.css b/node_modules/montage/ui/slider.reel/slider.css new file mode 100755 index 00000000..35c1c234 --- /dev/null +++ b/node_modules/montage/ui/slider.reel/slider.css | |||
@@ -0,0 +1,255 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | .montage-slider { | ||
8 | padding: 16px 17px 16px 18px; | ||
9 | overflow: hidden; | ||
10 | } | ||
11 | |||
12 | .montage-slider > div { | ||
13 | position: relative; | ||
14 | width: auto; | ||
15 | height: 23px; | ||
16 | } | ||
17 | |||
18 | .montage-slider .handlerbg, | ||
19 | .montage-slider .handler, | ||
20 | .montage-slider .handler2, | ||
21 | .montage-slider .handler3, | ||
22 | .montage-slider .handler4, | ||
23 | .montage-slider .handlerDragArea { | ||
24 | left: 0; | ||
25 | right: 20px; | ||
26 | position: absolute; | ||
27 | } | ||
28 | |||
29 | .montage-slider .bghl { | ||
30 | position: absolute; | ||
31 | margin-top: 7px; | ||
32 | border-radius: 5px; | ||
33 | width: 100%; | ||
34 | height: 9px; | ||
35 | background: transparent; | ||
36 | -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1); | ||
37 | } | ||
38 | |||
39 | .montage-slider .bg { | ||
40 | position: absolute; | ||
41 | margin-top: 7px; | ||
42 | border-radius: 5px; | ||
43 | width: 100%; | ||
44 | height: 9px; | ||
45 | background: rgba(160,160,160,.4); | ||
46 | -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3); | ||
47 | } | ||
48 | |||
49 | .montage-slider .handlerbg div { | ||
50 | position: absolute; | ||
51 | margin-left: -17px; | ||
52 | margin-top: -15px; | ||
53 | border-radius: 27px; | ||
54 | width: 53px; | ||
55 | height: 53px; | ||
56 | background: rgba(128,128,128,.4); | ||
57 | -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1); | ||
58 | -webkit-transform: scale3d(.433962263, .433962263, 1); | ||
59 | } | ||
60 | |||
61 | .montage-slider .handler div { | ||
62 | position: absolute; | ||
63 | margin-left: -16px; | ||
64 | margin-top: -14px; | ||
65 | border-radius: 26px; | ||
66 | width: 51px; | ||
67 | height: 51px; | ||
68 | background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E6E6E6)); | ||
69 | -webkit-transform: scale3d(.411764705, .411764705, 1); | ||
70 | } | ||
71 | |||
72 | .montage-slider .crop { | ||
73 | position: absolute; | ||
74 | left: 5px; | ||
75 | right: 5px; | ||
76 | margin-top: 8px; | ||
77 | height: 7px; | ||
78 | overflow: hidden; | ||
79 | } | ||
80 | |||
81 | .montage-slider .line { | ||
82 | position: absolute; | ||
83 | margin-left: -100%; | ||
84 | width: 100%; | ||
85 | height: 7px; | ||
86 | background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EFEFEF)); | ||
87 | } | ||
88 | |||
89 | .montage-slider .scale { | ||
90 | position: absolute; | ||
91 | margin-left: 10000px; | ||
92 | width: 1px; | ||
93 | height: 1px; | ||
94 | visibility: hidden; | ||
95 | } | ||
96 | |||
97 | .montage-slider .line3 { | ||
98 | position: absolute; | ||
99 | margin-left: 1px; | ||
100 | margin-top: 8px; | ||
101 | border-radius: 4px; | ||
102 | width: 7px; | ||
103 | height: 7px; | ||
104 | background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EFEFEF)); | ||
105 | } | ||
106 | |||
107 | .montage-slider .line2 { | ||
108 | position: absolute; | ||
109 | margin-left: -100%; | ||
110 | margin-top: 2px; | ||
111 | width: 100%; | ||
112 | height: 3px; | ||
113 | background: -webkit-gradient(linear, left top, left bottom, from(#35C9FF), to(#0A9BCF)); | ||
114 | } | ||
115 | |||
116 | .montage-slider .line4 { | ||
117 | position: absolute; | ||
118 | margin-left: 3px; | ||
119 | margin-top: 10px; | ||
120 | border-radius: 2px; | ||
121 | width: 3px; | ||
122 | height: 3px; | ||
123 | background: -webkit-gradient(linear, left top, left bottom, from(#35C9FF), to(#0A9BCF)); | ||
124 | } | ||
125 | |||
126 | .montage-slider .handler2 div { | ||
127 | position: absolute; | ||
128 | margin-left: -2px; | ||
129 | border-radius: 12px; | ||
130 | width: 23px; | ||
131 | height: 23px; | ||
132 | background: #878787; | ||
133 | -webkit-transform: scale3d(.565217391, .565217391, 1); | ||
134 | } | ||
135 | |||
136 | .montage-slider .handler3 div { | ||
137 | position: absolute; | ||
138 | margin-left: -1px; | ||
139 | margin-top: 1px; | ||
140 | border-radius: 11px; | ||
141 | width: 21px; | ||
142 | height: 21px; | ||
143 | background: -webkit-gradient(linear, left top, left bottom, from(#14BCFA), to(#0AA4DC)); | ||
144 | -webkit-transform: scale3d(.523809523, .523809523, 1); | ||
145 | } | ||
146 | |||
147 | .montage-slider .handler4 div { | ||
148 | position: absolute; | ||
149 | margin-left: 5px; | ||
150 | margin-top: 7px; | ||
151 | border-radius: 5px; | ||
152 | width: 9px; | ||
153 | height: 9px; | ||
154 | background: #07739A; | ||
155 | -webkit-box-shadow: inset 0 2px 1px #05506B; | ||
156 | -webkit-transform: scale3d(.555555555, .555555555, 1); | ||
157 | } | ||
158 | |||
159 | .montage-slider .handlerDragArea div { | ||
160 | position: absolute; | ||
161 | margin-left: -17px; | ||
162 | margin-top: -15px; | ||
163 | border-radius: 27px; | ||
164 | width: 53px; | ||
165 | height: 53px; | ||
166 | } | ||
167 | |||
168 | .montage-slider.pressed .handlerbg div { | ||
169 | -webkit-transform: scale3d(1, 1, 1); | ||
170 | } | ||
171 | |||
172 | .montage-slider.pressed .handler div { | ||
173 | background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff)); | ||
174 | -webkit-transform: scale3d(1, 1, 1); | ||
175 | } | ||
176 | |||
177 | .montage-slider.pressed .handler2 div { | ||
178 | -webkit-transform: scale3d(1, 1, 1); | ||
179 | } | ||
180 | |||
181 | .montage-slider.pressed .handler3 div { | ||
182 | -webkit-transform: scale3d(1, 1, 1); | ||
183 | } | ||
184 | |||
185 | .montage-slider.pressed .handler4 div { | ||
186 | -webkit-transform: scale3d(1, 1, 1); | ||
187 | } | ||
188 | |||
189 | .montage-slider.pressed .line { | ||
190 | background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f3f3f3)); | ||
191 | } | ||
192 | |||
193 | .montage-slider.dark .bghl { | ||
194 | background: transparent; | ||
195 | -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1); | ||
196 | } | ||
197 | |||
198 | .montage-slider.dark .bg { | ||
199 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(40,40,40,.6)), to(rgba(40,40,40,.5))); | ||
200 | -webkit-box-shadow: none; | ||
201 | } | ||
202 | |||
203 | .montage-slider.dark .handlerbg div { | ||
204 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(40,40,40,.7)), to(rgba(40,40,40,.6))); | ||
205 | -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1); | ||
206 | } | ||
207 | |||
208 | .montage-slider.dark .handler div { | ||
209 | background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#5c5c5c)); | ||
210 | } | ||
211 | |||
212 | .montage-slider.dark .line { | ||
213 | background: -webkit-gradient(linear, left top, left bottom, from(#6f6f6f), to(#656565)); | ||
214 | } | ||
215 | |||
216 | .montage-slider.dark .line2 { | ||
217 | background: -webkit-gradient(linear, left top, left bottom, from(#35C9FF), to(#0A9BCF)); | ||
218 | } | ||
219 | |||
220 | .montage-slider.dark .line3 { | ||
221 | background: -webkit-gradient(linear, left top, left bottom, from(#6f6f6f), to(#656565)); | ||
222 | } | ||
223 | |||
224 | .montage-slider.dark .line4 { | ||
225 | background: -webkit-gradient(linear, left top, left bottom, from(#35C9FF), to(#0A9BCF)); | ||
226 | } | ||
227 | |||
228 | .montage-slider.dark .handler2 div { | ||
229 | background: #383838; | ||
230 | } | ||
231 | |||
232 | .montage-slider.dark .handler3 div { | ||