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-padding: 6px;
14 --panel-arrowcontent-background: #000000;
15 --panel-arrowcontent-color: #FF9F00;
16 --panel-arrowcontent-border: 1px solid #FF9F00;
19 /* ::::: menupopup ::::: */
23 border: 1px solid #FF9F00;
26 background-color: #000000;
29 menupopup > menu > menupopup {
34 /* ::::: arrow panel ::::: */
37 background: transparent;
42 panel[type="arrow"][side="top"],
43 panel[type="arrow"][side="bottom"] {
48 panel[type="arrow"][side="left"],
49 panel[type="arrow"][side="right"] {
56 padding: var(--panel-arrowcontent-padding);
57 color: var(--panel-arrowcontent-color);
58 background: var(--panel-arrowcontent-background);
59 background-clip: padding-box;
60 border: var(--panel-arrowcontent-border);
64 .panel-arrow[side="top"],
65 .panel-arrow[side="bottom"] {
66 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
72 .panel-arrow[side="top"] {
76 .panel-arrow[side="bottom"] {
77 transform: scaleY(-1);
81 .panel-arrow[side="left"],
82 .panel-arrow[side="right"] {
83 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
89 .panel-arrow[side="left"] {
93 .panel-arrow[side="right"] {
94 transform: scaleX(-1);
98 /* ::::: tooltip ::::: */
102 background-color: #9C9CFF;
103 border: 1px solid #FFCF00;
105 /* font-size: smaller; */
110 tooltip[titletip="true"] {
111 /* See bug 32157 comment 128
112 * margin: -2px 0px 0px -3px;
117 /* rules for popups associated with menulists */
119 menulist > menupopup {
120 border: 1px solid #FF9F00;
123 background-color: #000000;