tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / menulist.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 /* ===== 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
14 menulist {
15   border-radius: 3px;
16   margin: 1px 2px;
17   border: 1px solid #9C9CFF;
18   background-color: #000000;
19   color: #E7ADE7;
20   text-shadow: none;
21 }
22
23 menulist[menuactive="true"],
24 menulist:hover {
25   background-color: #FFCF00;
26   color: #000000;
27   border: 1px solid #9C9CFF;
28 }
29
30 menulist[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
53 menulist:focus:not(.menulist-compact) > .menulist-label-box {
54   background-color: #008484;
55   color: #FFCF00;
56 }
57
58 menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
59 /*  border: 1px dotted #FFCF00; */
60 }
61
62 menulist[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,
78 menulist[disabled="true"]:hover:active > .menulist-dropmarker {
79   padding: 1px;
80   border: none;
81   border-left: 1px solid #9C9CFF;
82 }
83
84 menulist[menuactive="true"] > .menulist-dropmarker,
85 menulist[open="true"] > .menulist-dropmarker,
86 menulist:hover > .menulist-dropmarker,
87 menulist:hover:active > .menulist-dropmarker {
88   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
89 }
90
91 menulist[menuactive="true"] > .menulist-dropmarker,
92 menulist:hover > .menulist-dropmarker {
93   background-color: #FFCF00;
94 }
95
96 menulist:hover:active > .menulist-dropmarker,
97 menulist[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
109 menulist[editable="true"] {
110   color: #E7ADE7;
111 }
112
113 .menulist-editable-box {
114   background-color: #000000;
115   padding: 2px;
116 }
117
118 html|*.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 }