diff options
Diffstat (limited to 'js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss')
-rwxr-xr-x | js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss | 240 |
1 files changed, 240 insertions, 0 deletions
diff --git a/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss b/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss new file mode 100755 index 00000000..1f63658a --- /dev/null +++ b/js/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss | |||
@@ -0,0 +1,240 @@ | |||
1 | @charset "UTF-8"; | ||
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 | |||
8 | $grey_dark: #292929; | ||
9 | $grey_light: #494949; | ||
10 | |||
11 | .cpp_popup | ||
12 | { | ||
13 | overflow: hidden; | ||
14 | font-size: 12px; | ||
15 | text-shadow: 1px 1px 1px #000; | ||
16 | font-family: 'Droid Sans', sans-serif; | ||
17 | } | ||
18 | |||
19 | .cp_pu_options | ||
20 | { | ||
21 | float: left; | ||
22 | clear: both; | ||
23 | width: 100%; | ||
24 | } | ||
25 | |||
26 | .cp_pu_options button | ||
27 | { | ||
28 | display: block; | ||
29 | width: 16px; | ||
30 | height: 16px; | ||
31 | margin: 4px 0px 2px 2px; | ||
32 | text-indent: -9999px; | ||
33 | overflow: hidden; | ||
34 | float: right; | ||
35 | padding: 0; | ||
36 | cursor: pointer; | ||
37 | border: 1px solid transparent; | ||
38 | } | ||
39 | |||
40 | .cp_pu_options button:hover | ||
41 | { | ||
42 | border: 1px solid #FFF; | ||
43 | box-shadow: 0px 0px 4px #000; | ||
44 | } | ||
45 | |||
46 | .cp_pu_wheel | ||
47 | { | ||
48 | background: url(../img/icon_colorwheel.png) no-repeat transparent top left; | ||
49 | } | ||
50 | |||
51 | .cp_pu_images | ||
52 | { | ||
53 | background: url(../img/icon_bitmap.png) no-repeat #000 top left; | ||
54 | } | ||
55 | |||
56 | .cp_pu_gradients | ||
57 | { | ||
58 | background: url(../img/icon_gradient.png) no-repeat #000 top left; | ||
59 | } | ||
60 | |||
61 | .cp_pu_palettes | ||
62 | { | ||
63 | background: #000; | ||
64 | } | ||
65 | |||
66 | .cp_pu_nocolor | ||
67 | { | ||
68 | background: url(../img/icon_nofill.png) no-repeat #000 top left; | ||
69 | } | ||
70 | |||
71 | .cp_pu_history { | ||
72 | float: left; | ||
73 | margin: 0px 0px 0px 0px; | ||
74 | background: url(../../../../../images/colorpanel/transparent.png) repeat; | ||
75 | } | ||
76 | |||
77 | .cp_pu_history button { | ||
78 | width: 22px; | ||
79 | height: 22px; | ||
80 | overflow: hidden; | ||
81 | text-indent: -9999px; | ||
82 | background: #333; | ||
83 | float: right; | ||
84 | border: solid 1px #000; | ||
85 | cursor: pointer; | ||
86 | margin: 0px -1px 0px 0px; | ||
87 | padding: 0px; | ||
88 | } | ||
89 | |||
90 | .cp_pu_history button:hover | ||
91 | { | ||
92 | border: solid 1px #000 !important; | ||
93 | box-shadow: none !important; | ||
94 | } | ||
95 | |||
96 | .cp_pu_hex | ||
97 | { | ||
98 | float: left; | ||
99 | margin: 3px 2px 0px 6px; | ||
100 | } | ||
101 | |||
102 | .cp_pu_hex input { | ||
103 | width: 50px; | ||
104 | background: #555; | ||
105 | border: 1px solid #333; | ||
106 | color: #FFF; | ||
107 | padding: 1px 0px 1px 0px; | ||
108 | margin: 0px 0px 0px 2px; | ||
109 | text-transform: uppercase; | ||
110 | text-decoration: none !important; | ||
111 | text-shadow: 1px 1px 1px #000; | ||
112 | font-family: 'Droid Sans', sans-serif; | ||
113 | font-size: 11px; | ||
114 | letter-spacing: 1px; | ||
115 | text-align: center; | ||
116 | } | ||
117 | |||
118 | .cp_pu_hex input:focus { | ||
119 | outline: none; | ||
120 | padding: 2px 0px 2px 0px; | ||
121 | margin: -1px 0px -1px 2px; | ||
122 | background: #FFF; | ||
123 | color: #000; | ||
124 | text-shadow: none; | ||
125 | } | ||
126 | |||
127 | .cp_pu_content | ||
128 | { | ||
129 | float: left; | ||
130 | clear: both; | ||
131 | width: 100%; | ||
132 | margin: 6px 0px; | ||
133 | } | ||
134 | |||
135 | .cp_pu_content div.cp_pu_content_container | ||
136 | { | ||
137 | display: none; | ||
138 | } | ||
139 | |||
140 | .cp_pu_alpha | ||
141 | { | ||
142 | float: left; | ||
143 | clear: both; | ||
144 | width: 100%; | ||
145 | margin: 0px; | ||
146 | } | ||
147 | |||
148 | .cp_pu_alpha .slider-track | ||
149 | { | ||
150 | background: none; | ||
151 | } | ||
152 | |||
153 | .cp_pu_alpha .knob | ||
154 | { | ||
155 | background: url(../img/knob.png) no-repeat transparent center center; | ||
156 | } | ||
157 | |||
158 | .cp_pu_a_label, .cp_pu_a_label2 | ||
159 | { | ||
160 | float: left; | ||
161 | width: auto; | ||
162 | font-size: 11px; | ||
163 | } | ||
164 | |||
165 | .cp_pu_a_slider | ||
166 | { | ||
167 | width: 120px; | ||
168 | height: 12px; | ||
169 | float: left; | ||
170 | clear: none; | ||
171 | margin: 0px 10px 5px 10px; | ||
172 | } | ||
173 | |||
174 | .cp_pu_a_hottext.hottext | ||
175 | { | ||
176 | background: none; | ||
177 | float: left; | ||
178 | margin: -1px 2px 0px 0px; | ||
179 | padding: 0px; | ||
180 | width: 23px; | ||
181 | color: #FFF; | ||
182 | text-shadow: 1px 1px 1px #000; | ||
183 | font-family: 'Droid Sans', sans-serif; | ||
184 | font-size: 11px; | ||
185 | text-align: center; | ||
186 | } | ||
187 | |||
188 | .cp_pu_a_hottext.hottextInput | ||
189 | { | ||
190 | background: #FFF; | ||
191 | color: #000; | ||
192 | text-shadow: none; | ||
193 | border: 1px solid #333; | ||
194 | margin: -3px 1px 0px 0px; | ||
195 | padding: 1px; | ||
196 | text-decoration: none; | ||
197 | font-family: 'Droid Sans', sans-serif; | ||
198 | font-size: 11px; | ||
199 | outline: none; | ||
200 | float: left; | ||
201 | } | ||
202 | |||
203 | .cp_pu_wheel_container | ||
204 | { | ||
205 | width: 202px; | ||
206 | height: 202px; | ||
207 | |||
208 | } | ||
209 | |||
210 | .cp_pu_palette_container | ||
211 | { | ||
212 | overflow: hidden; | ||
213 | clear: both; | ||
214 | width: 200px; | ||
215 | padding: 0px 1px 1px 0px; | ||
216 | margin: 0px 0px 0px 1px; | ||
217 | } | ||
218 | |||
219 | .cp_pu_palette_container button | ||
220 | { | ||
221 | display: block; | ||
222 | float: left; | ||