aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss143
1 files changed, 72 insertions, 71 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss b/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
index 460fe5e3..aa35fa8e 100644
--- a/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
+++ b/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
@@ -1,26 +1,27 @@
1@charset "UTF-8"; 1@charset "UTF-8";
2 2
3/* <copyright> 3/* <copyright>
4Copyright (c) 2012, Motorola Mobility, Inc 4Copyright (c) 2012, Motorola Mobility LLC.
5All Rights Reserved. 5All Rights Reserved.
6BSD License.
7 6
8Redistribution and use in source and binary forms, with or without 7Redistribution and use in source and binary forms, with or without
9modification, are permitted provided that the following conditions are met: 8modification, are permitted provided that the following conditions are met:
10 9
11 - Redistributions of source code must retain the above copyright notice, 10* Redistributions of source code must retain the above copyright notice,
12 this list of conditions and the following disclaimer. 11 this list of conditions and the following disclaimer.
13 - Redistributions in binary form must reproduce the above copyright 12
14 notice, this list of conditions and the following disclaimer in the 13* Redistributions in binary form must reproduce the above copyright notice,
15 documentation and/or other materials provided with the distribution. 14 this list of conditions and the following disclaimer in the documentation
16 - Neither the name of Motorola Mobility nor the names of its contributors 15 and/or other materials provided with the distribution.
17 may be used to endorse or promote products derived from this software 16
18 without specific prior written permission. 17* Neither the name of Motorola Mobility LLC nor the names of its
18 contributors may be used to endorse or promote products derived from this
19 software without specific prior written permission.
19 20
20THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" 21THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
21AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 22AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
22IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE 23IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
23ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE 24ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
24LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 25LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
25CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 26CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
26SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 27SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
@@ -33,7 +34,7 @@ POSSIBILITY OF SUCH DAMAGE.
33/* TimelinePanel.scss 34/* TimelinePanel.scss
34 * Main SCSS file for TimelinePanel component, compiled by SASS into the file css/TimelinePanel.css. 35 * Main SCSS file for TimelinePanel component, compiled by SASS into the file css/TimelinePanel.css.
35 */ 36 */
36 37
37// Import theme settings 38// Import theme settings
38@import "../../../../../scss/imports/themes/default/colors"; 39@import "../../../../../scss/imports/themes/default/colors";
39// @import "../../../../../scss/imports/themes/default/fonts"; 40// @import "../../../../../scss/imports/themes/default/fonts";
@@ -85,16 +86,16 @@ POSSIBILITY OF SUCH DAMAGE.
85} 86}
86 87
87#bottomPanelContainer { 88#bottomPanelContainer {
88 overflow: hidden !IMPORTANT; 89 overflow: hidden !IMPORTANT;
89} 90}
90 91
91.layout-tracks { 92.layout-tracks {
92 width: 100%; 93 width: 100%;
93 height: 100%; 94 height: 100%;
94 padding-bottom: 6px; 95 padding-bottom: 6px;
95 box-sizing: border-box; 96 box-sizing: border-box;
96 overflow: auto; 97 overflow: auto;
97 position: relative; 98 position: relative;
98} 99}
99.tl_layertracks{ 100.tl_layertracks{
100 background-color: $color-tool-bg; 101 background-color: $color-tool-bg;
@@ -102,7 +103,7 @@ POSSIBILITY OF SUCH DAMAGE.
102 width: 100%; 103 width: 100%;
103 -webkit-box-flex: 1; 104 -webkit-box-flex: 1;
104 padding-top: 21px; 105 padding-top: 21px;
105 box-sizing: border-box; 106 box-sizing: border-box;
106} 107}
107.layerresizer{ 108.layerresizer{
108 height: auto; 109 height: auto;
@@ -183,12 +184,12 @@ POSSIBILITY OF SUCH DAMAGE.
183 overflow: visible; 184 overflow: visible;
184} 185}
185.layout_markers { 186.layout_markers {
186 position: absolute; 187 position: absolute;
187 overflow: hidden; 188 overflow: hidden;
188 top: 0px; 189 top: 0px;
189 left: 0px; 190 left: 0px;
190 height: 20px; 191 height: 20px;
191 width: 100%; 192 width: 100%;
192 border-bottom-style: solid; 193 border-bottom-style: solid;
193} 194}
194 195
@@ -220,7 +221,7 @@ POSSIBILITY OF SUCH DAMAGE.
220.container-tracks, 221.container-tracks,
221.timelinemarkers, 222.timelinemarkers,
222.mastertrack { 223.mastertrack {
223 width: 2000px; 224 width: 2000px;
224} 225}
225.userlayers{ 226.userlayers{
226 width: 100%; 227 width: 100%;
@@ -316,18 +317,18 @@ POSSIBILITY OF SUCH DAMAGE.
316 margin-top: 0%; 317 margin-top: 0%;
317} 318}
318.timeline-disabled { 319.timeline-disabled {
319 position: absolute; 320 position: absolute;
320 top: 0px; 321 top: 0px;
321 left: 0px; 322 left: 0px;
322 width: 100%; 323 width: 100%;
323 height: 100%; 324 height: 100%;
324 background-color: rgba(30,30,30, 0.796); 325 background-color: rgba(30,30,30, 0.796);
325 z-index: 100; 326 z-index: 100;
326 display: none; 327 display: none;
327 box-shadow: rgb(17, 17, 17) 0px 0px 14px inset; 328 box-shadow: rgb(17, 17, 17) 0px 0px 14px inset;
328} 329}
329.timeline-dnd-helper { 330.timeline-dnd-helper {
330 -webkit-transform: scale(.9, .9); 331 -webkit-transform: scale(.9, .9);
331} 332}
332.tl_slider{ 333.tl_slider{
333 width: 65px; 334 width: 65px;
@@ -340,60 +341,60 @@ POSSIBILITY OF SUCH DAMAGE.
340 341
341/* Configuration menu */ 342/* Configuration menu */
342.layer-master { 343.layer-master {
343 position: relative; 344 position: relative;
344} 345}
345.tl-configbutton { 346.tl-configbutton {
346 position: absolute; 347 position: absolute;
347 top: 0px; 348 top: 0px;
348 right: 2px; 349 right: 2px;
349 width: 20px; 350 width: 20px;
350 height: 20px; 351 height: 20px;
351 background-image: url(../images/icon-gear.png); 352 background-image: url(../images/icon-gear.png);
352 background-repeat: no-repeat; 353 background-repeat: no-repeat;
353 cursor: pointer; 354 cursor: pointer;
354 z-index: 100; 355 z-index: 100;
355 background-position: 100% 0px; 356 background-position: 100% 0px;
356} 357}
357.tl-configbutton:hover { 358.tl-configbutton:hover {
358 width: 180px; 359 width: 180px;
359} 360}
360 361
361.tl-configbutton .tl-dropdown { 362.tl-configbutton .tl-dropdown {
362 position: absolute; 363 position: absolute;
363 border: 1px solid $color-panel-border; 364 border: 1px solid $color-panel-border;
364 top: 16px; 365 top: 16px;
365 right: 2px; 366 right: 2px;
366 width: 180px; 367 width: 180px;
367 padding-bottom: 7px; 368 padding-bottom: 7px;
368 background-color: $color-menu-bg; 369 background-color: $color-menu-bg;
369 box-shadow: 2px 2px 2px $color-app-shadow; 370 box-shadow: 2px 2px 2px $color-app-shadow;
370 display: none; 371 display: none;
371} 372}
372.tl-configbutton.checked .tl-dropdown { 373.tl-configbutton.checked .tl-dropdown {
373 display: block; 374 display: block;
374} 375}
375 376
376.tl-configbutton .checkable {