OLD | NEW |
| (Empty) |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 :host { | |
6 background: white; | |
7 display: block; | |
8 height: 100px; | |
9 position: relative; | |
10 width: 32px; | |
11 } | |
12 | |
13 #background { | |
14 height: 100%; /* will be overridden by javascript */ | |
15 left: 0; | |
16 position: absolute; | |
17 top: 0; | |
18 width: 100%; | |
19 } | |
20 | |
21 input[type='range'] { | |
22 -webkit-appearance: none !important; | |
23 -webkit-transform: rotate(90deg); | |
24 background: transparent; | |
25 outline: none; | |
26 position: absolute; | |
27 z-index: 1; | |
28 } | |
29 | |
30 input[type='range']::-webkit-slider-thumb { | |
31 -webkit-appearance: none; | |
32 -webkit-transform: rotate(-90deg); | |
33 background-image: -webkit-image-set( | |
34 url(../assets/100/player_timeline_handler.png) 1x, | |
35 url(../assets/200/player_timeline_handler.png) 2x); | |
36 background-position: 50% 50%; | |
37 background-repeat: no-repeat no-repeat; | |
38 height: 24px; | |
39 position: relative; | |
40 width: 24px; | |
41 } | |
42 | |
43 #bar { | |
44 background: #000; | |
45 bottom: 14px; | |
46 position: absolute; | |
47 top: 14px; | |
48 } | |
49 | |
50 #bar .filled { | |
51 background: #aaa; | |
52 } | |
OLD | NEW |