aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel/css/Layer.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css/Layer.css')
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css322
1 files changed, 322 insertions, 0 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css
new file mode 100644
index 00000000..39869c92
--- /dev/null
+++ b/js/panels/Timeline/Layer.reel/css/Layer.css
@@ -0,0 +1,322 @@
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>
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 */
63.layerLabel {
64 width: 100%;
65 color: white;
66 height: 21px;
67 font-family: 'Droid Sans';
68 font-size: 12px;
69 text-shadow: 1px 1px 1px #3a3a3a;
70 display: -webkit-box;
71 -webkit-box-orient: horizontal;
72}
73
74/* line 26, ../scss/Layer.scss */
75.layerLabel.layerSelected {
76 background-color: #b2b2b2;
77 color: #242424;
78}
79
80/* line 30, ../scss/Layer.scss */
81.layerLabel {
82 width: 100%;
83 height: 18px;
84 padding-left: 25px;
85 padding-top: 2px;
86 -webkit-box-flex: 1;
87}
88
89/* line 37, ../scss/Layer.scss */
90.layerDisclosure {
91 background-image: url("../images/panelDisclosureIcon.png");
92 background-repeat: no-repeat;
93 width: 16px;
94 height: 16px;
95 /*float: left;*/
96 -webkit-transition-property: rotate;
97 -webkit-transition-duration: 0.2s;
98 -webkit-transition-timing-function: linear;
99 padding-right: 2px;
100 -webkit-box-flex: 0;
101}
102
103/* line 50, ../scss/Layer.scss */
104.layerHide {
105 background-image: url("../images/eye.png");
106 background-repeat: no-repeat;
107 /*float: right;*/
108 width: 16px;
109 height: 16px;
110 padding-right: 4px;
111 -webkit-box-flex: 0;
112}
113
114/* line 59, ../scss/Layer.scss */
115.layerLock {
116 background-image: url("../images/lock_open.png");
117 background-repeat: no-repeat;
118 /*float: right;*/
119 width: 16px;
120 height: 16px;
121 padding-right: 4px;
122 -webkit-box-flex: 0;
123}
124
125/******************************************/
126/* line 71, ../scss/Layer.scss */
127.container-layer {
128 background-color: #474747;
129 color: white;
130 font-size: 12px;
131 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
132}
133
134/* line 77, ../scss/Layer.scss */
135.selected .container-layer {
136 background-color: #474747;
137}
138
139/* line 80, ../scss/Layer.scss */
140.selected .container-layer .label-layer {
141 background-color: #b2b2b2;
142 color: #242424;
143}
144
145/* line 85, ../scss/Layer.scss */
146.userlayers .collapsible-label {
147 display: block;
148 width: 100px;
149 height: 21px;
150 line-height: 20px;
151 color: white;
152 margin-left: 30px;
153 margin-right: 20px;
154 white-space: nowrap;
155 overflow: hidden;
156 text-overflow: ellipsis;
157}
158
159/* line 97, ../scss/Layer.scss */
160.layerSelected .label-layer {
161 background-color: #b2b2b2;
162 color: #242424;
163}
164
165/* line 101, ../scss/Layer.scss */
166.content-layer {
167 background-color: #474747;
168 color: white;
169}
170
171/* line 105, ../scss/Layer.scss */
172.content-layer .collapsible-label {
173 background-position: 14px 5px;
174 border-width: 0px;
175}
176
177/* line 112, ../scss/Layer.scss */
178.label-layer,
179.label-position,
180.label-transform,
181.label-style {
182 position: relative;
183 border-bottom: 1px solid #505050;
184 cursor: pointer;
185}
186
187/* line 119, ../scss/Layer.scss */
188.content-layer .collapsible-label,
189.content-layer .collapsible-content {
190 font-size: 11px;
191}
192
193/* line 123, ../scss/Layer.scss */
194.collapsible-clicker {
195 position: absolute;
196 width: 10px;
197 height: 10px;
198 top: 5px;
199 left: 5px;
200 margin: 0px;
201 padding: 0px;
202 background-image: url(../images/icon-open.png);
203 background-repeat: no-repeat;
204}
205
206/* line 134, ../scss/Layer.scss */
207.collapsible-clicker.collapsible-collapsed {
208 background-image: url(../images/icon-collapsed.png);
209}
210
211/* line 137, ../scss/Layer.scss */
212.collapsible-content .collapsible-clicker {
213 left: 12px;
214}
215
216/* line 140, ../scss/Layer.scss */
217.content-layer.collapsible-collapsed {
218 height: 0px;
219 overflow: hidden;
220}
221
222/* line 146, ../scss/Layer.scss */
223.label-layer .cssbutton,
224.label-style .cssbutton {
225 width: 14px;
226 height: 14px;
227 overflow: hidden;
228 position: absolute;
229 background-repeat: no-repeat;
230}
231
232/* line 153, ../scss/Layer.scss */
233.label-layer .button-lock {
234 background-image: url(../images/icon-lock.png);
235 top: 3px;