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 /* ::::: Variables ::::: */
13 --panel-arrowcontent-background: #CCD0DD;
14 --panel-arrowcontent-color: #000000;
15 --panel-arrowcontent-border: 1px outset #CCD0DD;
18 /* ::::: menupopup ::::: */
22 border: 1px outset #CCD0DD;
25 background-color: #CCD0DD;
28 menupopup > menu > menupopup {
33 /* ::::: arrow panel ::::: */
36 background: transparent;
41 panel[type="arrow"][side="top"],
42 panel[type="arrow"][side="bottom"] {
47 panel[type="arrow"][side="left"],
48 panel[type="arrow"][side="right"] {
55 color: var(--panel-arrowcontent-color);
56 background: var(--panel-arrowcontent-background);
57 background-clip: padding-box;
58 border: var(--panel-arrowcontent-border);
62 .panel-arrow[side="top"],
63 .panel-arrow[side="bottom"] {
64 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
70 .panel-arrow[side="top"] {
74 .panel-arrow[side="bottom"] {
75 transform: scaleY(-1);
79 .panel-arrow[side="left"],
80 .panel-arrow[side="right"] {
81 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
87 .panel-arrow[side="left"] {
91 .panel-arrow[side="right"] {
92 transform: scaleX(-1);
96 /* ::::: tooltip ::::: */
99 background-color : #FFFFCC;
100 border : 1px outset #FFFFCC;
102 /* font-size: smaller; */
107 tooltip[titletip="true"] {
108 /* See bug 32157 comment 128
109 * margin: -2px 0px 0px -3px;
114 /* rules for popups associated with menulists */
116 menulist > menupopup {
117 border: 1px solid #666699;
120 background-color: white;
123 menupopup > menu > menupopup {