remoting/webapp/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
   6 .menu-button {
   7   position: relative;
   8 }
   9
  10 .menu-button button + ul {
  11   visibility: hidden;
  12   position: absolute;
  13   top: 22px;
  14   left: 1px;
  15 }
  16
  17 .menu-button button.active + ul {
  18   visibility: visible;
  19 }
  20
  21 .menu-button button.active {
  22   background-color: #EEE;
  23   background-image: -webkit-gradient(linear, left top, left bottom,
  24                                      from(#EEE), to(#E0E0E0));
  25   -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  26   border: 1px solid #CCC;
  27   color: #333;
  28 }
  29
  30 .menu-button button .kd-disclosureindicator {
  31   vertical-align: middle;
  32   margin-left: 7px;
  33   opacity: .8;
  34 }
  35
  36 .menu-button ul {
  37   padding: 0;
  38   margin: 0;
  39   list-style-type: none;
  40   background: white;
  41   outline: 1px solid rgba(0, 0, 0, 0.2);
  42   padding: 0 0 6px;
  43   -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  44   z-index: 1;
  45 }
  46
  47 .menu-button li {
  48   padding: 6px 44px 6px 30px;
  49   white-space: nowrap;
  50 }
  51
  52 .menu-button li:hover {
  53   background-color: #EEE;
  54 }
  55
  56 .menu-button li.menu-separator {
  57   border-top: 1px solid #EBEBEB;
  58   margin-top: 9px;
  59   margin-bottom: 10px;
  60   padding: 0;
  61 }
  62
  63 .menu-button li.selected {
  64   background-image: url('tick.png');
  65   background-position: left center;
  66   background-repeat: no-repeat;
  67 }