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;
32 transition: opacity 300ms;
35 .panel-arrowcontainer[panelopen] {
36 transition-duration: 200ms, 150ms;
37 transition-property: opacity, transform;
38 transition-timing-function: ease-out;
41 .panel-arrowcontainer:not([panelopen]) {
42 /* Does not work correctly in Linux right now. - 2012-09-30
43 * Actually, only breaks uncommon Window Managers, but arrowpanels disappear completely. 2013-07-21
47 .panel-arrowcontainer:not([panelopen])[side="top"] {
48 transform: translateY(-20px);
51 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
52 transform: translateY(20px);
55 .panel-arrowcontainer:not([panelopen])[side="left"] {
56 transform: translateX(-20px);
59 .panel-arrowcontainer:not([panelopen])[side="right"] {
60 transform: translateX(20px);
63 panel[type="arrow"][side="top"],
64 panel[type="arrow"][side="bottom"] {
69 panel[type="arrow"][side="left"],
70 panel[type="arrow"][side="right"] {
77 background-color: #CCD0DD;
78 background-clip: padding-box;
79 border: 1px outset #CCD0DD;
83 .panel-arrow[side="top"],
84 .panel-arrow[side="bottom"] {
85 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
91 .panel-arrow[side="top"] {
95 .panel-arrow[side="bottom"] {
96 transform: scaleY(-1);
100 .panel-arrow[side="left"],
101 .panel-arrow[side="right"] {
102 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
108 .panel-arrow[side="left"] {
112 .panel-arrow[side="right"] {
113 transform: scaleX(-1);
117 /* ::::: tooltip ::::: */
120 background-color : #FFFFCC;
121 border : 1px outset #FFFFCC;
123 /* font-size: smaller; */
128 tooltip[titletip="true"] {
129 /* See bug 32157 comment 128
130 * margin: -2px 0px 0px -3px;
135 /* rules for popups associated with menulists */
137 menulist > menupopup,
138 .menulist-menupopup {
139 border: 1px solid #666699;
142 background-color: white;
145 menupopup > menu > menupopup {