some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / popup.css
... / ...
CommitLineData
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/. */
4
5/* ===== popup.css ======================================================
6 == Styles used by the XUL popup element.
7 ======================================================================= */
8
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11/* ::::: menupopup ::::: */
12
13menupopup,
14panel {
15 border: 1px solid #FF9F00;
16 padding: 1px;
17 min-width: 1px;
18 background-color: #000000;
19}
20
21panel[type="arrow"] {
22 background: transparent;
23 border: none;
24 -moz-transition: opacity 300ms;
25}
26
27panel[type="arrow"][side="top"],
28panel[type="arrow"][side="bottom"] {
29 margin-left: -20px;
30 margin-right: -20px;
31}
32
33panel[type="arrow"][side="left"],
34panel[type="arrow"][side="right"] {
35 margin-top: -20px;
36 margin-bottom: -20px;
37}
38
39.panel-arrowcontent {
40 border-radius: 6px;
41 padding: 6px;
42 background-color: #000000;
43 background-clip: padding-box;
44 border: 1px solid #FF9F00;
45 margin: 3px;
46}
47
48.panel-arrow[side="top"],
49.panel-arrow[side="bottom"] {
50 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
51 position: relative;
52 margin-left: 10px;
53 margin-right: 10px;
54}
55
56.panel-arrow[side="top"] {
57 margin-bottom: -5px;
58}
59
60.panel-arrow[side="bottom"] {
61 -moz-transform: scaleY(-1);
62 margin-top: -5px;
63}
64
65.panel-arrow[side="left"],
66.panel-arrow[side="right"] {
67 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
68 position: relative;
69 margin-top: 10px;
70 margin-bottom: 10px;
71}
72
73.panel-arrow[side="left"] {
74 margin-right: -5px;
75}
76
77.panel-arrow[side="right"] {
78 -moz-transform: scaleX(-1);
79 margin-left: -5px;
80}
81
82tooltip {
83 border-radius: 3px;
84 background-color: #9C9CFF;
85 border: 1px solid #FFCF00;
86 color: #000000;
87 /* font-size: smaller; */
88 padding: 2px;
89 max-width: 40em;
90}
91
92tooltip[titletip="true"] {
93 /* See bug 32157 comment 128
94 * margin: -2px 0px 0px -3px;
95 */
96 max-width: none;
97}
98
99/* rules for popups associated with menulists */
100
101menulist > menupopup,
102.menulist-menupopup {
103 border: 1px solid #FF9F00;
104 min-width: 0px;
105 padding: 0px;
106 background-color: #000000;
107}
108
109menupopup > menu > menupopup {
110 margin-top: -2px;
111}