sixth part of syncing LCARStrek with Firefox 42-44 windows theme changes
[themes.git] / EarlyBlue / global / popup.css
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 /* ::::: Variables ::::: */
12 .panel-arrowcontent {
13   --panel-arrowcontent-padding: 6px;
14   --panel-arrowcontent-background: #CCD0DD;
15   --panel-arrowcontent-color: #000000;
16   --panel-arrowcontent-border: 1px outset #CCD0DD;
17 }
18
19 /* ::::: menupopup ::::: */
20
21 menupopup,
22 panel {
23   border: 1px outset #CCD0DD;
24   padding: 1px;
25   min-width: 1px;
26   background-color: #CCD0DD;
27 }
28
29 menupopup > menu > menupopup {
30   /* align submenus */
31   margin-top: -2px;
32 }
33
34 /* ::::: arrow panel ::::: */
35
36 panel[type="arrow"] {
37   background: transparent;
38   border: none;
39   padding: 0;
40 }
41
42 panel[type="arrow"][side="top"],
43 panel[type="arrow"][side="bottom"] {
44   margin-left: -20px;
45   margin-right: -20px;
46 }
47
48 panel[type="arrow"][side="left"],
49 panel[type="arrow"][side="right"] {
50   margin-top: -20px;
51   margin-bottom: -20px;
52 }
53
54 .panel-arrowcontent {
55   padding: var(--panel-arrowcontent-padding);
56   color: var(--panel-arrowcontent-color);
57   background: var(--panel-arrowcontent-background);
58   background-clip: padding-box;
59   border: var(--panel-arrowcontent-border);
60   margin: 0px;
61 }
62
63 .panel-arrow[side="top"],
64 .panel-arrow[side="bottom"] {
65   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
66   position: relative;
67   margin-left: 10px;
68   margin-right: 10px;
69 }
70
71 .panel-arrow[side="top"] {
72   margin-bottom: -1px;
73 }
74
75 .panel-arrow[side="bottom"] {
76   transform: scaleY(-1);
77   margin-top: -1px;
78 }
79
80 .panel-arrow[side="left"],
81 .panel-arrow[side="right"] {
82   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
83   position: relative;
84   margin-top: 10px;
85   margin-bottom: 10px;
86 }
87
88 .panel-arrow[side="left"] {
89   margin-right: -1px;
90 }
91
92 .panel-arrow[side="right"] {
93   transform: scaleX(-1);
94   margin-left: -1px;
95 }
96
97 /* ::::: tooltip ::::: */
98
99 tooltip {
100   background-color : #FFFFCC;
101   border : 1px outset #FFFFCC;
102   color: #000000;
103   /* font-size: smaller; */
104   padding: 2px;
105   max-width: 40em;
106 }
107
108 tooltip[titletip="true"] {
109   /* See bug 32157 comment 128
110    * margin: -2px 0px 0px -3px;
111    */
112   max-width: none;
113 }
114
115 /* rules for popups associated with menulists */
116
117 menulist > menupopup {
118   border: 1px solid #666699;
119   min-width: 0px;
120   padding: 0px;
121   background-color: white;
122 }
123
124 menupopup > menu > menupopup {
125   margin-top: -2px;
126 }