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