1 /* Copyright (c) 2012 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 6 menu { 7 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .50); 8 background: white; 9 color: black; 10 cursor: default; 11 display: none; 12 left: 0; 13 margin: 0; 14 outline: 1px solid rgba(0, 0, 0, 0.2); 15 padding: 8px 0; 16 position: fixed; 17 white-space: nowrap; 18 z-index: 3; 19 } 20 21 menu > * { 22 box-sizing: border-box; 23 display: block; 24 margin: 0; 25 text-align: start; 26 width: 100%; 27 } 28 29 menu > :not(hr) { 30 -webkit-appearance: none; 31 background: transparent; 32 border: 0; 33 font: inherit; 34 line-height: 18px; 35 overflow: hidden; 36 padding: 0 19px; 37 text-overflow: ellipsis; 38 } 39 40 menu > hr { 41 background: -webkit-linear-gradient(left, 42 rgba(0, 0, 0, .10), 43 rgba(0, 0, 0, .02) 96%); 44 border: 0; 45 height: 1px; 46 margin: 8px 0; 47 } 48 49 menu > [disabled] { 50 color: rgba(0, 0, 0, .3); 51 } 52 53 menu > [hidden] { 54 display: none; 55 } 56 57 menu > :not(hr)[selected] { 58 background-color: rgb(220, 229, 250); 59 } 60 61 menu > :not(hr)[selected]:active { 62 background-color: rgb(66, 109, 201); 63 color: #fff; 64 } 65 66 menu > [checked]:before { 67 content: url('../images/checkbox_black.png'); 68 display: inline-block; 69 height: 9px; 70 margin: 0 5px; 71 vertical-align: 50%; 72 width: 9px; 73 } 74 75 menu > [checked] { 76 -webkit-padding-start: 0; 77 } 78 79 menu > [selected][checked]:active:before { 80 content: url('../images/checkbox_white.png'); 81 } 82