154 |
154 |
155 .Ldt-RightPlayerControls { |
155 .Ldt-RightPlayerControls { |
156 float: right; |
156 float: right; |
157 } |
157 } |
158 |
158 |
159 /* we need a container to contain our buttons because we want |
159 .Ldt-button { |
160 them centered and there's no way to position them this way |
|
161 while at the same time using sprites |
|
162 */ |
|
163 .Ldt-ButtonContainer { |
|
164 width: 50px; |
|
165 height: 25px; |
|
166 border-left: 1px solid #b6b8b8; |
160 border-left: 1px solid #b6b8b8; |
167 border-right: 1px solid #b6b8b8; |
161 float: left; |
168 float: left; |
162 |
169 } |
163 } |
170 |
164 |
171 .Ldt-CtrlPlay { |
165 .Ldt-CtrlPlay { |
172 background:url('imgs/play_sprite.png') no-repeat transparent ; |
166 background:url('imgs/play_sprite.png') no-repeat transparent ; |
173 background-position: 0 0; |
167 background-position: 0 0; |
174 width: 16px; |
168 width: 59px; |
175 height: 25px; |
169 height: 25px; |
176 margin: 0 auto; |
|
177 } |
170 } |
178 |
171 |
179 .Ldt-CtrlPlay:hover { |
172 .Ldt-CtrlPlay:hover { |
180 background:url('imgs/play_sprite.png') no-repeat transparent ; |
|
181 background-position: 0 -25px; |
173 background-position: 0 -25px; |
182 width: 16px; |
174 } |
183 height: 25px; |
175 |
184 margin: 0 auto; |
176 .Ldt-CtrlPlay:active { |
185 } |
177 background-position: 0 -50px; |
186 |
178 } |
187 .Ldt-CtrlNext { |
179 |
188 background:url('imgs/play_sprite.png') no-repeat scroll 0 0 transparent ; |
180 .Ldt-CtrlAnnotate { |
189 background-position: center; |
181 background:url('imgs/annotate_sprite.png') no-repeat scroll 0 0 transparent ; |
190 width: 50px; |
182 width: 33px; |
191 height: 25px; |
183 height: 25px; |
192 border-right: 1px solid #b6b8b8; |
184 border-right: 1px solid #b6b8b8; |
193 float: left; |
185 float: left; |
194 } |
186 } |
195 |
187 |
|
188 .Ldt-CtrlAnnotate:hover { |
|
189 background-position: 0 -25px; |
|
190 } |
|
191 |
|
192 .Ldt-CtrlAnnotate:active { |
|
193 background-position: 0 -50px; |
|
194 } |
196 |
195 |
197 .Ldt-CtrlSearch { |
196 .Ldt-CtrlSearch { |
198 background:url('imgs/search.png') no-repeat scroll 0 0 transparent ; |
197 background:url('imgs/search_sprite.png') no-repeat scroll 0 0 transparent ; |
199 background-position: center; |
198 width: 33px; |
200 width: 50px; |
|
201 height: 25px; |
199 height: 25px; |
202 border-right: 1px solid #b6b8b8; |
200 border-right: 1px solid #b6b8b8; |
203 float: left; |
201 float: left; |
204 } |
202 } |
|
203 |
|
204 .Ldt-CtrlSearch:hover { |
|
205 background-position: 0 -25px; |
|
206 } |
|
207 |
|
208 .Ldt-CtrlSearch:active { |
|
209 background-position: 0 -50px; |
|
210 } |
|
211 |
205 |
212 |
206 .Ldt-Time { |
213 .Ldt-Time { |
207 position: inherit; |
214 position: inherit; |
208 float: left; |
215 float: left; |
209 border-right: 1px solid #b6b8b8; |
216 border-right: 1px solid #b6b8b8; |