| 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 .audio-player { |
| 26 color: #3d3d3d; |
| 27 cursor: default; |
| 28 flex: 1 1 auto; |
| 29 font-family: Open Sans, Droid Sans Fallback, 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 } |
| 92 |
| 93 control-panel { |
| 94 border-top: 1px solid rgba(0, 0, 0, 0.1); |
| 95 bottom: 0; |
| 96 left: 0; |
| 97 margin-bottom: 8px; |
| 98 position: fixed; |
| 99 right: 0; |
| 100 } |
| OLD | NEW |