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