| 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: 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 } | |
| OLD | NEW |