aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/bluemoon/slider.reel/slider.css
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/bluemoon/slider.reel/slider.css')
-rw-r--r--node_modules/montage/ui/bluemoon/slider.reel/slider.css255
1 files changed, 255 insertions, 0 deletions
diff --git a/node_modules/montage/ui/bluemoon/slider.reel/slider.css b/node_modules/montage/ui/bluemoon/slider.reel/slider.css
new file mode 100644
index 00000000..6a11d11c
--- /dev/null
+++ b/node_modules/montage/ui/bluemoon/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