aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel/css
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css')
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css117
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
288/* line 193, ../scss/Layer.scss */ 232/* line 194, ../scss/Layer.scss */
289.collapsible-transition { 233.collapsible-transition {
290 -webkit-transition-property: height; 234 -webkit-transition-property: height;
291 -webkit-transition-duration: 200ms; 235 -webkit-transition-duration: 200ms;
292 -webkit-transition-timing-function: ease-in; 236 -webkit-transition-timing-function: ease