diff options
author | Valerio Virgillito | 2012-02-23 17:05:43 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-02-23 17:05:43 -0800 |
commit | afc53c6f553c97ab778154154aa2b7a146cb5fef (patch) | |
tree | 66b5ec886a49894feda44ccf8b5233ef39a46536 /js/panels/Timeline/Layer.reel/css | |
parent | 8974ecd564563a991ff96f9cb6d47da172174242 (diff) | |
parent | db2fd02a1b0e909bb536fa63cefd2144f4642ead (diff) | |
download | ninja-afc53c6f553c97ab778154154aa2b7a146cb5fef.tar.gz |
Merge branch 'refs/heads/master' into local-storage-version
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css')
-rw-r--r-- | js/panels/Timeline/Layer.reel/css/Layer.css | 117 |
1 files changed, 37 insertions, 80 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css index 39869c92..3547a15e 100644 --- a/js/panels/Timeline/Layer.reel/css/Layer.css +++ b/js/panels/Timeline/Layer.reel/css/Layer.css | |||
@@ -2,63 +2,6 @@ | |||
2 | /* Layer.scss | 2 | /* Layer.scss |
3 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. | 3 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. |
4 | */ | 4 | */ |
5 | /* <copyright> | ||
6 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
7 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
8 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
9 | </copyright> */ | ||
10 | /* | ||
11 | * _colors.scss | ||
12 | * Defines the colors for the UI of the application. | ||
13 | * To create a new theme, copy this file and change the values as desired. | ||
14 | * Note: Some colors are defined as both rgb and rgba; some of the rgba versions have multiple a values. | ||
15 | */ | ||
16 | /* Colors for radio buttons and other form elements */ | ||
17 | /* Base colors for dividers | ||
18 | * | ||
19 | * Dividers consist of a div with a background color and either | ||
20 | * a top & bottom border (in the case of horizontal dividers) | ||
21 | * or a left & right border (in the case of vertical dividers), | ||
22 | * for a total of three different colors. | ||
23 | * | ||
24 | */ | ||
25 | /* top and left */ | ||
26 | /* Middle */ | ||
27 | /* Bottom and right */ | ||
28 | /* Main background color of entire app */ | ||
29 | /* Main app background color. */ | ||
30 | /* rgba version */ | ||
31 | /* Main app border color */ | ||
32 | /* color of drop shadows */ | ||
33 | /* Stage color */ | ||
34 | /* body border color */ | ||
35 | /* Body background color */ | ||
36 | /* Colors for main dropdown menus: background & text for both regular and highlighted states, dividers */ | ||
37 | /* Colors for tools: background, text, how they interact with the UI */ | ||
38 | /* Colors for panels: background & text, both regular and highlighted states, dividers, borders, shadows, etc. */ | ||
39 | /* used for editable items in their non-edit state, etc. */ | ||
40 | /* Border for panel and for block elements */ | ||
41 | /* Shadow for text and block elements */ | ||
42 | /* Colors for scroll bars */ | ||
43 | /* <copyright> | ||
44 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
45 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
46 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
47 | </copyright> */ | ||
48 | /* | ||
49 | * themes/themename/mixins.scss | ||
50 | * Mixins that are theme-dependent (e.g. sprite mixins, etc) | ||
51 | */ | ||
52 | /* <copyright> | ||
53 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
54 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
55 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
56 | </copyright> */ | ||
57 | /* | ||
58 | * mixins.scss | ||
59 | * Generic mixins. Theme-specific mixins (e.g. for sprites) | ||
60 | * should go in the theme/themename/mixins.scss file. | ||
61 | */ | ||
62 | /* line 16, ../scss/Layer.scss */ | 5 | /* line 16, ../scss/Layer.scss */ |
63 | .layerLabel { | 6 | .layerLabel { |
64 | width: 100%; | 7 | width: 100%; |
@@ -174,23 +117,24 @@ | |||
174 | border-width: 0px; | 117 | border-width: 0px; |
175 | } | 118 | } |
176 | 119 | ||
177 | /* line 112, ../scss/Layer.scss */ | 120 | /* line 113, ../scss/Layer.scss */ |
178 | .label-layer, | 121 | .label-layer, |
179 | .label-position, | 122 | .label-position, |
180 | .label-transform, | 123 | .label-transform, |
181 | .label-style { | 124 | .label-style, |
125 | .label-styles { | ||
182 | position: relative; | 126 | position: relative; |
183 | border-bottom: 1px solid #505050; | 127 | border-bottom: 1px solid #505050; |
184 | cursor: pointer; | 128 | cursor: pointer; |
185 | } | 129 | } |
186 | 130 | ||
187 | /* line 119, ../scss/Layer.scss */ | 131 | /* line 120, ../scss/Layer.scss */ |
188 | .content-layer .collapsible-label, | 132 | .content-layer .collapsible-label, |
189 | .content-layer .collapsible-content { | 133 | .content-layer .collapsible-content { |
190 | font-size: 11px; | 134 | font-size: 11px; |
191 | } | 135 | } |
192 | 136 | ||
193 | /* line 123, ../scss/Layer.scss */ | 137 | /* line 124, ../scss/Layer.scss */ |
194 | .collapsible-clicker { | 138 | .collapsible-clicker { |
195 | position: absolute; | 139 | position: absolute; |
196 | width: 10px; | 140 | width: 10px; |
@@ -203,23 +147,23 @@ | |||
203 | background-repeat: no-repeat; | 147 | background-repeat: no-repeat; |
204 | } | 148 | } |
205 | 149 | ||
206 | /* line 134, ../scss/Layer.scss */ | 150 | /* line 135, ../scss/Layer.scss */ |
207 | .collapsible-clicker.collapsible-collapsed { | 151 | .collapsible-clicker.collapsible-collapsed { |
208 | background-image: url(../images/icon-collapsed.png); | 152 | background-image: url(../images/icon-collapsed.png); |
209 | } | 153 | } |
210 | 154 | ||
211 | /* line 137, ../scss/Layer.scss */ | 155 | /* line 138, ../scss/Layer.scss */ |
212 | .collapsible-content .collapsible-clicker { | 156 | .collapsible-content .collapsible-clicker { |
213 | left: 12px; | 157 | left: 12px; |
214 | } | 158 | } |
215 | 159 | ||
216 | /* line 140, ../scss/Layer.scss */ | 160 | /* line 141, ../scss/Layer.scss */ |
217 | .content-layer.collapsible-collapsed { | 161 | .content-layer.collapsible-collapsed { |
218 | height: 0px; | 162 | height: 0px; |
219 | overflow: hidden; | 163 | overflow: hidden; |
220 | } | 164 | } |
221 | 165 | ||
222 | /* line 146, ../scss/Layer.scss */ | 166 | /* line 147, ../scss/Layer.scss */ |
223 | .label-layer .cssbutton, | 167 | .label-layer .cssbutton, |
224 | .label-style .cssbutton { | 168 | .label-style .cssbutton { |
225 | width: 14px; | 169 | width: 14px; |
@@ -229,21 +173,21 @@ | |||
229 | background-repeat: no-repeat; | 173 | background-repeat: no-repeat; |
230 | } | 174 | } |
231 | 175 | ||
232 | /* line 153, ../scss/Layer.scss */ | 176 | /* line 154, ../scss/Layer.scss */ |
233 | .label-layer .button-lock { | 177 | .label-layer .button-lock { |
234 | background-image: url(../images/icon-lock.png); | 178 | background-image: url(../images/icon-lock.png); |
235 | top: 3px; | 179 | top: 3px; |
236 | right: 27px; | 180 | right: 27px; |
237 | } | 181 | } |
238 | 182 | ||
239 | /* line 158, ../scss/Layer.scss */ | 183 | /* line 159, ../scss/Layer.scss */ |
240 | .label-layer .button-visible { | 184 | .label-layer .button-visible { |
241 | background-image: url(../images/icon-eye.png); | 185 | background-image: url(../images/icon-eye.png); |
242 | top: 3px; | 186 | top: 3px; |
243 | right: 7px; | 187 | right: 7px; |
244 | } | 188 | } |
245 | 189 | ||
246 | /* line 163, ../scss/Layer.scss */ | 190 | /* line 164, ../scss/Layer.scss */ |
247 | .label-style .button-add { | 191 | .label-style .button-add { |
248 | background-image: url(../images/icon-plus.png); | 192 | background-image: url(../images/icon-plus.png); |
249 | width: 15px; | 193 | width: 15px; |
@@ -252,7 +196,7 @@ | |||
252 | right: 11px; | 196 | right: 11px; |
253 | } | 197 | } |
254 | 198 | ||
255 | /* line 170, ../scss/Layer.scss */ | 199 | /* line 171, ../scss/Layer.scss */ |
256 | .label-style .button-delete { | 200 | .label-style .button-delete { |
257 | background-image: url(../images/icon-minus.png); | 201 | background-image: url(../images/icon-minus.png); |
258 | width: 15px; | 202 | width: 15px; |
@@ -261,17 +205,17 @@ | |||
261 | right: 31px; | 205 | right: 31px; |
262 | } | 206 | } |
263 | 207 | ||
264 | /* line 177, ../scss/Layer.scss */ | 208 | /* line 178, ../scss/Layer.scss */ |
265 | .collapsible-content .layout-table { | 209 | .collapsible-content .layout-table { |
266 | width: 99.9%; | 210 | width: 99.9%; |
267 | } | 211 | } |
268 | 212 | ||
269 | /* line 180, ../scss/Layer.scss */ | 213 | /* line 181, ../scss/Layer.scss */ |
270 | .content-layer .collapsible-content { | 214 | .content-layer .collapsible-content { |
271 | padding-left: 30px; | 215 | padding-left: 30px; |
272 | } | 216 | } |
273 | 217 | ||
274 | /* line 183, ../scss/Layer.scss */ | 218 | /* line 184, ../scss/Layer.scss */ |
275 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { | 219 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { |
276 | width: 40%; | 220 | width: 40%; |
277 | height: 20px; | 221 | height: 20px; |
@@ -280,19 +224,19 @@ | |||
280 | text-align: left; | 224 | text-align: left; |
281 | } | 225 | } |
282 | 226 | ||
283 | /* line 190, ../scss/Layer.scss */ | 227 | /* line 191, ../scss/Layer.scss */ |
284 | .collapsible-content .layout-table:first-child { | 228 | .collapsible-content .layout-table:first-child { |
285 | border-top: 1px solid #505050; | 229 | border-top: 1px solid #505050; |
286 | } | 230 | } |
287 | 231 | ||