ui/webui/resources/css/menu_button.css

   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
   9 button.menu-button.drop-down {
  10   background: white url(../images/drop_down_arrow_gray.svg) 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
  21 button.menu-button.drop-down:hover {
  22   background-image: url(../images/drop_down_arrow_black.svg);
  23   border-color: rgb(48, 57, 66);
  24 }
  25
  26 button.menu-button.drop-down[menu-shown],
  27 button.menu-button.drop-down:focus {
  28   background-color: rgb(48, 57, 66);
  29   background-image: url(../images/drop_down_arrow_white.svg);
  30   border-color: rgb(48, 57, 66);
  31 }
  32
  33 button.menu-button.using-mouse {
  34   outline: none;
  35 }