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 solid #FF9F00;
18 background-color: #000000;
22 background: transparent;
24 transition: opacity 300ms;
27 .panel-arrowcontainer[panelopen] {
28 transition-duration: 200ms, 150ms;
29 transition-property: opacity, transform;
30 transition-timing-function: ease-out;
33 .panel-arrowcontainer:not([panelopen]) {
37 .panel-arrowcontainer:not([panelopen])[side="top"] {
38 transform: translateY(-20px);
41 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
42 transform: translateY(20px);
45 .panel-arrowcontainer:not([panelopen])[side="left"] {
46 transform: translateX(-20px);
49 .panel-arrowcontainer:not([panelopen])[side="right"] {
50 transform: translateX(20px);
53 panel[type="arrow"][side="top"],
54 panel[type="arrow"][side="bottom"] {
59 panel[type="arrow"][side="left"],
60 panel[type="arrow"][side="right"] {
68 background-color: #000000;
69 background-clip: padding-box;
70 border: 1px solid #FF9F00;
74 .panel-arrow[side="top"],
75 .panel-arrow[side="bottom"] {
76 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
82 .panel-arrow[side="top"] {
86 .panel-arrow[side="bottom"] {
87 transform: scaleY(-1);
91 .panel-arrow[side="left"],
92 .panel-arrow[side="right"] {
93 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
99 .panel-arrow[side="left"] {
103 .panel-arrow[side="right"] {
104 transform: scaleX(-1);
110 background-color: #9C9CFF;
111 border: 1px solid #FFCF00;
113 /* font-size: smaller; */
118 tooltip[titletip="true"] {
119 /* See bug 32157 comment 128
120 * margin: -2px 0px 0px -3px;
125 /* rules for popups associated with menulists */
127 menulist > menupopup,
128 .menulist-menupopup {
129 border: 1px solid #FF9F00;
132 background-color: #000000;
135 menupopup > menu > menupopup {