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 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   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   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.webp');
     65   background-position: left center;
     66   background-repeat: no-repeat;
     67 }