1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* ===== popup.css ======================================================
6 == Styles used by the XUL popup element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: menupopup ::::: */
15 border: 1px outset #CCD0DD;
18 background-color: #CCD0DD;
21 menupopup > menu > menupopup {
26 /* ::::: arrow panel ::::: */
29 background: transparent;
34 panel[type="arrow"][side="top"],
35 panel[type="arrow"][side="bottom"] {
40 panel[type="arrow"][side="left"],
41 panel[type="arrow"][side="right"] {
47 padding: var(--arrowpanel-padding);
48 color: var(--arrowpanel-color);
49 background: var(--arrowpanel-background);
50 background-clip: padding-box;
51 border: 1px outset var(--arrowpanel-border-color);
55 .panel-arrow[side="top"],
56 .panel-arrow[side="bottom"] {
57 list-style-image: var(--panel-arrow-image-vertical,
58 url("chrome://global/skin/arrow/panelarrow-vertical.svg"));
64 .panel-arrow[side="top"] {
68 .panel-arrow[side="bottom"] {
69 transform: scaleY(-1);
73 .panel-arrow[side="left"],
74 .panel-arrow[side="right"] {
75 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
81 .panel-arrow[side="left"] {
85 .panel-arrow[side="right"] {
86 transform: scaleX(-1);
90 /* ::::: tooltip ::::: */
93 background-color : #FFFFCC;
94 border : 1px outset #FFFFCC;
96 /* font-size: smaller; */
101 tooltip[titletip="true"] {
102 /* See bug 32157 comment 128
103 * margin: -2px 0px 0px -3px;
108 /* rules for popups associated with menulists */
110 menulist > menupopup {
111 border: 1px solid #666699;
114 background-color: white;
117 menupopup > menu > menupopup {