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 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 menu:not(.decorated) {
  21   display: none;
  22 }
  23
  24 menu > * {
  25   box-sizing: border-box;
  26   display: block;
  27   margin: 0;
  28   text-align: start;
  29   width: 100%;
  30 }
  31
  32 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 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 menu > [disabled] {
  55   color: rgba(0, 0, 0, .3);
  56 }
  57
  58 menu > [hidden] {
  59   display: none;
  60 }
  61
  62 menu > :not(hr)[selected] {
  63   background-color: rgba(0, 0, 0, .06);
  64 }
  65
  66 menu > :not(hr)[selected]:active {
  67   background-color: rgba(0, 0, 0, .06);
  68 }
  69
  70 menu > [checked]::before {
  71   content: url('../images/checkbox_black.png');
  72   display: inline-block;
  73   height: 9px;
  74   margin: 0 5px;
  75   width: 9px;
  76 }
  77
  78 menu > [checked] {
  79   -webkit-padding-start: 0;
  80 }
  81
  82 menu > [selected][checked]:active::before {
  83   content: url('../images/checkbox_white.png');
  84 }
  85
  86 /* TODO(zvorygin) menu > [shortcutText]::after - this selector is much better,
  87  * but it's buggy in current webkit revision, so I have to use [showShortcuts].
  88  */
  89 menu[showShortcuts] > ::after {
  90   -webkit-padding-start: 30px;
  91   color: #999;
  92   content: attr(shortcutText);
  93   float: right;
  94 }