tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / popup.css
CommitLineData
9099c61d
RK
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/. */
351107c9 4
b1eaa419 5/* ===== popup.css ======================================================
7aa65558 6 == Styles used by the XUL popup element.
b1eaa419 7 ======================================================================= */
351107c9 8
f98e9249
RK
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
b1eaa419 11/* ::::: menupopup ::::: */
351107c9 12
b1eaa419 13menupopup,
f98e9249 14panel {
b1eaa419 15 border: 1px solid #FF9F00;
16 padding: 1px;
17 min-width: 1px;
18 background-color: #000000;
19}
351107c9 20
9162a092 21panel[type="arrow"] {
7f3c87b9
RK
22 background: transparent;
23 border: none;
71a617ff
RK
24 transition: opacity 300ms;
25}
26
27.panel-arrowcontainer[panelopen] {
28 transition-duration: 200ms, 150ms;
29 transition-property: opacity, transform;
30 transition-timing-function: ease-out;
31}
32
33.panel-arrowcontainer:not([panelopen]) {
af861d30 34 /* Does not work correctly in Linux right now. - 2012-09-30
7092015d 35 * Actually, only breaks uncommon Window Managers, but arrowpanels disappear completely. 2013-07-21
af861d30 36 opacity: 0; */
71a617ff
RK
37}
38
39.panel-arrowcontainer:not([panelopen])[side="top"] {
40 transform: translateY(-20px);
41}
42
43.panel-arrowcontainer:not([panelopen])[side="bottom"] {
44 transform: translateY(20px);
45}
46
47.panel-arrowcontainer:not([panelopen])[side="left"] {
48 transform: translateX(-20px);
49}
50
51.panel-arrowcontainer:not([panelopen])[side="right"] {
52 transform: translateX(20px);
9162a092
RK
53}
54
e1313d59
RK
55panel[type="arrow"][side="top"],
56panel[type="arrow"][side="bottom"] {
46dc2718
RK
57 margin-left: -20px;
58 margin-right: -20px;
e1313d59
RK
59}
60
61panel[type="arrow"][side="left"],
62panel[type="arrow"][side="right"] {
46dc2718
RK
63 margin-top: -20px;
64 margin-bottom: -20px;
e1313d59
RK
65}
66
9162a092
RK
67.panel-arrowcontent {
68 border-radius: 6px;
69 padding: 6px;
46dc2718
RK
70 background-color: #000000;
71 background-clip: padding-box;
72 border: 1px solid #FF9F00;
9162a092
RK
73 margin: 3px;
74}
75
46dc2718
RK
76.panel-arrow[side="top"],
77.panel-arrow[side="bottom"] {
78 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
79 position: relative;
80 margin-left: 10px;
81 margin-right: 10px;
82}
83
9162a092 84.panel-arrow[side="top"] {
46dc2718 85 margin-bottom: -5px;
9162a092
RK
86}
87
88.panel-arrow[side="bottom"] {
71a617ff 89 transform: scaleY(-1);
46dc2718
RK
90 margin-top: -5px;
91}
92
93.panel-arrow[side="left"],
94.panel-arrow[side="right"] {
95 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
96 position: relative;
97 margin-top: 10px;
98 margin-bottom: 10px;
9162a092
RK
99}
100
101.panel-arrow[side="left"] {
46dc2718 102 margin-right: -5px;
9162a092
RK
103}
104
105.panel-arrow[side="right"] {
71a617ff 106 transform: scaleX(-1);
46dc2718 107 margin-left: -5px;
9162a092
RK
108}
109
af861d30
RK
110/* ::::: tooltip ::::: */
111
b1eaa419 112tooltip {
569543b3 113 border-radius: 3px;
b1eaa419 114 background-color: #9C9CFF;
115 border: 1px solid #FFCF00;
116 color: #000000;
f98e9249 117 /* font-size: smaller; */
b1eaa419 118 padding: 2px;
119 max-width: 40em;
120}
121
b1eaa419 122tooltip[titletip="true"] {
ac1cdf20 123 /* See bug 32157 comment 128
124 * margin: -2px 0px 0px -3px;
125 */
b1eaa419 126 max-width: none;
127}
351107c9 128
129/* rules for popups associated with menulists */
130
b1eaa419 131menulist > menupopup,
132.menulist-menupopup {
133 border: 1px solid #FF9F00;
134 min-width: 0px;
135 padding: 0px;
136 background-color: #000000;
137}
f98e9249 138
3327253e 139menupopup > menu > menupopup {
f98e9249
RK
140 margin-top: -2px;
141}