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 3 * found in the LICENSE file. */ 4 5 .cast-menu { 6 background-color: rgba(0, 0, 0, 0.85); 7 border: 0; 8 border-radius: 1px; 9 min-width: 120px; 10 outline: none; 11 overflow: hidden; 12 padding: 0 0 5px; 13 position: absolute; 14 z-index: 1000; 15 } 16 17 .cast-menu:before { 18 -webkit-margin-start: 10px; 19 border-bottom: solid 1px rgba(255, 255, 255, 0.25); 20 color: #fff; 21 content: attr(playon-text); 22 display: block; 23 font-size: 12px; 24 margin-bottom: 5px; 25 padding-bottom: 6px; 26 padding-top: 6px; 27 } 28 29 /* Make the width of the horizontal border one device pixel even on HiDPI. 30 * crbug.com/417113. */ 31 @media (-webkit-min-device-pixel-ratio: 2) { 32 .cast-menu:before { 33 border-bottom: none; 34 background-image: linear-gradient(rgba(255, 255, 255, 0.25), 35 rgba(255, 255, 255, 0.25), 36 rgba(255, 255, 255, 0), 37 rgba(255, 255, 255, 0)); 38 background-position: bottom; 39 background-size: 100% 1px; 40 background-repeat: no-repeat; 41 } 42 } 43 44 .cast-menu.hidden { 45 display: none; 46 } 47 48 .cast-menu > :not(hr) { 49 -webkit-padding-end: 10px; 50 -webkit-padding-start: 30px; 51 color: rgba(255, 255, 255, 0.5); 52 font-size: 12px; 53 padding-bottom: 5px; 54 padding-top: 6px; 55 text-overflow: ellipsis; 56 } 57 58 .cast-menu > :not(hr):hover { 59 background-color: rgba(48, 48, 48, 0.85); 60 } 61 62 .cast-menu > [checked]:not(hr) { 63 /* A checkmark has corresponding width and margin. */ 64 -webkit-padding-start: 0; 65 color: #fff; 66 } 67 68 .cast-menu > [checked]:before { 69 content: -webkit-image-set( 70 url('../images/media/media_check.png') 1x, 71 url('../images/media/2x/media_check.png') 2x); 72 height: 8px; 73 margin: 0 10px; 74 width: 10px; 75 } 76