aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css274
1 files changed, 274 insertions, 0 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css b/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
new file mode 100644
index 00000000..c122b18f
--- /dev/null
+++ b/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
@@ -0,0 +1,274 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.tl_container{
8 display: -webkit-box;
9 -webkit-box-orient: vertical;
10 height: 100%;
11}
12.maintimeline{
13 border-style: double;
14 -webkit-box-flex: 1;
15 display: -webkit-box;
16 -webkit-box-orient: horizontal
17 height : 100%;
18}
19.leftinside{
20 height: 100%;
21 width: 100%;
22 display: -webkit-box;
23 -webkit-box-orient: vertical;
24 position:absolute;
25 overflow: hidden;
26}
27.rightinside{
28 height: 100%;
29 width: 100%;
30 display: -webkit-box;
31 -webkit-box-orient: vertical;
32 position:absolute;
33}
34.tl_leftpane{
35 min-width: 200px;
36 max-width: 500px;
37 position: relative;
38 overflow: hidden;
39 -webkit-box-flex: 0;
40}
41.tl_rightpane{
42 width: 100%;
43 position: relative;
44 -webkit-box-flex: 1;
45}
46
47#bottomPanelContainer {
48 overflow: hidden !IMPORTANT;
49}
50
51.layout-tracks {
52 width: 100%;
53 height: 100%;
54 padding-bottom: 6px;
55 box-sizing: border-box;
56 overflow: auto;
57 position: relative;
58}
59.tl_layertracks{
60 background-color: #222;
61 height: 100%;
62 width: 100%;
63 -webkit-box-flex: 1;
64 padding-top: 21px;
65 box-sizing: border-box;
66}
67.layerresizer{
68 height: auto;
69 width:6px;
70 border-right-style: solid;
71 border-right-color: #333;
72 border-right-width: thin;
73 border-left-style: solid;
74 border-left-color: #000;
75 border-left-width: thin;
76 background-color: #222;
77 cursor: col-resize;
78 -webkit-box-flex: 0;
79}
80.timelinecontroller{
81 height:20px;
82 background-color: #222;
83 -webkit-box-flex: 0;
84 border-bottom-style: solid;
85 border-bottom-width: thin;
86 border-bottom-color: #000;
87}
88.timelinecontrols{
89 width: 100%;
90 padding-left: 6px;
91 padding-top: 2px;
92 height: 18px;
93 background-color: #222;
94 float: left;
95}
96.timetext{
97 float: right;
98 padding-right: 10px;
99 color: white;
100}
101.rewindbutton{
102 background-image: url('../images/play_prev.png');
103 background-repeat: no-repeat;
104 height: 18px;
105 width: 18px;
106 float: left;
107 padding-right: 5px;
108}
109.playbutton{
110 background-image: url('../images/play.png');
111 background-repeat: no-repeat;
112 height: 18px;
113 width: 18px;
114 float: left;
115 padding-right: 5px;
116}
117.pausebutton{
118 background-image: url('../images/pause.png');
119 background-repeat: no-repeat;
120 height: 18px;
121 width: 18px;
122 float: left;
123 padding-right: 5px;
124}
125.forwardbutton{
126 background-image: url('../images/play_next.png');
127 background-repeat: no-repeat;
128 height: 18px;
129 width: 18px;
130 float: left;
131 padding-right: 5px;
132}
133.timelinemarkers{
134 height: 20px;
135 width: 100%;
136 background-color: #222;
137 border-bottom-style: solid;
138 border-bottom-width: thin;
139 border-bottom-color: #000;
140 -webkit-box-flex: 0;
141 position: absolute;
142 background-image: url("../images/timetick.jpg");
143 overflow: visible;
144}
145.layout_markers {
146 position: absolute;
147 overflow: hidden;
148 top: 0px;
149 left: 0px;
150 height: 20px;
151 width: 100%;
152 border-bottom-style: solid;
153}
154
155.masterlayer{
156 font-family: 'Droid Sans';
157 font-size: 12px;
158 text-shadow: 1px 1px 1px black;
159 height: 18px;
160 background-color: #474747;
161 border-bottom-style: solid;
162 border-bottom-width: thin;
163 border-bottom-color: #555;
164 color: white;
165 padding-left: 15px;
166 padding-top: 2px;
167}
168.mastertrack{
169 -webkit-box-flex: 0;
170 color: white;
171 height: 20px;
172 width: 100%;
173 border-bottom-style: solid;
174 border-bottom-width: thin;
175 border-bottom-color: #444;
176 background-color: #222;
177 background-image: url("../../Track.reel/images/gridline.jpg");
178}
179
180.container-tracks,
181.timelinemarkers,
182.mastertrack {
183 width: 2000px;
184}
185.userlayers{
186 width: 100%;
187 background-color: #222;
188 -webkit-box-flex: 1;
189 overflow: hidden;
190 border-bottom-style: solid;
191 border-bottom-width: thin;
192 border-bottom-color: #000;
193}
194.timelinegutter{
195 height: 16px;
196 padding-top: 1px;
197 padding-left: 6px;
198 -webkit-box-flex: 0;
199 background-color: #222;
200 border-top-style: solid;
201 border-top-width: thin;
202 border-top-color: #444;
203}
204.newlayerbutton{
205 background-image: url('../images/plus.png');
206 background-repeat: no-repeat;
207 height: 16px;
208 width: 16px;
209 float: left;
210 padding-right: 5px;
211}
212.deletelayerbutton{
213 background-image: url('../images/trash.png');
214 background-repeat: no-repeat;
215 height: 16px;
216 width: 16px;
217 float: left;
218 padding-right: 5px;
219}
220.tracktick{
221 height: 100%;
222 width: 15px;
223 border-right-color: #444;