OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 | 5 #route-controls { |
6 #custom-controller { | 6 background-color: white; |
7 display: inline-block; | 7 font-size: 1.25em; |
8 height: 142px; | 8 padding: 0 8px; |
9 width: 100%; | |
10 } | 9 } |
11 | 10 |
12 #route-action-buttons { | 11 #route-action-buttons { |
13 @apply(--layout-horizontal); | 12 @apply(--layout-horizontal); |
14 @apply(--layout-end-justified); | 13 @apply(--layout-end-justified); |
15 margin: 0; | 14 margin: 0; |
16 padding: 0; | 15 padding: 0; |
17 white-space: nowrap; | 16 white-space: nowrap; |
18 } | 17 } |
19 | 18 |
20 .route-button { | 19 .route-button { |
21 -webkit-padding-end: 24px; | 20 -webkit-padding-end: 24px; |
22 -webkit-padding-start: 0; | 21 -webkit-padding-start: 0; |
23 background-color: white; | 22 background-color: white; |
24 line-height: 12px; | 23 line-height: 12px; |
25 margin: 12px 0; | 24 margin: 12px 0; |
26 text-align: end; | 25 text-align: end; |
27 } | 26 } |
28 | 27 |
29 #route-information { | 28 .time-slider { |
30 -webkit-padding-end: var(--dialog-padding-end); | 29 --paper-slider-knob-color: rgb(16, 16, 16); |
31 -webkit-padding-start: 44px; | 30 --paper-slider-active-color: rgb(16, 16, 16); |
32 background-color: white; | 31 --paper-slider-pin-color: rgb(16, 16, 16); |
33 font-size: 1.2em; | 32 width: 100%; |
34 line-height: 1.5em; | 33 } |
35 margin-top: 16px; | 34 .volume-slider { |
| 35 --paper-slider-knob-color: rgb(16, 16, 16); |
| 36 --paper-slider-active-color: rgb(33, 150, 243); |
| 37 --paper-slider-pin-color: rgb(16, 16, 16); |
| 38 width: 100%; |
| 39 } |
| 40 .display-name { |
| 41 margin: 15px 8px 3px 8px; |
36 overflow: hidden; | 42 overflow: hidden; |
37 } | 43 } |
| 44 .description { |
| 45 color: rgb(125, 125, 125); |
| 46 margin: 3px 8px; |
| 47 overflow: hidden; |
| 48 } |
| 49 .time-controls { |
| 50 display: block; |
| 51 margin-top: 3px; |
| 52 overflow: hidden; |
| 53 } |
| 54 .media-controls { |
| 55 display: block; |
| 56 margin-top: 13px; |
| 57 overflow: hidden; |
| 58 } |
| 59 .timeline { |
| 60 font-size: 0.75em; |
| 61 } |
| 62 .timeline .current-time { |
| 63 left: 20px; |
| 64 position: absolute; |
| 65 } |
| 66 .timeline .duration { |
| 67 position: absolute; |
| 68 right: 20px; |
| 69 } |
| 70 .ellipsis { |
| 71 padding: 0 1%; |
| 72 text-overflow: ellipsis; |
| 73 white-space: nowrap; |
| 74 width: 90%; |
| 75 } |
| 76 .button-holder { |
| 77 float: left; |
| 78 } |
| 79 .volume-holder { |
| 80 display: block; |
| 81 overflow: hidden; |
| 82 padding: 0.3em 0; |
| 83 } |
OLD | NEW |