diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css/Layer.css')
-rw-r--r-- | js/panels/Timeline/Layer.reel/css/Layer.css | 76 |
1 files changed, 56 insertions, 20 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css index 8e36c2db..50e664c4 100644 --- a/js/panels/Timeline/Layer.reel/css/Layer.css +++ b/js/panels/Timeline/Layer.reel/css/Layer.css | |||
@@ -139,7 +139,13 @@ | |||
139 | font-size: 11px; | 139 | font-size: 11px; |
140 | } | 140 | } |
141 | 141 | ||
142 | /* line 130, ../scss/Layer.scss */ | 142 | /* line 133, ../scss/Layer.scss */ |
143 | .label-layer .collapsible-label br, | ||
144 | .content-style .editable br { | ||
145 | display: none; | ||
146 | } | ||
147 | |||
148 | /* line 137, ../scss/Layer.scss */ | ||
143 | .collapsible-clicker { | 149 | .collapsible-clicker { |
144 | position: absolute; | 150 | position: absolute; |
145 | width: 10px; | 151 | width: 10px; |
@@ -152,23 +158,23 @@ | |||
152 | background-repeat: no-repeat; | 158 | background-repeat: no-repeat; |
153 | } | 159 | } |
154 | 160 | ||
155 | /* line 141, ../scss/Layer.scss */ | 161 | /* line 148, ../scss/Layer.scss */ |
156 | .collapsible-clicker.collapsible-collapsed { | 162 | .collapsible-clicker.collapsible-collapsed { |
157 | background-image: url(../images/icon-collapsed.png); | 163 | background-image: url(../images/icon-collapsed.png); |
158 | } | 164 | } |
159 | 165 | ||
160 | /* line 144, ../scss/Layer.scss */ | 166 | /* line 151, ../scss/Layer.scss */ |
161 | .collapsible-content .collapsible-clicker { | 167 | .collapsible-content .collapsible-clicker { |
162 | left: 12px; | 168 | left: 12px; |
163 | } | 169 | } |
164 | 170 | ||
165 | /* line 147, ../scss/Layer.scss */ | 171 | /* line 154, ../scss/Layer.scss */ |
166 | .container-layer .collapsible-content.collapsible-collapsed { | 172 | .container-layer .collapsible-content.collapsible-collapsed { |
167 | height: 0px; | 173 | height: 0px; |
168 | overflow: hidden; | 174 | overflow: hidden; |
169 | } | 175 | } |
170 | 176 | ||
171 | /* line 153, ../scss/Layer.scss */ | 177 | /* line 160, ../scss/Layer.scss */ |
172 | .label-layer .cssbutton, | 178 | .label-layer .cssbutton, |
173 | .label-style .cssbutton { | 179 | .label-style .cssbutton { |
174 | width: 14px; | 180 | width: 14px; |
@@ -178,21 +184,21 @@ | |||
178 | background-repeat: no-repeat; | 184 | background-repeat: no-repeat; |
179 | } | 185 | } |
180 | 186 | ||
181 | /* line 160, ../scss/Layer.scss */ | 187 | /* line 167, ../scss/Layer.scss */ |
182 | .label-layer .button-lock { | 188 | .label-layer .button-lock { |
183 | background-image: url(../images/icon-lock.png); | 189 | background-image: url(../images/icon-lock.png); |
184 | top: 3px; | 190 | top: 3px; |
185 | right: 27px; | 191 | right: 27px; |
186 | } | 192 | } |
187 | 193 | ||
188 | /* line 165, ../scss/Layer.scss */ | 194 | /* line 172, ../scss/Layer.scss */ |
189 | .label-layer .button-visible { | 195 | .label-layer .button-visible { |
190 | background-image: url(../images/icon-eye.png); | 196 | background-image: url(../images/icon-eye.png); |
191 | top: 3px; | 197 | top: 3px; |
192 | right: 7px; | 198 | right: 7px; |
193 | } | 199 | } |
194 | 200 | ||
195 | /* line 170, ../scss/Layer.scss */ | 201 | /* line 177, ../scss/Layer.scss */ |
196 | .label-style .button-add { | 202 | .label-style .button-add { |
197 | background-image: url(../images/icon-plus.png); | 203 | background-image: url(../images/icon-plus.png); |
198 | width: 15px; | 204 | width: 15px; |
@@ -201,7 +207,7 @@ | |||
201 | right: 11px; | 207 | right: 11px; |
202 | } | 208 | } |
203 | 209 | ||
204 | /* line 177, ../scss/Layer.scss */ | 210 | /* line 184, ../scss/Layer.scss */ |
205 | .label-style .button-delete { | 211 | .label-style .button-delete { |
206 | background-image: url(../images/icon-minus.png); | 212 | background-image: url(../images/icon-minus.png); |
207 | width: 15px; | 213 | width: 15px; |
@@ -210,43 +216,68 @@ | |||
210 | right: 31px; | 216 | right: 31px; |
211 | } | 217 | } |
212 | 218 | ||
213 | /* line 184, ../scss/Layer.scss */ | 219 | /* line 191, ../scss/Layer.scss */ |
214 | .collapsible-content .layout-table { | 220 | .collapsible-content .layout-table { |
215 | width: 99.9%; | 221 | width: 99.9%; |
216 | } | 222 | } |
217 | 223 | ||
218 | /* line 187, ../scss/Layer.scss */ | 224 | /* line 194, ../scss/Layer.scss */ |
219 | .content-layer .collapsible-content { | 225 | .content-layer .collapsible-content { |
220 | padding-left: 30px; | 226 | padding-left: 30px; |
221 | } | 227 | } |
222 | 228 | ||
223 | /* line 190, ../scss/Layer.scss */ | 229 | /* line 197, ../scss/Layer.scss */ |
230 | .collapsible-content .collapsible-content .layout-table .layout-row { | ||
231 | height: 20px; | ||
232 | overflow: hidden; | ||
233 | } | ||
234 | |||
235 | /* line 201, ../scss/Layer.scss */ | ||
224 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { | 236 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { |
225 | width: 40%; | 237 | width: 40%; |
226 | height: 20px; | 238 | height: 20px; |
227 | border-bottom: 1px solid #505050; | 239 | border-bottom: 1px solid #505050; |
228 | line-height: 20px; | 240 | line-height: 20px; |
229 | text-align: left; | 241 | text-align: left; |
242 | overflow: hidden; | ||
230 | } | 243 | } |
231 | 244 | ||
232 | /* line 197, ../scss/Layer.scss */ | 245 | /* line 210, ../scss/Layer.scss */ |
246 | .collapsible-content .collapsible-content .container-row { | ||
247 | border-bottom: 1px solid #505050; | ||
248 | height: 20px; | ||
249 | } | ||
250 | |||
251 | /* line 216, ../scss/Layer.scss */ | ||
252 | .collapsible-content .collapsible-content .cell-property, | ||
253 | .collapsible-content .collapsible-content .cell-value { | ||
254 | width: 45%; | ||
255 | float: left; | ||
256 | height: 20px; | ||
257 | overflow: hidden; | ||
258 | text-overflow: ellipsis; | ||
259 | white-space: nowrap; | ||
260 | line-height: 18px; | ||
261 | } | ||
262 | |||
263 | /* line 228, ../scss/Layer.scss */ | ||
233 | .collapsible-content .layout-table:first-child { | 264 | .collapsible-content .layout-table:first-child { |
234 | border-top: 1px solid #505050; | 265 | border-top: 1px solid #505050; |
235 | } | 266 | } |
236 | 267 | ||
237 | /* line 201, ../scss/Layer.scss */ | 268 | /* line 232, ../scss/Layer.scss */ |
238 | .collapsible-content .hottextunit { | 269 | .collapsible-content .hottextunit { |
239 | width: auto; | 270 | width: auto; |
240 | } | 271 | } |
241 | 272 | ||
242 | /* line 204, ../scss/Layer.scss */ | 273 | /* line 235, ../scss/Layer.scss */ |
243 | .collapsible-transition { | 274 | .collapsible-transition { |
244 | -webkit-transition-property: height; | 275 | -webkit-transition-property: height; |
245 | -webkit-transition-duration: 200ms; | 276 | -webkit-transition-duration: 200ms; |
246 | -webkit-transition-timing-function: ease-in; | 277 | -webkit-transition-timing-function: ease-in; |
247 | } | 278 | } |
248 | 279 | ||
249 | /* line 212, ../scss/Layer.scss */ | 280 | /* line 243, ../scss/Layer.scss */ |
250 | .editable2 { | 281 | .editable2 { |
251 | height: 20px; | 282 | height: 20px; |
252 | background-color: #242424 !important; | 283 | background-color: #242424 !important; |
@@ -258,24 +289,29 @@ | |||
258 | text-overflow: clip; | 289 | text-overflow: clip; |
259 | } | 290 | } |
260 | 291 | ||
261 | /* line 223, ../scss/Layer.scss */ | 292 | /* line 253, ../scss/Layer.scss */ |
293 | .editable2 br { | ||
294 | display: inline; | ||
295 | } | ||
296 | |||
297 | /* line 257, ../scss/Layer.scss */ | ||
262 | .label-style .disabled { | 298 | .label-style .disabled { |
263 | cursor: default; | 299 | cursor: default; |
264 | } | 300 | } |
265 | 301 | ||
266 | /* styles elements */ | 302 | /* styles elements */ |
267 | /* line 228, ../scss/Layer.scss */ | 303 | /* line 262, ../scss/Layer.scss */ |
268 | .content-style .item-template { | 304 | .content-style .item-template { |
269 | display: none; | 305 | display: none; |
270 | } | 306 | } |
271 | 307 | ||
272 | /* line 231, ../scss/Layer.scss */ | 308 | /* line 265, ../scss/Layer.scss */ |
273 | .content-style .layout-row.selected .layout-cell { | 309 | .content-style .layout-row.selected .layout-cell { |
274 | background-color: #b2b2b2; | 310 | background-color: #b2b2b2; |
275 | color: #242424; | 311 | color: #242424; |
276 | } | 312 | } |
277 | 313 | ||
278 | /* line 235, ../scss/Layer.scss */ | 314 | /* line 269, ../scss/Layer.scss */ |
279 | .style-row { | 315 | .style-row { |
280 | height: 20px; | 316 | height: 20px; |
281 |