diff options
author | Eric Guzman | 2012-03-13 21:52:03 -0700 |
---|---|---|
committer | Eric Guzman | 2012-03-13 21:52:03 -0700 |
commit | 9aa0880cd37d34c9c2d9c4ed455aa1f562f56ef3 (patch) | |
tree | a11a4d791b538fce2b54744180add9faf0dfb797 /js/panels/color/colorpanelbase.reel/css | |
parent | 40e03e102c14a343efee1bdcf32d0d244e3f8344 (diff) | |
parent | f4373594569f77d710eea9a266fe41419c029f85 (diff) | |
download | ninja-9aa0880cd37d34c9c2d9c4ed455aa1f562f56ef3.tar.gz |
Merge branch 'refs/heads/master' into CSSPanelUpdates
Diffstat (limited to 'js/panels/color/colorpanelbase.reel/css')
-rwxr-xr-x | js/panels/color/colorpanelbase.reel/css/colorpanelbase.css | 332 | ||||
-rwxr-xr-x | js/panels/color/colorpanelbase.reel/css/colorpanelbase.scss | 339 |
2 files changed, 671 insertions, 0 deletions
diff --git a/js/panels/color/colorpanelbase.reel/css/colorpanelbase.css b/js/panels/color/colorpanelbase.reel/css/colorpanelbase.css new file mode 100755 index 00000000..e4a0aa12 --- /dev/null +++ b/js/panels/color/colorpanelbase.reel/css/colorpanelbase.css | |||
@@ -0,0 +1,332 @@ | |||
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 | /* line 23, colorpanelbase.scss */ | ||
8 | .cp_expanded { | ||
9 | font-size: 12px; | ||
10 | text-shadow: 1px 1px 1px #000; | ||
11 | color: #FFF; | ||
12 | } | ||
13 | |||
14 | /* line 30, colorpanelbase.scss */ | ||
15 | .cp_expanded a:hover { | ||
16 | color: #CCC; | ||
17 | } | ||
18 | |||
19 | /* line 35, colorpanelbase.scss */ | ||
20 | .cp_expanded hr { | ||
21 | float: left; | ||
22 | clear: both; | ||
23 | width: 100%; | ||
24 | display: block; | ||
25 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242)); | ||
26 | border: none; | ||
27 | height: 2px; | ||
28 | margin: 4px 0px 4px 0px; | ||
29 | } | ||
30 | |||
31 | /* line 47, colorpanelbase.scss */ | ||
32 | .cp_history { | ||
33 | float: left; | ||
34 | margin: 4px 0px 0px 4px; | ||
35 | background: url(../../../../../images/colorpanel/transparent.png) repeat; | ||
36 | } | ||
37 | |||
38 | /* line 54, colorpanelbase.scss */ | ||
39 | .cp_history button { | ||
40 | width: 22px; | ||
41 | height: 22px; | ||
42 | overflow: hidden; | ||
43 | text-indent: -9999px; | ||
44 | background: #333; | ||
45 | float: left; | ||
46 | border: solid 1px #000; | ||
47 | cursor: pointer; | ||
48 | margin: 0px -1px 0px 0px; | ||
49 | padding: 0px 0px 0px 0px; | ||
50 | } | ||
51 | |||
52 | /* line 69, colorpanelbase.scss */ | ||
53 | .cp_expanded .cp_inputs { | ||
54 | float: left; | ||
55 | margin: 0px 4px 0px 4px; | ||
56 | } | ||
57 | |||
58 | /* line 76, colorpanelbase.scss */ | ||
59 | .cp_expanded .cp_input_button { | ||
60 | background: url(../../../../../images/colorpanel/transparent.png) repeat; | ||
61 | float: left; | ||
62 | clear: left; | ||
63 | margin: 0px 0px 6px 0px; | ||
64 | } | ||
65 | |||
66 | /* line 84, colorpanelbase.scss */ | ||
67 | .cp_expanded .cp_inputs button, .cpe_fill, .cpe_stroke, .cpe_fill_icon, .cpe_stroke_icon { | ||
68 | width: 22px; | ||
69 | height: 22px; | ||
70 | overflow: hidden; | ||
71 | text-indent: -9999px; | ||
72 | padding: 0px 0px 0px 0px; | ||
73 | display: block; | ||
74 | float: left; | ||
75 | cursor: pointer; | ||
76 | } | ||
77 | |||
78 | /* line 97, colorpanelbase.scss */ | ||
79 | .cpe_fill, .cpe_stroke { | ||
80 | clear: left; | ||
81 | background-color: #333; | ||
82 | border: solid 1px #000; | ||
83 | } | ||
84 | |||
85 | /* line 104, colorpanelbase.scss */ | ||
86 | .cpe_fill_icon, .cpe_fill_icon { | ||
87 | background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; | ||
88 | background-position: -300px 0px !important; | ||
89 | border: none !important; | ||
90 | display: block; | ||
91 | } | ||
92 | |||
93 | /* line 109, colorpanelbase.scss */ | ||
94 | .cpe_fill_icon:hover, .cpe_fill_icon.selected, .cpe_fill_icon:hover, .cpe_fill_icon.selected { | ||
95 | background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; | ||
96 | background-position: -330px 0px !important; | ||
97 | border: none !important; | ||
98 | display: block; | ||
99 | } | ||
100 | |||
101 | /* line 114, colorpanelbase.scss */ | ||
102 | .cpe_stroke_icon, .cpe_stroke_icon { | ||
103 | background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; | ||
104 | background-position: -240px -27px !important; | ||
105 | border: none !important; | ||
106 | display: block; | ||
107 | } | ||
108 | |||
109 | /* line 119, colorpanelbase.scss */ | ||
110 | .cpe_stroke_icon:hover, .cpe_stroke_icon.selected, .cpe_stroke_icon:hover, .cpe_stroke_icon.selected { | ||
111 | background: url(../../../../../images/SpriteSheets/NinjaSpriteSheet.png) transparent no-repeat top left !important; | ||
112 | background-position: -270px -27px !important; | ||
113 | border: none !important; | ||
114 | display: block; | ||
115 | } | ||
116 | |||
117 | /* line 124, colorpanelbase.scss */ | ||
118 | .cp_modes { | ||
119 | float: right; | ||
120 | margin: 4px 6px 0px 0px; | ||
121 | min-width: 73px; | ||
122 | } | ||
123 | |||
124 | /* line 131, colorpanelbase.scss */ | ||
125 | .cp_modes button { | ||
126 | font-size: 14px; | ||
127 | line-height: 22px; | ||
128 | vertical-align: middle; | ||
129 | float: left; | ||
130 | background: none; | ||
131 | border: none; | ||
132 | margin: 0px; | ||
133 | padding: 0px; | ||
134 | color: #FFF; | ||
135 | text-shadow: 1px 1px 1px #000; | ||
136 | font-family: 'Droid Sans', sans-serif; | ||
137 | } | ||
138 | |||
139 | /* line 146, colorpanelbase.scss */ | ||
140 | .cp_modes button:hover { | ||
141 | cursor: pointer; | ||
142 | color: #CCC; | ||
143 | } | ||
144 | |||
145 | /* line 152, colorpanelbase.scss */ | ||
146 | .cp_rgb_mode, .cp_hsl_mode { | ||
147 | color: #888 !important; | ||
148 | } | ||
149 | |||
150 | /* line 157, colorpanelbase.scss */ | ||
151 | .cp_rgb_mode:hover { | ||
152 | color: #CCC !important; | ||
153 | } | ||
154 | |||
155 | /* line 162, colorpanelbase.scss */ | ||
156 | .cp_rgb_mode.selected { | ||
157 | color: #FFF !important; | ||
158 | } | ||
159 | |||
160 | /* line 167, colorpanelbase.scss */ | ||
161 | .cp_modes hr { | ||
162 | display: block; | ||
163 | float: left; | ||
164 | width: 2px; | ||
165 | height: 14px; | ||
166 | border: none; | ||
167 | clear: none; | ||
168 | background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242)); | ||
169 | margin: 4px 8px 0px 9px; | ||
170 | } | ||
171 | |||
172 | /* line 179, colorpanelbase.scss */ | ||
173 | .cp_options { | ||
174 | float: left; | ||
175 | margin: 56px 0px 0px -48px; | ||
176 | } | ||
177 | |||
178 | /* line 186, colorpanelbase.scss */ | ||
179 | .cp_options button { | ||
180 | width: 14px; | ||
181 | height: 15px; | ||
182 | overflow: hidden; | ||
183 | text-indent: -9999px; | ||
184 | float: left; | ||
185 | cursor: pointer; | ||
186 | margin: 0px 2px 0px 0px; | ||
187 | border: none; | ||
188 | opacity: .7; | ||
189 | } | ||
190 | |||
191 | /* line 199, colorpanelbase.scss */ | ||
192 | .cp_options button:hover { | ||
193 | background-position: 0px 1px; | ||
194 | opacity: 1; | ||
195 | } | ||
196 | |||
197 | /* line 205, colorpanelbase.scss */ | ||
198 | .cp_reset { | ||
199 | background: url(../img/icon_default.png) transparent no-repeat 0px 0px; | ||
200 | } | ||
201 | |||
202 | /* line 210, colorpanelbase.scss */ | ||
203 | .cp_nocolor { | ||
204 | background: url(../img/icon_nocolor.png) transparent no-repeat 0px 0px; | ||
205 | } | ||
206 | |||
207 | /* line 215, colorpanelbase.scss */ | ||
208 | .cp_swap { | ||
209 | background: url(../img/icon_swap.png) transparent no-repeat 0px 0px; | ||
210 | } | ||
211 | |||
212 | /* line 220, colorpanelbase.scss */ | ||
213 | .cp_sliders { | ||
214 | float: left; | ||
215 | width: 127px; | ||