ui/webui/resources/css/menu.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 cr-menu {
   6   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .50);
   7   background: white;
   8   border-radius: 2px;
   9   color: black;
  10   cursor: default;
  11   left: 0;
  12   margin: 0;
  13   outline: 1px solid rgba(0, 0, 0, 0.2);
  14   padding: 8px 0;
  15   position: fixed;
  16   white-space: nowrap;
  17   z-index: 3;
  18 }
  19
  20 cr-menu:not(.decorated) {
  21   display: none;
  22 }
  23
  24 cr-menu > * {
  25   box-sizing: border-box;
  26   display: block;
  27   margin: 0;
  28   text-align: start;
  29   width: 100%;
  30 }
  31
  32 cr-menu > :not(hr) {
  33   -webkit-appearance: none;
  34   background: transparent;
  35   border: 0;
  36   color: black;
  37   font: inherit;
  38   line-height: 18px;
  39   outline: none;
  40   overflow: hidden;
  41   padding: 0 19px;
  42   text-overflow: ellipsis;
  43 }
  44
  45 cr-menu > hr {
  46   background: -webkit-linear-gradient(left,
  47                                       rgba(0, 0, 0, .10),
  48                                       rgba(0, 0, 0, .02) 96%);
  49   border: 0;
  50   height: 1px;
  51   margin: 8px 0;
  52 }
  53
  54 cr-menu > [disabled] {
  55   color: rgba(0, 0, 0, .3);
  56 }
  57
  58 cr-menu > [hidden] {
  59   display: none;
  60 }
  61
  62 cr-menu > :not(hr):-webkit-any([selected], :active) {
  63   background-color: rgba(0, 0, 0, .06);
  64 }
  65
  66 cr-menu > [checked]::before {
  67   content: url(../images/checkbox_black.png);
  68   display: inline-block;
  69   height: 9px;
  70   margin: 0 5px;
  71   width: 9px;
  72 }
  73
  74 cr-menu > [checked] {
  75   -webkit-padding-start: 0;
  76 }
  77
  78 cr-menu > [selected][checked]:active::before {
  79   content: url(../images/checkbox_white.png);
  80 }
  81
  82 /* TODO(zvorygin) menu > [shortcutText]::after - this selector is much better,
  83  * but it's buggy in current webkit revision, so I have to use [showShortcuts].
  84  */
  85 cr-menu[showShortcuts] > ::after {
  86   -webkit-padding-start: 30px;
  87   color: #999;
  88   content: attr(shortcutText);
  89   float: right;
  90 }