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