aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/css
diff options
context:
space:
mode:
authorJon Reid2012-04-11 16:18:33 -0700
committerJon Reid2012-04-11 16:18:33 -0700
commit79e9e90afa0b42238d44057eb518ca50a47a4357 (patch)
treecb17e8d656c2562ca72862cdf1b11930cbe22971 /js/panels/Timeline/TimelinePanel.reel/css
parentbd4c9a4630f5de3571e68b8779dc1b6604095781 (diff)
downloadninja-79e9e90afa0b42238d44057eb518ca50a47a4357.tar.gz
Timeline: Change Master Layer configuration menu to be on click; bug fix:
Master Layer config menu does not scroll with layers. Bug fix: New layers do not take into account "show only animated layers" feature.
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/css')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css428
1 files changed, 65 insertions, 363 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css b/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
index d2a31033..29bf8d38 100644
--- a/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
+++ b/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
@@ -1,436 +1,138 @@
1@charset "UTF-8"; 1@charset "UTF-8";
2/* <copyright> 2/* <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> */
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/> 3/* TimelinePanel.scss Main SCSS file for TimelinePanel component, compiled by SASS into the file css/TimelinePanel.css. */
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> */
7/* TimelinePanel.scss
8 * Main SCSS file for TimelinePanel component, compiled by SASS into the file css/TimelinePanel.css.
9 */
10/* line 22, ../scss/TimelinePanel.scss */ 4/* line 22, ../scss/TimelinePanel.scss */
11.tl_container { 5.tl_container { display: -webkit-box; -webkit-box-orient: vertical; height: 100%; }
12 display: -webkit-box;
13 -webkit-box-orient: vertical;
14 height: 100%;
15}
16 6
17/* line 27, ../scss/TimelinePanel.scss */ 7/* line 27, ../scss/TimelinePanel.scss */
18.maintimeline { 8.maintimeline { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: horizontal; height: 100%; position: relative; margin-top: 1px; }
19 -webkit-box-flex: 1;
20 display: -webkit-box;
21 -webkit-box-orient: horizontal;
22 height: 100%;
23 position: relative;
24 margin-top: 1px;
25}
26 9
27/* line 35, ../scss/TimelinePanel.scss */ 10/* line 35, ../scss/TimelinePanel.scss */
28.leftinside { 11.leftinside { height: 100%; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; position: absolute; overflow: hidden; }
29 height: 100%;
30 width: 100%;
31 display: -webkit-box;
32 -webkit-box-orient: vertical;
33 position: absolute;
34 overflow: hidden;
35}
36 12
37/* line 43, ../scss/TimelinePanel.scss */ 13/* line 43, ../scss/TimelinePanel.scss */
38.rightinside { 14.rightinside { height: 100%; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; position: absolute; }
39 height: 100%;
40 width: 100%;
41 display: -webkit-box;
42 -webkit-box-orient: vertical;
43 position: absolute;
44}
45 15
46/* line 50, ../scss/TimelinePanel.scss */ 16/* line 50, ../scss/TimelinePanel.scss */
47.tl_leftpane { 17.tl_leftpane { min-width: 200px; max-width: 500px; position: relative; overflow: hidden; -webkit-box-flex: 0; }
48 min-width: 200px;
49 max-width: 500px;
50 position: relative;
51 overflow: hidden;
52 -webkit-box-flex: 0;
53}
54 18
55/* line 57, ../scss/TimelinePanel.scss */ 19/* line 57, ../scss/TimelinePanel.scss */
56.tl_rightpane { 20.tl_rightpane { width: 100%; position: relative; -webkit-box-flex: 1; }
57 width: 100%;
58 position: relative;
59 -webkit-box-flex: 1;
60}
61 21
62/* line 63, ../scss/TimelinePanel.scss */ 22/* line 63, ../scss/TimelinePanel.scss */
63#bottomPanelContainer { 23#bottomPanelContainer { overflow: hidden !IMPORTANT; }
64 overflow: hidden !IMPORTANT;
65}
66 24
67/* line 67, ../scss/TimelinePanel.scss */ 25/* line 67, ../scss/TimelinePanel.scss */
68.layout-tracks { 26.layout-tracks { width: 100%; height: 100%; padding-bottom: 6px; box-sizing: border-box; overflow: auto; position: relative; }
69 width: 100%;
70 height: 100%;
71 padding-bottom: 6px;
72 box-sizing: border-box;
73 overflow: auto;
74 position: relative;
75}
76 27
77/* line 75, ../scss/TimelinePanel.scss */ 28/* line 75, ../scss/TimelinePanel.scss */
78.tl_layertracks { 29.tl_layertracks { background-color: #292929; height: 100%; width: 100%; -webkit-box-flex: 1; padding-top: 21px; box-sizing: border-box; }
79 background-color: #292929;
80 height: 100%;
81 width: 100%;
82 -webkit-box-flex: 1;
83 padding-top: 21px;
84 box-sizing: border-box;
85}
86 30
87/* line 83, ../scss/TimelinePanel.scss */ 31/* line 83, ../scss/TimelinePanel.scss */
88.layerresizer { 32.layerresizer { height: auto; width: 6px; border-right-style: solid; border-right-color: #3a3a3a; border-right-width: thin; border-left-style: solid; border-left-color: black; border-left-width: thin; background-color: #232323; cursor: col-resize; -webkit-box-flex: 0; }
89 height: auto;
90 width: 6px;
91 border-right-style: solid;
92 border-right-color: #3a3a3a;
93 border-right-width: thin;
94 border-left-style: solid;
95 border-left-color: black;
96 border-left-width: thin;
97 background-color: #232323;
98 cursor: col-resize;
99 -webkit-box-flex: 0;
100}
101 33
102/* line 96, ../scss/TimelinePanel.scss */ 34/* line 96, ../scss/TimelinePanel.scss */
103.timelinecontroller { 35.timelinecontroller { height: 20px; background-color: #474747; -webkit-box-flex: 0; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: black; }
104 height: 20px;
105 background-color: #474747;
106 -webkit-box-flex: 0;
107 border-bottom-style: solid;
108 border-bottom-width: thin;
109 border-bottom-color: black;
110}
111 36
112/* line 104, ../scss/TimelinePanel.scss */ 37/* line 104, ../scss/TimelinePanel.scss */
113.timelinecontrols { 38.timelinecontrols { width: 100%; padding-left: 6px; padding-top: 2px; height: 18px; background-color: #474747; float: left; }
114 width: 100%;
115 padding-left: 6px;
116 padding-top: 2px;
117 height: 18px;
118 background-color: #474747;
119 float: left;
120}
121 39
122/* line 112, ../scss/TimelinePanel.scss */ 40/* line 112, ../scss/TimelinePanel.scss */
123.timetext { 41.timetext { float: right; padding-right: 10px; color: white; }
124 float: right;
125 padding-right: 10px;
126 color: white;
127}
128 42
129/* line 117, ../scss/TimelinePanel.scss */ 43/* line 117, ../scss/TimelinePanel.scss */
130.rewindbutton { 44.rewindbutton { background-image: url("../images/play_prev.png"); background-repeat: no-repeat; height: 18px; width: 18px; float: left; padding-right: 5px; }
131 background-image: url("../images/play_prev.png");
132 background-repeat: no-repeat;
133 height: 18px;
134 width: 18px;
135 float: left;
136 padding-right: 5px;
137}
138 45
139/* line 125, ../scss/TimelinePanel.scss */ 46/* line 125, ../scss/TimelinePanel.scss */
140.playbutton { 47.playbutton { background-image: url("../images/play.png"); background-repeat: no-repeat; height: 18px; width: 18px; float: left; padding-right: 5px; }
141 background-image: url("../images/play.png");
142 background-repeat: no-repeat;
143 height: 18px;
144 width: 18px;
145 float: left;
146 padding-right: 5px;
147}
148 48
149/* line 133, ../scss/TimelinePanel.scss */ 49/* line 133, ../scss/TimelinePanel.scss */
150.pausebutton { 50.pausebutton { background-image: url("../images/pause.png"); background-repeat: no-repeat; height: 18px; width: 18px; float: left; padding-right: 5px; }
151 background-image: url("../images/pause.png");
152 background-repeat: no-repeat;
153 height: 18px;
154 width: 18px;
155 float: left;
156 padding-right: 5px;
157}
158 51
159/* line 141, ../scss/TimelinePanel.scss */ 52/* line 141, ../scss/TimelinePanel.scss */
160.forwardbutton { 53.forwardbutton { background-image: url("../images/play_next.png"); background-repeat: no-repeat; height: 18px; width: 18px; float: left; padding-right: 5px; }
161 background-image: url("../images/play_next.png");
162 background-repeat: no-repeat;
163 height: 18px;
164 width: 18px;
165 float: left;
166 padding-right: 5px;
167}
168 54
169/* line 149, ../scss/TimelinePanel.scss */ 55/* line 149, ../scss/TimelinePanel.scss */
170.timelinemarkers { 56.timelinemarkers { height: 20px; width: 100%; background-color: #474747; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: black; -webkit-box-flex: 0; position: absolute; background-image: url("../images/timetick.jpg"); overflow: visible; }
171 height: 20px;
172 width: 100%;
173 background-color: #474747;