OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 #video-player > .header { | 5 #video-player > .header { |
6 -webkit-app-region: drag; | 6 -webkit-app-region: drag; |
7 background: rgba(30, 30, 30, 0.8); | 7 background: rgba(30, 30, 30, 0.8); |
8 border-bottom: 1px solid rgba(50, 50, 50, 0.8); | 8 border-bottom: 1px solid rgba(50, 50, 50, 0.8); |
9 display: flex; | 9 display: flex; |
10 flex-direction: row; | 10 flex-direction: row; |
11 height: 45px; | 11 height: 45px; |
12 opacity: 1; | 12 opacity: 1; |
13 pointer-events: auto; | 13 pointer-events: auto; |
14 position: absolute; | 14 position: absolute; |
15 top: 0; | 15 top: 0; |
16 width: 100%; | 16 width: 100%; |
17 z-index: 200; | 17 z-index: 200; |
18 } | 18 } |
19 | 19 |
20 #video-player > .header > #title { | 20 #video-player > .header > #title { |
21 color: white; | 21 color: white; |
22 flex-grow: 1; | 22 flex-grow: 1; |
23 font-size: 16px; | 23 font-size: 16px; |
24 height: 16px; | 24 line-height: 45px; |
25 overflow: hidden; | 25 overflow: hidden; |
26 padding: 15px; | 26 padding-left: 15px; |
27 text-overflow: ellipsis; | 27 text-overflow: ellipsis; |
28 white-space: nowrap; | 28 white-space: nowrap; |
29 } | 29 } |
30 | 30 |
31 #video-player > .header > button, | 31 #video-player > .header > button, |
32 #video-player > .header > button[disabled] { | 32 #video-player > .header > button[disabled] { |
33 align-content: center; | 33 align-content: center; |
34 background-color: rgba(0, 0, 0, 0); | 34 background-color: rgba(0, 0, 0, 0); |
35 background-position: center; | 35 background-position: center; |
36 background-repeat: no-repeat; | 36 background-repeat: no-repeat; |
(...skipping 25 matching lines...) Expand all Loading... |
62 | 62 |
63 #video-player > .header > button { | 63 #video-player > .header > button { |
64 -webkit-app-region: no-drag; | 64 -webkit-app-region: no-drag; |
65 -webkit-margin-end: 10px; | 65 -webkit-margin-end: 10px; |
66 cursor: default; | 66 cursor: default; |
67 height: 32px; | 67 height: 32px; |
68 min-width: 32px; | 68 min-width: 32px; |
69 width: 32px; | 69 width: 32px; |
70 } | 70 } |
71 | 71 |
72 #video-player > .header > button.cast-button { | |
73 background-image: -webkit-image-set( | |
74 url(../images/100/cast_off.png) 1x, | |
75 url(../images/200/cast_off.png) 2x); | |
76 } | |
77 | |
78 #video-player[casting] > .header > button.cast-button { | |
79 background-image: -webkit-image-set( | |
80 url(../images/100/cast_on.png) 1x, | |
81 url(../images/200/cast_on.png) 2x); | |
82 } | |
83 | |
84 #video-player > .header > button.cast-button:hover { | |
85 background-image: -webkit-image-set( | |
86 url(../images/100/cast_off_hover.png) 1x, | |
87 url(../images/200/cast_off_hover.png) 2x); | |
88 } | |
89 | |
90 #video-player[casting] > .header > button.cast-button:hover { | |
91 background-image: -webkit-image-set( | |
92 url(../images/100/cast_on_hover.png) 1x, | |
93 url(../images/200/cast_on_hover.png) 2x); | |
94 } | |
95 | |
96 #video-player > .header > button.cast-button { | |
97 display: none; | |
98 } | |
99 | |
100 #video-player[cast-available][castable] > .header > button.cast-button { | |
101 display: block; | |
102 } | |
103 | |
104 #video-player > .header > button.minimize-button { | 72 #video-player > .header > button.minimize-button { |
105 background-image: -webkit-image-set( | 73 background-image: -webkit-image-set( |
106 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x, | 74 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x, |
107 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x); | 75 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x); |
108 } | 76 } |
109 | 77 |
110 #video-player > .header > button.maximize-button { | 78 #video-player > .header > button.maximize-button { |
111 background-image: -webkit-image-set( | 79 background-image: -webkit-image-set( |
112 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x, | 80 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x, |
113 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x); | 81 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x); |
114 } | 82 } |
115 | 83 |
116 #video-player > .header > button.close-button { | 84 #video-player > .header > button.close-button { |
117 background-image: -webkit-image-set( | 85 background-image: -webkit-image-set( |
118 url(chrome://resources/images/apps/topbar_button_close.png) 1x, | 86 url(chrome://resources/images/apps/topbar_button_close.png) 1x, |
119 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x); | 87 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x); |
120 } | 88 } |
OLD | NEW |