diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css/Layer.css')
-rw-r--r-- | js/panels/Timeline/Layer.reel/css/Layer.css | 117 |
1 files changed, 40 insertions, 77 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css index 39869c92..833c921c 100644 --- a/js/panels/Timeline/Layer.reel/css/Layer.css +++ b/js/panels/Timeline/Layer.reel/css/Layer.css | |||
@@ -1,63 +1,12 @@ | |||
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; |
2 | /* Layer.scss | ||
3 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. | ||
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> | 2 | /* <copyright> |
53 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | 3 | 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/> | 4 | 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. | 5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
56 | </copyright> */ | 6 | </copyright> */ |
57 | /* | 7 | |
58 | * mixins.scss | 8 | /* Layer.scss |
59 | * Generic mixins. Theme-specific mixins (e.g. for sprites) | 9 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. |
60 | * should go in the theme/themename/mixins.scss file. | ||
61 | */ | 10 | */ |
62 | /* line 16, ../scss/Layer.scss */ | 11 | /* line 16, ../scss/Layer.scss */ |
63 | .layerLabel { | 12 | .layerLabel { |
@@ -174,23 +123,24 @@ | |||
174 | border-width: 0px; | 123 | border-width: 0px; |
175 | } | 124 | } |
176 | 125 | ||
177 | /* line 112, ../scss/Layer.scss */ | 126 | /* line 113, ../scss/Layer.scss */ |
178 | .label-layer, | 127 | .label-layer, |
179 | .label-position, | 128 | .label-position, |
180 | .label-transform, | 129 | .label-transform, |
181 | .label-style { | 130 | .label-style, |
131 | .label-styles { | ||
182 | position: relative; | 132 | position: relative; |
183 | border-bottom: 1px solid #505050; | 133 | border-bottom: 1px solid #505050; |
184 | cursor: pointer; | 134 | cursor: pointer; |
185 | } | 135 | } |
186 | 136 | ||
187 | /* line 119, ../scss/Layer.scss */ | 137 | /* line 120, ../scss/Layer.scss */ |
188 | .content-layer .collapsible-label, | 138 | .content-layer .collapsible-label, |
189 | .content-layer .collapsible-content { | 139 | .content-layer .collapsible-content { |
190 | font-size: 11px; | 140 | font-size: 11px; |
191 | } | 141 | } |
192 | 142 | ||
193 | /* line 123, ../scss/Layer.scss */ | 143 | /* line 124, ../scss/Layer.scss */ |
194 | .collapsible-clicker { | 144 | .collapsible-clicker { |
195 | position: absolute; | 145 | position: absolute; |
196 | width: 10px; | 146 | width: 10px; |
@@ -203,23 +153,23 @@ | |||
203 | background-repeat: no-repeat; | 153 | background-repeat: no-repeat; |
204 | } | 154 | } |
205 | 155 | ||
206 | /* line 134, ../scss/Layer.scss */ | 156 | /* line 135, ../scss/Layer.scss */ |
207 | .collapsible-clicker.collapsible-collapsed { | 157 | .collapsible-clicker.collapsible-collapsed { |
208 | background-image: url(../images/icon-collapsed.png); | 158 | background-image: url(../images/icon-collapsed.png); |
209 | } | 159 | } |
210 | 160 | ||
211 | /* line 137, ../scss/Layer.scss */ | 161 | /* line 138, ../scss/Layer.scss */ |
212 | .collapsible-content .collapsible-clicker { | 162 | .collapsible-content .collapsible-clicker { |
213 | left: 12px; | 163 | left: 12px; |
214 | } | 164 | } |
215 | 165 | ||
216 | /* line 140, ../scss/Layer.scss */ | 166 | /* line 141, ../scss/Layer.scss */ |
217 | .content-layer.collapsible-collapsed { | 167 | .content-layer.collapsible-collapsed { |
218 | height: 0px; | 168 | height: 0px; |
219 | overflow: hidden; | 169 | overflow: hidden; |
220 | } | 170 | } |
221 | 171 | ||
222 | /* line 146, ../scss/Layer.scss */ | 172 | /* line 147, ../scss/Layer.scss */ |
223 | .label-layer .cssbutton, | 173 | .label-layer .cssbutton, |
224 | .label-style .cssbutton { | 174 | .label-style .cssbutton { |
225 | width: 14px; | 175 | width: 14px; |
@@ -229,21 +179,21 @@ | |||
229 | background-repeat: no-repeat; | 179 | background-repeat: no-repeat; |
230 | } | 180 | } |
231 | 181 | ||
232 | /* line 153, ../scss/Layer.scss */ | 182 | /* line 154, ../scss/Layer.scss */ |
233 | .label-layer .button-lock { | 183 | .label-layer .button-lock { |
234 | background-image: url(../images/icon-lock.png); | 184 | background-image: url(../images/icon-lock.png); |
235 | top: 3px; | 185 | top: 3px; |
236 | right: 27px; | 186 | right: 27px; |
237 | } | 187 | } |
238 | 188 | ||
239 | /* line 158, ../scss/Layer.scss */ | 189 | /* line 159, ../scss/Layer.scss */ |
240 | .label-layer .button-visible { | 190 | .label-layer .button-visible { |
241 | background-image: url(../images/icon-eye.png); | 191 | background-image: url(../images/icon-eye.png); |
242 | top: 3px; | 192 | top: 3px; |
243 | right: 7px; | 193 | right: 7px; |
244 | } | 194 | } |
245 | 195 | ||
246 | /* line 163, ../scss/Layer.scss */ | 196 | /* line 164, ../scss/Layer.scss */ |
247 | .label-style .button-add { | 197 | .label-style .button-add { |
248 | background-image: url(../images/icon-plus.png); | 198 | background-image: url(../images/icon-plus.png); |
249 | width: 15px; | 199 | width: 15px; |
@@ -252,7 +202,7 @@ | |||
252 | right: 11px; | 202 | right: 11px; |
253 | } | 203 | } |
254 | 204 | ||
255 | /* line 170, ../scss/Layer.scss */ | 205 | /* line 171, ../scss/Layer.scss */ |
256 | .label-style .button-delete { | 206 | .label-style .button-delete { |
257 | background-image: url(../images/icon-minus.png); | 207 | background-image: url(../images/icon-minus.png); |
258 | width: 15px; | 208 | width: 15px; |
@@ -261,17 +211,17 @@ | |||
261 | right: 31px; | 211 | right: 31px; |
262 | } | 212 | } |
263 | 213 | ||
264 | /* line 177, ../scss/Layer.scss */ | 214 | /* line 178, ../scss/Layer.scss */ |
265 | .collapsible-content .layout-table { | 215 | .collapsible-content .layout-table { |
266 | width: 99.9%; | 216 | width: 99.9%; |
267 | } | 217 | } |
268 | 218 | ||
269 | /* line 180, ../scss/Layer.scss */ | 219 | /* line 181, ../scss/Layer.scss */ |
270 | .content-layer .collapsible-content { | 220 | .content-layer .collapsible-content { |
271 | padding-left: 30px; | 221 | padding-left: 30px; |
272 | } | 222 | } |
273 | 223 | ||
274 | /* line 183, ../scss/Layer.scss */ | 224 | /* line 184, ../scss/Layer.scss */ |
275 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { | 225 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { |
276 | width: 40%; | 226 | width: 40%; |
277 | height: 20px; | 227 | height: 20px; |
@@ -280,19 +230,19 @@ | |||
280 | text-align: left; | 230 | text-align: left; |
281 | } | 231 | } |
282 | 232 | ||
283 | /* line 190, ../scss/Layer.scss */ | 233 | /* line 191, ../scss/Layer.scss */ |
284 | .collapsible-content .layout-table:first-child { | 234 | .collapsible-content .layout-table:first-child { |
285 | border-top: 1px solid #505050; | 235 | border-top: 1px solid #505050; |
286 | } | 236 | } |
287 | 237 | ||
288 | /* line 193, ../scss/Layer.scss */ | 238 | /* line 194, ../scss/Layer.scss */ |
289 | .collapsible-transition { | 239 | .collapsible-transition { |
290 | -webkit-transition-property: height; |