diff options
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss')
-rw-r--r-- | js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss | 120 |
1 files changed, 60 insertions, 60 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss b/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss index 460fe5e3..eafa9dd6 100644 --- a/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss +++ b/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss | |||
@@ -33,7 +33,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
33 | /* TimelinePanel.scss | 33 | /* TimelinePanel.scss |
34 | * Main SCSS file for TimelinePanel component, compiled by SASS into the file css/TimelinePanel.css. | 34 | * Main SCSS file for TimelinePanel component, compiled by SASS into the file css/TimelinePanel.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"; |
@@ -85,16 +85,16 @@ POSSIBILITY OF SUCH DAMAGE. | |||
85 | } | 85 | } |
86 | 86 | ||
87 | #bottomPanelContainer { | 87 | #bottomPanelContainer { |
88 | overflow: hidden !IMPORTANT; | 88 | overflow: hidden !IMPORTANT; |
89 | } | 89 | } |
90 | 90 | ||
91 | .layout-tracks { | 91 | .layout-tracks { |
92 | width: 100%; | 92 | width: 100%; |
93 | height: 100%; | 93 | height: 100%; |
94 | padding-bottom: 6px; | 94 | padding-bottom: 6px; |
95 | box-sizing: border-box; | 95 | box-sizing: border-box; |
96 | overflow: auto; | 96 | overflow: auto; |
97 | position: relative; | 97 | position: relative; |
98 | } | 98 | } |
99 | .tl_layertracks{ | 99 | .tl_layertracks{ |
100 | background-color: $color-tool-bg; | 100 | background-color: $color-tool-bg; |
@@ -102,7 +102,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
102 | width: 100%; | 102 | width: 100%; |
103 | -webkit-box-flex: 1; | 103 | -webkit-box-flex: 1; |
104 | padding-top: 21px; | 104 | padding-top: 21px; |
105 | box-sizing: border-box; | 105 | box-sizing: border-box; |
106 | } | 106 | } |
107 | .layerresizer{ | 107 | .layerresizer{ |
108 | height: auto; | 108 | height: auto; |
@@ -183,12 +183,12 @@ POSSIBILITY OF SUCH DAMAGE. | |||
183 | overflow: visible; | 183 | overflow: visible; |
184 | } | 184 | } |
185 | .layout_markers { | 185 | .layout_markers { |
186 | position: absolute; | 186 | position: absolute; |
187 | overflow: hidden; | 187 | overflow: hidden; |
188 | top: 0px; | 188 | top: 0px; |
189 | left: 0px; | 189 | left: 0px; |
190 | height: 20px; | 190 | height: 20px; |
191 | width: 100%; | 191 | width: 100%; |
192 | border-bottom-style: solid; | 192 | border-bottom-style: solid; |
193 | } | 193 | } |
194 | 194 | ||
@@ -220,7 +220,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
220 | .container-tracks, | 220 | .container-tracks, |
221 | .timelinemarkers, | 221 | .timelinemarkers, |
222 | .mastertrack { | 222 | .mastertrack { |
223 | width: 2000px; | 223 | width: 2000px; |
224 | } | 224 | } |
225 | .userlayers{ | 225 | .userlayers{ |
226 | width: 100%; | 226 | width: 100%; |
@@ -316,18 +316,18 @@ POSSIBILITY OF SUCH DAMAGE. | |||
316 | margin-top: 0%; | 316 | margin-top: 0%; |
317 | } | 317 | } |
318 | .timeline-disabled { | 318 | .timeline-disabled { |
319 | position: absolute; | 319 | position: absolute; |
320 | top: 0px; | 320 | top: 0px; |
321 | left: 0px; | 321 | left: 0px; |
322 | width: 100%; | 322 | width: 100%; |
323 | height: 100%; | 323 | height: 100%; |
324 | background-color: rgba(30,30,30, 0.796); | 324 | background-color: rgba(30,30,30, 0.796); |
325 | z-index: 100; | 325 | z-index: 100; |
326 | display: none; | 326 | display: none; |
327 | box-shadow: rgb(17, 17, 17) 0px 0px 14px inset; | 327 | box-shadow: rgb(17, 17, 17) 0px 0px 14px inset; |
328 | } | 328 | } |
329 | .timeline-dnd-helper { | 329 | .timeline-dnd-helper { |
330 | -webkit-transform: scale(.9, .9); | 330 | -webkit-transform: scale(.9, .9); |
331 | } | 331 | } |
332 | .tl_slider{ | 332 | .tl_slider{ |
333 | width: 65px; | 333 | width: 65px; |
@@ -340,60 +340,60 @@ POSSIBILITY OF SUCH DAMAGE. | |||
340 | 340 | ||
341 | /* Configuration menu */ | 341 | /* Configuration menu */ |
342 | .layer-master { | 342 | .layer-master { |
343 | position: relative; | 343 | position: relative; |
344 | } | 344 | } |
345 | .tl-configbutton { | 345 | .tl-configbutton { |
346 | position: absolute; | 346 | position: absolute; |
347 | top: 0px; | 347 | top: 0px; |
348 | right: 2px; | 348 | right: 2px; |
349 | width: 20px; | 349 | width: 20px; |
350 | height: 20px; | 350 | height: 20px; |
351 | background-image: url(../images/icon-gear.png); | 351 | background-image: url(../images/icon-gear.png); |
352 | background-repeat: no-repeat; | 352 | background-repeat: no-repeat; |
353 | cursor: pointer; | 353 | cursor: pointer; |
354 | z-index: 100; | 354 | z-index: 100; |
355 | background-position: 100% 0px; | 355 | background-position: 100% 0px; |
356 | } | 356 | } |
357 | .tl-configbutton:hover { | 357 | .tl-configbutton:hover { |
358 | width: 180px; | 358 | width: 180px; |
359 | } | 359 | } |
360 | 360 | ||
361 | .tl-configbutton .tl-dropdown { | 361 | .tl-configbutton .tl-dropdown { |
362 | position: absolute; | 362 | position: absolute; |
363 | border: 1px solid $color-panel-border; | 363 | border: 1px solid $color-panel-border; |
364 | top: 16px; | 364 | top: 16px; |
365 | right: 2px; | 365 | right: 2px; |
366 | width: 180px; | 366 | width: 180px; |
367 | padding-bottom: 7px; | 367 | padding-bottom: 7px; |
368 | background-color: $color-menu-bg; | 368 | background-color: $color-menu-bg; |
369 | box-shadow: 2px 2px 2px $color-app-shadow; | 369 | box-shadow: 2px 2px 2px $color-app-shadow; |
370 | display: none; | 370 | display: none; |
371 | } | 371 | } |
372 | .tl-configbutton.checked .tl-dropdown { | 372 | .tl-configbutton.checked .tl-dropdown { |
373 | display: block; | 373 | display: block; |
374 | } | 374 | } |
375 | 375 | ||
376 | .tl-configbutton .checkable { | 376 | .tl-configbutton .checkable { |
377 | padding-left: 20px; | 377 | padding-left: 20px; |
378 | height: 20px; | 378 | height: 20px; |
379 | line-height: 20px; | 379 | line-height: 20px; |
380 | margin-top: 3px; | 380 | margin-top: 3px; |
381 | } | 381 | } |
382 | .tl-configbutton .checkable:hover { | 382 | .tl-configbutton .checkable:hover { |
383 | background-color: $color-panel-hilite-bg; | 383 | background-color: $color-panel-hilite-bg; |
384 | color: $color-panel-hilite-text; | 384 | color: $color-panel-hilite-text; |
385 | text-shadow: none; | 385 | text-shadow: none; |
386 | } | 386 | } |
387 | .tl-configbutton .checkable.checked { | 387 | .tl-configbutton .checkable.checked { |
388 | background-image: url(../images/icon-checkmark.png); | 388 | background-image: url(../images/icon-checkmark.png); |
389 | background-repeat: no-repeat; | 389 | background-repeat: no-repeat; |
390 | background-position: 6px 4px; | 390 | background-position: 6px 4px; |
391 | } | 391 | } |
392 | 392 | ||
393 | .tl-configbutton .nj-divider { | 393 | .tl-configbutton .nj-divider { |
394 | margin-top: 7px; | 394 | margin-top: 7px; |
395 | } | 395 | } |
396 | 396 | ||
397 | .layer-hidden { | 397 | .layer-hidden { |
398 | display: none; | 398 | display: none; |
399 | } | 399 | } |