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; |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
74 url(../images/100/cast_off.png) 1x, | 74 url(../images/100/cast_off.png) 1x, |
75 url(../images/200/cast_off.png) 2x); | 75 url(../images/200/cast_off.png) 2x); |
76 } | 76 } |
77 | 77 |
78 #video-player[casting] > .header > button.cast-button { | 78 #video-player[casting] > .header > button.cast-button { |
79 background-image: -webkit-image-set( | 79 background-image: -webkit-image-set( |
80 url(../images/100/cast_on.png) 1x, | 80 url(../images/100/cast_on.png) 1x, |
81 url(../images/200/cast_on.png) 2x); | 81 url(../images/200/cast_on.png) 2x); |
82 } | 82 } |
83 | 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 |
84 #video-player > .header > button.cast-button { | 96 #video-player > .header > button.cast-button { |
85 display: none; | 97 display: none; |
86 } | 98 } |
87 | 99 |
88 #video-player[cast-available][castable] > .header > button.cast-button { | 100 #video-player[cast-available][castable] > .header > button.cast-button { |
89 display: block; | 101 display: block; |
90 } | 102 } |
91 | 103 |
92 #video-player > .header > button.minimize-button { | 104 #video-player > .header > button.minimize-button { |
93 background-image: -webkit-image-set( | 105 background-image: -webkit-image-set( |
94 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x, | 106 url(chrome://resources/images/apps/topbar_button_minimize.png) 1x, |
95 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x); | 107 url(chrome://resources/images/2x/apps/topbar_button_minimize.png) 2x); |
96 } | 108 } |
97 | 109 |
98 #video-player > .header > button.maximize-button { | 110 #video-player > .header > button.maximize-button { |
99 background-image: -webkit-image-set( | 111 background-image: -webkit-image-set( |
100 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x, | 112 url(chrome://resources/images/apps/topbar_button_maximize.png) 1x, |
101 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x); | 113 url(chrome://resources/images/2x/apps/topbar_button_maximize.png) 2x); |
102 } | 114 } |
103 | 115 |
104 #video-player > .header > button.close-button { | 116 #video-player > .header > button.close-button { |
105 background-image: -webkit-image-set( | 117 background-image: -webkit-image-set( |
106 url(chrome://resources/images/apps/topbar_button_close.png) 1x, | 118 url(chrome://resources/images/apps/topbar_button_close.png) 1x, |
107 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x); | 119 url(chrome://resources/images/2x/apps/topbar_button_close.png) 2x); |
108 } | 120 } |
OLD | NEW |