OLD | NEW |
| (Empty) |
1 /* Copyright 2013 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 html { | |
6 height: 100%; | |
7 } | |
8 | |
9 body { | |
10 -webkit-user-select: none; | |
11 display: flex; | |
12 flex-direction: column; | |
13 height: 100%; | |
14 margin: 0; | |
15 overflow: hidden; | |
16 padding: 0; | |
17 } | |
18 | |
19 .header { | |
20 background: #fff; | |
21 border-bottom: 1px solid #ddd; | |
22 height: 32px; | |
23 } | |
24 | |
25 div.audio-player { | |
26 color: #3d3d3d; | |
27 cursor: default; | |
28 flex: 1 1 auto; | |
29 font-family: Noto Sans UI, sans-serif; | |
30 font-size: 10pt; | |
31 position: relative; | |
32 } | |
33 | |
34 .audio-player:not(.collapsed):not(.single-track) > .title-button { | |
35 background-color: #1f1f1f; | |
36 } | |
37 | |
38 /* Customized scrollbar for the playlist. */ | |
39 | |
40 ::-webkit-scrollbar { | |
41 height: 16px; | |
42 width: 16px; | |
43 } | |
44 | |
45 ::-webkit-scrollbar-button { | |
46 height: 0; | |
47 width: 0; | |
48 } | |
49 | |
50 ::-webkit-scrollbar-thumb { | |
51 background-clip: padding-box; | |
52 background-color: rgba(255, 255, 255, 0.15); | |
53 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), | |
54 inset 0 -1px 0 rgba(0, 0, 0, 0.07); | |
55 min-height: 28px; | |
56 } | |
57 | |
58 ::-webkit-scrollbar-thumb:hover { | |
59 background-color: rgba(255, 255, 255, 0.20); | |
60 box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); | |
61 } | |
62 | |
63 ::-webkit-scrollbar-thumb:active { | |
64 background-color: rgba(255, 255, 255, 0.25); | |
65 box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); | |
66 } | |
67 | |
68 ::-webkit-scrollbar-thumb:vertical { | |
69 border-bottom: 0 solid transparent; | |
70 border-left: 5px solid transparent; | |
71 border-right: 0 solid transparent; | |
72 border-top: 0 solid transparent; | |
73 } | |
74 | |
75 ::-webkit-scrollbar-track:hover { | |
76 background-color: rgba(0, 0, 0, 0.05); | |
77 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10); | |
78 } | |
79 | |
80 ::-webkit-scrollbar-track:active { | |
81 background-color: rgba(0, 0, 0, 0.05); | |
82 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), | |
83 inset -1px -1px 0 rgba(0, 0, 0, 0.07); | |
84 } | |
85 | |
86 ::-webkit-scrollbar-track:vertical { | |
87 background-clip: padding-box; | |
88 background-color: transparent; | |
89 border-left: 5px solid transparent; | |
90 border-right: 0 solid transparent; | |
91 } | |
OLD | NEW |