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