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.scss194
1 files changed, 97 insertions, 97 deletions
diff --git a/js/panels/Timeline/Layer.reel/scss/Layer.scss b/js/panels/Timeline/Layer.reel/scss/Layer.scss
index cf8def42..186232a2 100644
--- a/js/panels/Timeline/Layer.reel/scss/Layer.scss
+++ b/js/panels/Timeline/Layer.reel/scss/Layer.scss
@@ -33,7 +33,7 @@ POSSIBILITY OF SUCH DAMAGE.
33/* Layer.scss 33/* Layer.scss
34 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. 34 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css.
35 */ 35 */
36 36
37// Import theme settings 37// Import theme settings
38@import "../../../../../scss/imports/themes/default/colors"; 38@import "../../../../../scss/imports/themes/default/colors";
39// @import "../../../../../scss/imports/themes/default/fonts"; 39// @import "../../../../../scss/imports/themes/default/fonts";
@@ -54,8 +54,8 @@ POSSIBILITY OF SUCH DAMAGE.
54 -webkit-box-orient: horizontal; 54 -webkit-box-orient: horizontal;
55} 55}
56.layerLabel.layerSelected { 56.layerLabel.layerSelected {
57 background-color: $color-panel-hilite-bg; 57 background-color: $color-panel-hilite-bg;
58 color: $color-panel-hilite-text; 58 color: $color-panel-hilite-text;
59} 59}
60.layerLabel{ 60.layerLabel{
61 width:100%; 61 width:100%;
@@ -100,208 +100,208 @@ POSSIBILITY OF SUCH DAMAGE.
100 100
101.container-layer, 101.container-layer,
102.container-layer.selected { 102.container-layer.selected {
103 background-color: $color-panel-bg; 103 background-color: $color-panel-bg;
104 color: $color-panel-text; 104 color: $color-panel-text;
105 font-size: 12px; 105 font-size: 12px;
106 text-shadow: 1px 1px 1px $color-app-shadow; 106 text-shadow: 1px 1px 1px $color-app-shadow;
107} 107}
108.selected .container-layer { 108.selected .container-layer {
109 background-color: $color-panel-bg; 109 background-color: $color-panel-bg;
110} 110}
111.selected .container-layer .label-layer { 111.selected .container-layer .label-layer {
112 background-color: $color-panel-hilite-bg; 112 background-color: $color-panel-hilite-bg;
113 color: $color-panel-hilite-text; 113 color: $color-panel-hilite-text;
114} 114}
115 115
116.userlayers .collapsible-label { 116.userlayers .collapsible-label {
117 display: block; 117 display: block;
118 height: 21px; 118 height: 21px;
119 line-height: 20px; 119 line-height: 20px;
120 color: $color-panel-text; 120 color: $color-panel-text;
121 margin-left: 80px; 121 margin-left: 80px;
122 margin-right: 40px; 122 margin-right: 40px;
123 white-space: nowrap; 123 white-space: nowrap;
124 overflow: hidden; 124 overflow: hidden;
125 text-overflow: ellipsis; 125 text-overflow: ellipsis;
126} 126}
127 127
128.userlayers .layer-tag { 128.userlayers .layer-tag {
129 position: absolute; 129 position: absolute;
130 top: 3px; 130 top: 3px;
131 left: 20px; 131 left: 20px;
132} 132}
133 133
134 134
135.layerSelected .label-layer { 135.layerSelected .label-layer {
136 background-color: $color-menu-hilite-bg; 136 background-color: $color-menu-hilite-bg;
137 color: $color-panel-hilite-text; 137 color: $color-panel-hilite-text;
138} 138}
139.content-layer { 139.content-layer {
140 background-color: $color-panel-bg; 140 background-color: $color-panel-bg;
141 color: $color-panel-text; 141 color: $color-panel-text;
142} 142}
143.content-layer .collapsible-label { 143.content-layer .collapsible-label {
144 background-position: 14px 5px; 144 background-position: 14px 5px;
145 border-width: 0px; 145 border-width: 0px;
146} 146}
147.label-layer, 147.label-layer,
148.label-position, 148.label-position,
149.label-transform, 149.label-transform,
150.label-style, 150.label-style,
151.label-styles { 151.label-styles {
152 position: relative; 152 position: relative;
153 border-bottom: 1px solid #505050; 153 border-bottom: 1px solid #505050;
154 cursor: pointer; 154 cursor: pointer;
155} 155}
156 156
157.content-layer .collapsible-label, 157.content-layer .collapsible-label,
158.content-layer .collapsible-content, 158.content-layer .collapsible-content,
159.content-layer .layer-tag { 159.content-layer .layer-tag {
160 font-size: 11px; 160 font-size: 11px;
161} 161}
162 162
163 163
164 164
165.label-layer .collapsible-label br, 165.label-layer .collapsible-label br,
166.content-style .editable br { 166.content-style .editable br {
167 display: none; 167 display: none;
168} 168}
169 169
170.collapsible-clicker { 170.collapsible-clicker {
171 position: absolute; 171 position: absolute;
172 width: 10px; 172 width: 10px;
173 height: 10px; 173 height: 10px;
174 top: 5px; 174 top: 5px;
175 left: 5px; 175 left: 5px;
176 margin: 0px; 176 margin: 0px;
177 padding: 0px; 177 padding: 0px;
178 background-image: url(../images/icon-open.png); 178 background-image: url(../images/icon-open.png);
179 background-repeat: no-repeat; 179 background-repeat: no-repeat;
180} 180}
181.collapsible-clicker.collapsible-collapsed { 181.collapsible-clicker.collapsible-collapsed {
182 background-image: url(../images/icon-collapsed.png); 182 background-image: url(../images/icon-collapsed.png);
183} 183}
184.collapsible-content .collapsible-clicker { 184.collapsible-content .collapsible-clicker {
185 left: 12px; 185 left: 12px;
186} 186}
187.container-layer .collapsible-content.collapsible-collapsed { 187.container-layer .collapsible-content.collapsible-collapsed {
188 height: 0px; 188 height: 0px;
189 overflow: hidden; 189 overflow: hidden;
190} 190}
191 191
192.label-layer .cssbutton, 192.label-layer .cssbutton,
193.label-style .cssbutton { 193.label-style .cssbutton {
194 width: 14px; 194 width: 14px;
195 height: 14px; 195 height: 14px;
196 overflow: hidden; 196 overflow: hidden;
197 position: absolute; 197 position: absolute;
198 background-repeat: no-repeat; 198 background-repeat: no-repeat;
199} 199}
200.label-layer .button-lock { 200.label-layer .button-lock {
201 background-image: url(../images/icon-lock.png); 201 background-image: url(../images/icon-lock.png);
202 top: 3px; 202 top: 3px;
203 right: 27px; 203 right: 27px;
204} 204}
205.label-layer .button-visible { 205.label-layer .button-visible {
206 background-image: url(../images/icon-eye.png); 206 background-image: url(../images/icon-eye.png);
207 top: 3px; 207 top: 3px;
208 right: 7px; 208 right: 7px;
209} 209}
210.label-style .button-add { 210.label-style .button-add {
211 background-image: url(../images/icon-plus.png); 211 background-image: url(../images/icon-plus.png);
212 width: 15px; 212 width: 15px;
213 height: 15px; 213 height: 15px;
214 top: 3px; 214 top: 3px;
215 right: 11px; 215 right: 11px;
216} 216}
217.label-style .button-delete { 217.label-style .button-delete {
218 background-image: url(../images/icon-minus.png); 218 background-image: url(../images/icon-minus.png);
219 width: 15px; 219 width: 15px;
220 height: 15px; 220 height: 15px;
221 top: 3px; 221 top: 3px;
222 right: 31px; 222 right: 31px;
223} 223}
224.timeline-track .collapsible-content { 224.timeline-track .collapsible-content {
225 position: relative; 225 position: relative;
226} 226}
227.collapsible-content .layout-table { 227.collapsible-content .layout-table {