chrome/browser/resources/chromeos/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
   6 body {
   7   -webkit-user-select: none;
   8   background: -webkit-linear-gradient(white, #EEE);
   9   cursor: default;
  10   margin: 0;
  11   overflow: hidden;
  12 }
  13
  14 .menu-item {
  15   -webkit-box-orient: horizontal;
  16   -webkit-padding-end: 19px;
  17   background-repeat: no-repeat;
  18   display: -webkit-box;
  19   margin: 0;
  20   overflow: hidden;
  21   padding-bottom: 1px;
  22   padding-top: 1px;
  23   white-space: nowrap;
  24 }
  25
  26 .disabled {
  27   color: #b7b7b7;
  28 }
  29
  30 .no-icon {
  31   -webkit-padding-start: 19px;
  32 }
  33
  34 .menu-label {
  35   -webkit-box-flex: 1;
  36   vertical-align: middle;
  37 }
  38
  39 .accelerator {
  40   -webkit-margin-start: 15px;
  41   opacity: 0.3;
  42 }
  43
  44 .left-icon {
  45   background-position: 4px center;
  46 }
  47
  48 .right-icon {
  49   background-position: right center;
  50 }
  51
  52 .separator {
  53   background: -webkit-linear-gradient(left,
  54                                       rgba(0, 0, 0, .10),
  55                                       rgba(0, 0, 0, .02) 96%);
  56   border: 0;
  57   height: 1px;
  58   margin: 4px 0;
  59 }
  60
  61 .mnemonic-enabled .mnemonic {
  62   text-decoration: underline;
  63 }
  64
  65 .selected {
  66   background-color: rgb(220, 229, 250);
  67 }
  68
  69 #viewport {
  70   overflow: hidden;
  71 }
  72
  73 .scroll-button {
  74   background-position: center center;
  75   background-repeat: no-repeat;
  76   height: 20px;
  77   line-height: 20px;
  78   text-align: center;
  79   width: 100%;
  80 }
  81
  82 #scroll-up {
  83   /* TODO(oshima): get right icons from UX designer */
  84   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAASUVORK5CYII=);
  85 }
  86
  87 #scroll-down {
  88   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJRU5ErkJggg==);
  89 }
  90
  91 .scroll-button:hover {
  92   background-color: rgb(220, 229, 250);
  93 }
  94
  95 .hidden {
  96   display: none;
  97 }