src/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-activator + ul {
  11   visibility: hidden;
  12   position: absolute;
  13 }
  14
  15 .menu-button-activator + ul:not(.right-align) {
  16   left: 1px;
  17 }
  18
  19 .menu-button-activator + ul.right-align {
  20   right: 1px;
  21 }
  22
  23 .menu-button-activator.active + ul {
  24   visibility: visible;
  25 }
  26
  27 .menu-button-activator.active {
  28   background-color: #EEE;
  29   background-image: -webkit-gradient(linear, left top, left bottom,
  30                                      from(#EEE), to(#E0E0E0));
  31   box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  32   border: 1px solid #CCC;
  33   color: #333;
  34 }
  35
  36 .menu-button-activator .kd-disclosureindicator {
  37   vertical-align: middle;
  38   margin-left: 7px;
  39   opacity: .8;
  40 }
  41
  42 .menu-button ul {
  43   padding: 0;
  44   margin: 0;
  45   list-style-type: none;
  46   background: white;
  47   outline: 1px solid rgba(0, 0, 0, 0.2);
  48   padding: 0 0 6px;
  49   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  50   z-index: 1;
  51 }
  52
  53 .menu-button li {
  54   padding: 6px 44px 6px 30px;
  55   white-space: nowrap;
  56 }
  57
  58 .menu-button li:hover {
  59   background-color: #EEE;
  60 }
  61
  62 .menu-button li.menu-separator {
  63   border-top: 1px solid #EBEBEB;
  64   margin-top: 9px;
  65   margin-bottom: 10px;
  66   padding: 0;
  67 }
  68
  69 .menu-button li.selected {
  70   background-image: url('tick.webp');
  71   background-position: left center;
  72   background-repeat: no-repeat;
  73 }
  74
  75 .help-icon {
  76   vertical-align: -4px;
  77   border: 1px solid transparent;
  78   opacity: 0.35;
  79   -webkit-transition: opacity 0.218s;
  80 }
  81
  82 .help-icon:hover, .help-icon.active {
  83   opacity: 0.5;
  84 }
  85
  86 #help-feedback-toolbar {
  87   margin-left: 8px;
  88   margin-top: 4px;
  89 }