aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel/scss/Layer.scss
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Layer.reel/scss/Layer.scss')
-rw-r--r--js/panels/Timeline/Layer.reel/scss/Layer.scss231
1 files changed, 231 insertions, 0 deletions
diff --git a/js/panels/Timeline/Layer.reel/scss/Layer.scss b/js/panels/Timeline/Layer.reel/scss/Layer.scss
new file mode 100644
index 00000000..dda0c951
--- /dev/null
+++ b/js/panels/Timeline/Layer.reel/scss/Layer.scss
@@ -0,0 +1,231 @@
1@charset "UTF-8";
2
3/* <copyright>
4 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
5 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
6 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
7 </copyright> */
8
9/* Layer.scss
10 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css.
11 */
12
13// Import theme settings
14@import "../../../../../scss/imports/themes/default/colors";
15// @import "../../../../../scss/imports/themes/default/fonts";
16@import "../../../../../scss/imports/themes/default/mixins";
17
18// Import generic mixins and styles
19@import "../../../../../scss/imports/scss/mixins";
20// @import "../../../../../scss/imports/scss/Base";
21
22.layerLabel{
23 width: 100%;
24 color: $color-panel-text;
25 height: 21px;
26 font-family: 'Droid Sans';
27 font-size: 12px;
28 text-shadow: 1px 1px 1px $color-panel-shadow;
29 display: -webkit-box;
30 -webkit-box-orient: horizontal;
31}
32.layerLabel.layerSelected {
33 background-color: $color-panel-hilite-bg;
34 color: $color-panel-hilite-text;
35}
36.layerLabel{
37 width:100%;
38 height:18px;
39 padding-left: 25px;
40 padding-top: 2px;
41 -webkit-box-flex: 1;
42}
43.layerDisclosure{
44 background-image: url('../images/panelDisclosureIcon.png');
45 background-repeat: no-repeat;
46 width: 16px;
47 height: 16px;
48 /*float: left;*/
49
50 -webkit-transition-property: rotate;
51 -webkit-transition-duration: 0.2s;
52 -webkit-transition-timing-function: linear;
53 padding-right: 2px;
54 -webkit-box-flex: 0;
55}
56.layerHide{
57 background-image: url('../images/eye.png');
58 background-repeat: no-repeat;
59 /*float: right;*/
60 width: 16px;
61 height: 16px;
62 padding-right: 4px;
63 -webkit-box-flex: 0;
64}
65.layerLock{
66 background-image: url('../images/lock_open.png');
67 background-repeat: no-repeat;
68 /*float: right;*/
69 width: 16px;
70 height: 16px;
71 padding-right: 4px;
72 -webkit-box-flex: 0;
73}
74
75/******************************************/
76
77.container-layer {
78 background-color: $color-panel-bg;
79 color: $color-panel-text;
80 font-size: 12px;
81 text-shadow: 1px 1px 1px $color-app-shadow;
82}
83.selected .container-layer {
84 background-color: $color-panel-bg;
85}
86.selected .container-layer .label-layer {
87 background-color: $color-panel-hilite-bg;
88 color: $color-panel-hilite-text;
89}
90
91.userlayers .collapsible-label {
92 display: block;
93 width: 100px;
94 height: 21px;
95 line-height: 20px;
96 color: $color-panel-text;
97 margin-left: 30px;
98 margin-right: 20px;
99 white-space: nowrap;
100 overflow: hidden;
101 text-overflow: ellipsis;
102}
103.layerSelected .label-layer {
104 background-color: $color-panel-hilite-bg;
105 color: $color-panel-hilite-text;
106}
107.content-layer {
108 background-color: $color-panel-bg;
109 color: $color-panel-text;
110}
111.content-layer .collapsible-label {
112 background-position: 14px 5px;
113 border-width: 0px;
114}
115.label-layer,
116.label-position,
117.label-transform,
118.label-style,
119.label-styles {
120 position: relative;
121 border-bottom: 1px solid #505050;
122 cursor: pointer;
123}
124
125.content-layer .collapsible-label,
126.content-layer .collapsible-content {
127 font-size: 11px;
128}
129
130.collapsible-clicker {
131 position: absolute;
132 width: 10px;
133 height: 10px;
134 top: 5px;
135 left: 5px;
136 margin: 0px;
137 padding: 0px;
138 background-image: url(../images/icon-open.png);
139 background-repeat: no-repeat;
140}
141.collapsible-clicker.collapsible-collapsed {
142 background-image: url(../images/icon-collapsed.png);
143}
144.collapsible-content .collapsible-clicker {
145 left: 12px;
146}
147.content-layer.collapsible-collapsed {
148 height: 0px;
149 overflow: hidden;
150}
151
152.label-layer .cssbutton,
153.label-style .cssbutton {
154 width: 14px;
155 height: 14px;
156 overflow: hidden;
157 position: absolute;
158 background-repeat: no-repeat;
159}
160.label-layer .button-lock {
161 background-image: url(../images/icon-lock.png);
162 top: 3px;
163 right: 27px;
164}
165.label-layer .button-visible {
166 background-image: url(../images/icon-eye.png);
167 top: 3px;
168 right: 7px;
169}
170.label-style .button-add {
171 background-image: url(../images/icon-plus.png);
172 width: 15px;
173 height: 15px;
174 top: 3px;
175 right: 11px;
176}
177.label-style .button-delete {
178 background-image: url(../images/icon-minus.png);
179 width: 15px;
180 height: 15px;
181 top: 3px;
182 right: 31px;
183}
184.collapsible-content .layout-table {
185 width: 99.9%;
186}
187.content-layer .collapsible-content {
188 padding-left: 30px;
189}
190.collapsible-content .collapsible-content .layout-table .layout-row .layout-cell {
191 width: 40%;
192 height: 20px;
193 border-bottom: 1px solid $color-menu-divider;
194 line-height: 20px;
195 text-align: left;
196}
197.collapsible-content .layout-table:first-child {
198 border-top: 1px solid $color-menu-divider;
199}
200.collapsible-transition {
201 -webkit-transition-property: height;
202 -webkit-transition-duration: 200ms;
203 -webkit-transition-timing-function: ease-in;
204}
205
206.editable2 {
207 height: 20px;
208 background-color: $color-panel-hilite-text !IMPORTANT;
209 color: $color-panel-hilite-bg !IMPORTANT;
210 border-width: 0px;
211 font-size: 11px;
212 overflow: hidden;
213 -webkit-user-select: text;
214 text-overflow: clip;
215}
216
217.label-style .disabled {
218 cursor: default;
219}
220
221/* styles elements */
222.content-style .item-template {
223 display: none;
224}
225.content-style .layout-row.selected .layout-cell {
226 background-color: $color-panel-hilite-bg;
227 color: $color-panel-hilite-text;
228}
229.style-row {
230 height: 20px;