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.css285
1 files changed, 285 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..833c921c
--- /dev/null
+++ b/js/panels/Timeline/Layer.reel/css/Layer.css
@@ -0,0 +1,285 @@
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
8/* Layer.scss
9 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css.
10 */
11/* line 16, ../scss/Layer.scss */
12.layerLabel {
13 width: 100%;
14 color: white;
15 height: 21px;
16 font-family: 'Droid Sans';
17 font-size: 12px;
18 text-shadow: 1px 1px 1px #3a3a3a;
19 display: -webkit-box;
20 -webkit-box-orient: horizontal;
21}
22
23/* line 26, ../scss/Layer.scss */
24.layerLabel.layerSelected {
25 background-color: #b2b2b2;
26 color: #242424;
27}
28
29/* line 30, ../scss/Layer.scss */
30.layerLabel {
31 width: 100%;
32 height: 18px;
33 padding-left: 25px;
34 padding-top: 2px;
35 -webkit-box-flex: 1;
36}
37
38/* line 37, ../scss/Layer.scss */
39.layerDisclosure {
40 background-image: url("../images/panelDisclosureIcon.png");
41 background-repeat: no-repeat;
42 width: 16px;
43 height: 16px;
44 /*float: left;*/
45 -webkit-transition-property: rotate;
46 -webkit-transition-duration: 0.2s;
47 -webkit-transition-timing-function: linear;
48 padding-right: 2px;
49 -webkit-box-flex: 0;
50}
51
52/* line 50, ../scss/Layer.scss */
53.layerHide {
54 background-image: url("../images/eye.png");
55 background-repeat: no-repeat;
56 /*float: right;*/
57 width: 16px;
58 height: 16px;
59 padding-right: 4px;
60 -webkit-box-flex: 0;
61}
62
63/* line 59, ../scss/Layer.scss */
64.layerLock {
65 background-image: url("../images/lock_open.png");
66 background-repeat: no-repeat;
67 /*float: right;*/
68 width: 16px;
69 height: 16px;
70 padding-right: 4px;
71 -webkit-box-flex: 0;
72}
73
74/******************************************/
75/* line 71, ../scss/Layer.scss */
76.container-layer {
77 background-color: #474747;
78 color: white;
79 font-size: 12px;
80 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
81}
82
83/* line 77, ../scss/Layer.scss */
84.selected .container-layer {
85 background-color: #474747;
86}
87
88/* line 80, ../scss/Layer.scss */
89.selected .container-layer .label-layer {
90 background-color: #b2b2b2;
91 color: #242424;
92}
93
94/* line 85, ../scss/Layer.scss */
95.userlayers .collapsible-label {
96 display: block;
97 width: 100px;
98 height: 21px;
99 line-height: 20px;
100 color: white;
101 margin-left: 30px;
102 margin-right: 20px;
103 white-space: nowrap;
104 overflow: hidden;
105 text-overflow: ellipsis;
106}
107
108/* line 97, ../scss/Layer.scss */
109.layerSelected .label-layer {
110 background-color: #b2b2b2;
111 color: #242424;
112}
113
114/* line 101, ../scss/Layer.scss */
115.content-layer {
116 background-color: #474747;
117 color: white;
118}
119
120/* line 105, ../scss/Layer.scss */
121.content-layer .collapsible-label {
122 background-position: 14px 5px;
123 border-width: 0px;
124}
125
126/* line 113, ../scss/Layer.scss */
127.label-layer,
128.label-position,
129.label-transform,
130.label-style,
131.label-styles {
132 position: relative;
133 border-bottom: 1px solid #505050;
134 cursor: pointer;
135}
136
137/* line 120, ../scss/Layer.scss */
138.content-layer .collapsible-label,
139.content-layer .collapsible-content {
140 font-size: 11px;
141}
142
143/* line 124, ../scss/Layer.scss */
144.collapsible-clicker {
145 position: absolute;
146 width: 10px;
147 height: 10px;
148 top: 5px;
149 left: 5px;
150 margin: 0px;
151 padding: 0px;
152 background-image: url(../images/icon-open.png);
153 background-repeat: no-repeat;
154}
155
156/* line 135, ../scss/Layer.scss */
157.collapsible-clicker.collapsible-collapsed {
158 background-image: url(../images/icon-collapsed.png);
159}
160
161/* line 138, ../scss/Layer.scss */
162.collapsible-content .collapsible-clicker {
163 left: 12px;
164}
165
166/* line 141, ../scss/Layer.scss */
167.content-layer.collapsible-collapsed {
168 height: 0px;
169 overflow: hidden;
170}
171
172/* line 147, ../scss/Layer.scss */
173.label-layer .cssbutton,
174.label-style .cssbutton {
175 width: 14px;
176 height: 14px;
177 overflow: hidden;
178 position: absolute;
179 background-repeat: no-repeat;
180}
181
182/* line 154, ../scss/Layer.scss */
183.label-layer .button-lock {
184 background-image: url(../images/icon-lock.png);
185 top: 3px;
186 right: 27px;
187}
188
189/* line 159, ../scss/Layer.scss */
190.label-layer .button-visible {
191 background-image: url(../images/icon-eye.png);
192 top: 3px;
193 right: 7px;
194}
195
196/* line 164, ../scss/Layer.scss */
197.label-style .button-add {
198 background-image: url(../images/icon-plus.png);
199 width: 15px;
200 height: 15px;
201 top: 3px;
202 right: 11px;
203}
204
205/* line 171, ../scss/Layer.scss */
206.label-style .button-delete {
207 background-image: url(../images/icon-minus.png);
208 width: 15px;
209 height: 15px;
210 top: 3px;
211 right: 31px;
212}
213
214/* line 178, ../scss/Layer.scss */
215.collapsible-content .layout-table {
216 width: 99.9%;
217}
218
219/* line 181, ../scss/Layer.scss */
220.content-layer .collapsible-content {
221 padding-left: 30px;
222}
223
224/* line 184, ../scss/Layer.scss */
225.collapsible-content .collapsible-content .layout-table .layout-row .layout-cell {
226 width: 40%;
227 height: 20px;
228 border-bottom: 1px solid #505050;
229 line-height: 20px;
230 text-align: left;
231}
232
233/* line 191, ../scss/Layer.scss */
234.collapsible-content .layout-table:first-child {
235 border-top: 1px solid #505050;
236}
237