Home | History | Annotate | Download | only in 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 }
     95