Web Inspector: Elements: Styles: add icons for various CSS rule types
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / SoftContextMenu.css
1 /*
2  * Copyright (C) 2011 Google Inc. All Rights Reserved.
3  * Copyright (C) 2017 Sony Interactive Entertainment Inc.
4  *
5  * Redistribution and use in source and binary forms, with or without
6  * modification, are permitted provided that the following conditions
7  * are met:
8  * 1. Redistributions of source code must retain the above copyright
9  *    notice, this list of conditions and the following disclaimer.
10  * 2. Redistributions in binary form must reproduce the above copyright
11  *    notice, this list of conditions and the following disclaimer in the
12  *    documentation and/or other materials provided with the distribution.
13  *
14  * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
15  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
16  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
17  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
18  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
19  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
20  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
21  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
22  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
23  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
24  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
25  */
26
27 .soft-context-menu-glass-pane {
28     position: absolute;
29     top: 0;
30     bottom: 0;
31     left: 0;
32     right: 0;
33     z-index: 20000;
34 }
35
36 .soft-context-menu {
37     position: absolute;
38     border: 1px solid hsla(0, 0%, 77%, 0.9);
39     border-top: 1px solid hsla(0, 0%, 77%, 0.5);
40     border-bottom: 1px solid hsla(0, 0%, 59%, 0.9);
41     padding: 4px 0;
42     border-radius: 6px;
43     background-color: hsl(0, 0%, 94%);
44     box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.25);
45     color: hsl(0, 0%, 24%);
46     outline: none;
47 }
48
49 .soft-context-menu > .item {
50     display: flex;
51     align-items: center;
52     line-height: 13px;
53     font-size: 14px;
54     padding: 2px 12px 4px 5px;
55     white-space: nowrap;
56 }
57
58 .soft-context-menu > .item.disabled {
59     color: hsl(0, 0%, 72%);
60     pointer-events: none;
61 }
62
63 .soft-context-menu > .item.highlighted {
64     background-color: hsl(215, 95%, 64%);
65     color: hsl(0, 0%, 100%);
66 }
67
68 .soft-context-menu > .item > .checkmark {
69     width: 16px;
70     pointer-events: none;
71 }
72
73 .soft-context-menu > .item > .label {
74     flex: 1;
75     padding-right: 8px;
76     pointer-events: none;
77 }
78
79 .soft-context-menu > .item > .submenu-arrow {
80     width: 39px;
81     line-height: 12px;
82     font-size: 11px;
83     text-align: right;
84     pointer-events: none;
85 }
86
87 .soft-context-menu > .separator {
88     height: 12px;
89 }
90
91 .soft-context-menu > .separator > .line {
92     padding-bottom: 5px;
93     border-bottom: 2px solid hsl(0, 0%, 87%);
94     pointer-events: none;
95 }