make CTP notification popup look better
[themes.git] / LCARStrek / global / menulist.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/* ===== menulist.css ===================================================
6 == Styles used by the XUL menulist element.
7 ======================================================================= */
8
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
11
12/* :::::::::: menulist :::::::::: */
13
14menulist {
15 border-radius: 3px;
16 margin: 2px 4px;
17 border: 1px solid #9C9CFF;
18 background-color: #000000;
19 color: #E7ADE7;
20 text-shadow: none;
21}
22
23menulist[menuactive="true"],
24menulist:hover {
25 background-color: #FFCF00;
26 color: #000000;
27 border: 1px solid #9C9CFF;
28}
29
30menulist[open="true"] {
31 background-color: #FF9F00;
32 color: #000000;
33 border: 1px solid #FFCF00;
34}
35
36.menulist-label-box {
37 -moz-box-align: center;
38 -moz-box-pack: center;
39/* margin: 1px; */
40 color: inherit;
41}
42
43.menulist-label {
44 margin: 1px 3px !important;
45}
46
47.menulist-description {
48 font-style: italic;
49 color: #9C9CFF;
50 -moz-margin-start: 1ex !important;
51}
52
53menulist:focus:not(.menulist-compact) > .menulist-label-box {
54 background-color: #008484;
55 color: #FFCF00;
56}
57
58menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
59/* border: 1px dotted #FFCF00; */
60}
61
62menulist[disabled="true"] {
63 background-color: #000000;
64 color: #8050B0;
65 border: 1px solid #8050B0;
66}
67
68/* ..... dropmarker ..... */
69
70.menulist-dropmarker {
71 border-radius: 0px 3px 3px 0px;
72 min-width: 15px;
73 border: none;
74 border-left: 1px solid #9C9CFF;
75}
76
77.menulist-dropmarker,
78menulist[disabled="true"]:hover:active > .menulist-dropmarker {
79 padding: 1px;
80 border: none;
81 border-left: 1px solid #9C9CFF;
82}
83
84menulist[menuactive="true"] > .menulist-dropmarker,
85menulist[open="true"] > .menulist-dropmarker,
86menulist:hover > .menulist-dropmarker,
87menulist:hover:active > .menulist-dropmarker {
88 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
89}
90
91menulist[menuactive="true"] > .menulist-dropmarker,
92menulist:hover > .menulist-dropmarker {
93 background-color: #FFCF00;
94}
95
96menulist:hover:active > .menulist-dropmarker,
97menulist[open="true"] > .menulist-dropmarker {
98 padding-top: 2px;
99 padding-bottom: 0;
100 -moz-padding-start: 2px;
101 -moz-padding-end: 0;
102 border: none;
103 border-left: 1px solid #FFCF00;
104 background-color: #FF9F00;
105}
106
107/* ::::: editable menulists ::::: */
108
109menulist[editable="true"] {
110 color: #E7ADE7;
111}
112
113.menulist-editable-box {
114 background-color: #000000;
115 padding: 2px;
116}
117
118html|*.menulist-editable-input {
119 margin: 0px !important;
120 border: none !important;
121 padding: 0px !important;
122 background-color: inherit;
123 color: inherit;
124 font: inherit;
125}
126
127/* ::::: compact menulists ::::: */
128
129.menulist-compact {
130 -moz-box-align: center;
131 -moz-box-pack: center;
132 margin: 0px;
133 color: #E7ADE7;
134 border: 1px solid #9C9CFF;
135 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
136}
137
138.menulist-compact > .menulist-label-box > .menulist-label {
139 margin: 0 3px !important;
140 text-align: end;
141}
142
143.menulist-compact > .menulist-label-box > .menulist-icon {
144 -moz-margin-start: 2px;
145}
146
147.menulist-compact[open="true"] {
148 border: 1px solid #FFCF00;
149}
150
151.menulist-compact:hover,
152.menulist-compact[open="true"] {
153 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
154}
155
156.menulist-compact[disabled="true"] {
157 list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
158}