15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* NOTE: If you are using the drop-down style, you must first call 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * MenuButton.createDropDownArrows() to initialize the CSS canvases that 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * contain the arrow images. */ 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button.menu-button.drop-down { 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid rgb(192, 195, 198); 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-radius: 2px; 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 12px; 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0 5px; 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 1px; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 12px; 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button.menu-button.drop-down:hover { 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-canvas(drop-down-arrow-hover); 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-color: rgb(48, 57, 66); 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button.menu-button.drop-down[menu-shown], 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button.menu-button.drop-down:focus { 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: rgb(48, 57, 66); 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-canvas(drop-down-arrow-active); 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-color: rgb(48, 57, 66); 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 322a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 332a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)button.menu-button.using-mouse { 342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) outline: none; 352a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 36