OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 html { | 5 html { |
6 height: 100%; | 6 height: 100%; |
7 } | 7 } |
8 | 8 |
9 body { | 9 body { |
10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
11 display: flex; | 11 display: flex; |
12 flex-direction: column; | 12 flex-direction: column; |
13 height: 100%; | 13 height: 100%; |
14 margin: 0; | 14 margin: 0; |
15 overflow: hidden; | 15 overflow: hidden; |
16 padding: 0; | 16 padding: 0; |
17 } | 17 } |
18 | 18 |
19 .header { | 19 .header { |
20 background: #fff; | 20 background: #fff; |
21 border-bottom: 1px solid #ddd; | 21 border-bottom: 1px solid #ddd; |
22 height: 32px; | 22 height: 32px; |
23 } | 23 } |
24 | 24 |
25 div.audio-player { | 25 div.audio-player { |
26 border-top: 4px solid white; | 26 border-top: 4px solid white; |
| 27 box-sizing: border-box; |
27 color: #3d3d3d; | 28 color: #3d3d3d; |
28 cursor: default; | 29 cursor: default; |
29 flex: 1 1 auto; | 30 flex: 1 1 auto; |
30 font-size: 10pt; | 31 font-size: 10pt; |
31 height: 100%; | 32 height: 100%; |
32 position: relative; | 33 position: relative; |
33 } | 34 } |
34 | 35 |
35 .audio-player:not(.collapsed):not(.single-track) > .title-button { | 36 .audio-player:not(.collapsed):not(.single-track) > .title-button { |
36 background-color: #1f1f1f; | 37 background-color: #1f1f1f; |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 border-right: 0 solid transparent; | 69 border-right: 0 solid transparent; |
69 border-top: 0 solid transparent; | 70 border-top: 0 solid transparent; |
70 } | 71 } |
71 | 72 |
72 ::-webkit-scrollbar-track:vertical { | 73 ::-webkit-scrollbar-track:vertical { |
73 background-clip: padding-box; | 74 background-clip: padding-box; |
74 background-color: rgba(255, 255, 255, 0.5); | 75 background-color: rgba(255, 255, 255, 0.5); |
75 border-left: 5px solid transparent; | 76 border-left: 5px solid transparent; |
76 border-right: 0 solid transparent; | 77 border-right: 0 solid transparent; |
77 } | 78 } |
OLD | NEW |