third_party/WebKit/Source/devtools/front_end/ui/softContextMenu.css

   1 /*
   2  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 :host {
   8     position: absolute;
   9     border: 1px solid rgba(196, 196, 196, 0.9);
  10     border-top: 1px solid rgba(196, 196, 196, 0.5);
  11     padding: 4px 0 4px 0;
  12     border-radius: 4px;
  13     background-color: rgb(240, 240, 240);
  14     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  15     overflow-y: auto;
  16 }
  17
  18 .soft-context-menu-item {
  19     display: flex;
  20     width: 100%;
  21     line-height: 14px;
  22     font-size: 12px;
  23     border-top: 1px solid transparent;
  24     border-bottom: 1px solid transparent;
  25     padding: 2px 7px 2px 8px;
  26     margin: 0 13px 0 0;
  27     white-space: nowrap;
  28     min-width: 160px;
  29 }
  30
  31 .soft-context-menu-separator {
  32     height: 10px;
  33     margin: 0 1px;
  34 }
  35
  36 .soft-context-menu-separator > .separator-line {
  37     margin: 0;
  38     height: 5px;
  39     border-bottom: 1px solid rgb(222, 222, 222);
  40     pointer-events: none;
  41 }
  42
  43 .soft-context-menu-item-mouse-over {
  44     border-top: 1px solid rgb(56, 121, 217);
  45     border-bottom: 1px solid rgb(56, 121, 217);
  46     background-color: rgb(56, 121, 217);
  47     color: white;
  48 }
  49
  50 :host-context(.platform-mac) .soft-context-menu-item-mouse-over {
  51     border-top: 1px solid transparent;
  52     border-bottom: 1px solid transparent;
  53     background-image: linear-gradient(to right, hsl(214, 81%, 60%), hsl(214, 100%, 56%));
  54 }
  55
  56 :host-context(.platform-mac) .separator-line {
  57     border-width: 2px;
  58 }
  59
  60 .soft-context-menu-item-submenu-arrow {
  61     color: #222;
  62     float: right;
  63     pointer-events: none;
  64     font-size: 11px;
  65 }
  66
  67 .soft-context-menu-item-mouse-over .soft-context-menu-item-checkmark {
  68     color: white;
  69 }
  70
  71 .soft-context-menu-custom-item {
  72     display: inline-flex;
  73     justify-content: center;
  74     align-items: center;
  75     flex: auto;
  76 }
  77
  78 .soft-context-menu-shortcut {
  79     color: gray;
  80     pointer-events: none;
  81     flex: 1 1 auto;
  82     text-align: right;
  83     padding-left: 10px;
  84 }
  85
  86 .soft-context-menu-item-mouse-over .soft-context-menu-shortcut {
  87     color: inherit;
  88 }
  89
  90 .checkmark {
  91     background-image: url(Images/toolbarButtonGlyphs.png);
  92     background-size: 352px 168px;
  93     opacity: 0.7;
  94     width: 10px;
  95     height: 10px;
  96     background-position: -128px -109px;
  97     display: inline-block;
  98     pointer-events: none;
  99     margin: auto 5px auto 0px;
 100 }
 101
 102 @media (-webkit-min-device-pixel-ratio: 1.5) {
 103 .checkmark {
 104     background-image: url(Images/toolbarButtonGlyphs_2x.png);
 105 }
 106 }