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: #000000;
14 --panel-arrowcontent-color: #FF9F00;
15 --panel-arrowcontent-border: 1px solid #FF9F00;
18 /* ::::: menupopup ::::: */
22 border: 1px solid #FF9F00;
25 background-color: #000000;
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"] {
56 color: var(--panel-arrowcontent-color);
57 background: var(--panel-arrowcontent-background);
58 background-clip: padding-box;
59 border: var(--panel-arrowcontent-border);
63 .panel-arrow[side="top"],
64 .panel-arrow[side="bottom"] {
65 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
71 .panel-arrow[side="top"] {
75 .panel-arrow[side="bottom"] {
76 transform: scaleY(-1);
80 .panel-arrow[side="left"],
81 .panel-arrow[side="right"] {
82 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
88 .panel-arrow[side="left"] {
92 .panel-arrow[side="right"] {
93 transform: scaleX(-1);
97 /* ::::: tooltip ::::: */
101 background-color: #9C9CFF;
102 border: 1px solid #FFCF00;
104 /* font-size: smaller; */
109 tooltip[titletip="true"] {
110 /* See bug 32157 comment 128
111 * margin: -2px 0px 0px -3px;
116 /* rules for popups associated with menulists */
118 menulist > menupopup {
119 border: 1px solid #FF9F00;
122 background-color: #000000;