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]) {
30 /* Does not work correctly in Linux right now. - 2012-09-30
35 .panel-arrowcontainer:not([panelopen])[side="top"] {
36 transform: translateY(-20px);
39 .panel-arrowcontainer:not([panelopen])[side="bottom"] {
40 transform: translateY(20px);
43 .panel-arrowcontainer:not([panelopen])[side="left"] {
44 transform: translateX(-20px);
47 .panel-arrowcontainer:not([panelopen])[side="right"] {
48 transform: translateX(20px);
51 panel[type="arrow"][side="top"],
52 panel[type="arrow"][side="bottom"] {
57 panel[type="arrow"][side="left"],
58 panel[type="arrow"][side="right"] {
65 background-color: #CCD0DD;
66 background-clip: padding-box;
67 border: 1px outset #CCD0DD;
71 .panel-arrow[side="top"],
72 .panel-arrow[side="bottom"] {
73 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
79 .panel-arrow[side="top"] {
83 .panel-arrow[side="bottom"] {
84 transform: scaleY(-1);
88 .panel-arrow[side="left"],
89 .panel-arrow[side="right"] {
90 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
96 .panel-arrow[side="left"] {
100 .panel-arrow[side="right"] {
101 transform: scaleX(-1);
105 /* ::::: tooltip ::::: */
108 background-color : #FFFFCC;
109 border : 1px outset #FFFFCC;
111 /* font-size: smaller; */
116 tooltip[titletip="true"] {
117 /* See bug 32157 comment 128
118 * margin: -2px 0px 0px -3px;
123 /* rules for popups associated with menulists */
125 menulist > menupopup,
126 .menulist-menupopup {
127 border: 1px solid #666699;
130 background-color: white;
133 menupopup > menu > menupopup {