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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
7 /* ::::: menupopup ::::: */
11 border: 1px outset #CCD0DD;
14 background-color: #CCD0DD;
18 background: transparent;
20 transition: opacity 300ms;
23 .panel-arrowcontainer[panelopen] {
24 transition-duration: 200ms, 150ms;
25 transition-property: opacity, transform;
26 transition-timing-function: ease-out;
29 .panel-arrowcontainer:not([panelopen]) {
33 .panel-arrowcontainer:not([panelopen])[side="top"] {
34 transform: translateY(-20px);
37 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
38 transform: translateY(20px);
41 .panel-arrowcontainer:not([panelopen])[side="left"] {
42 transform: translateX(-20px);
45 .panel-arrowcontainer:not([panelopen])[side="right"] {
46 transform: translateX(20px);
49 panel[type="arrow"][side="top"],
50 panel[type="arrow"][side="bottom"] {
55 panel[type="arrow"][side="left"],
56 panel[type="arrow"][side="right"] {
63 background-color: #CCD0DD;
64 background-clip: padding-box;
65 border: 1px outset #CCD0DD;
69 .panel-arrow[side="top"],
70 .panel-arrow[side="bottom"] {
71 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
77 .panel-arrow[side="top"] {
81 .panel-arrow[side="bottom"] {
82 transform: scaleY(-1);
86 .panel-arrow[side="left"],
87 .panel-arrow[side="right"] {
88 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
94 .panel-arrow[side="left"] {
98 .panel-arrow[side="right"] {
99 transform: scaleX(-1);
104 background-color : #FFFFCC;
105 border : 1px outset #FFFFCC;
107 /* font-size: smaller; */
112 tooltip[titletip="true"] {
113 /* See bug 32157 comment 128
114 * margin: -2px 0px 0px -3px;
119 /* rules for popups associated with menulists */
121 menulist > menupopup,
122 .menulist-menupopup {
123 border: 1px solid #666699;
126 background-color: white;
129 menupopup > menu > menupopup {