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/* NOTE: If you are using the drop-down style, you must first call 6 * MenuButton.createDropDownArrows() to initialize the CSS canvases that 7 * contain the arrow images. */ 8 9button.menu-button.drop-down { 10 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; 11 border: 1px solid rgb(192, 195, 198); 12 border-radius: 2px; 13 height: 12px; 14 margin: 0 5px; 15 padding: 0; 16 position: relative; 17 top: 1px; 18 width: 12px; 19} 20 21button.menu-button.drop-down:hover { 22 background-image: -webkit-canvas(drop-down-arrow-hover); 23 border-color: rgb(48, 57, 66); 24} 25 26button.menu-button.drop-down[menu-shown], 27button.menu-button.drop-down:focus { 28 background-color: rgb(48, 57, 66); 29 background-image: -webkit-canvas(drop-down-arrow-active); 30 border-color: rgb(48, 57, 66); 31} 32 33button.menu-button.using-mouse { 34 outline: none; 35} 36