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/. */
5 /* ===== menulist.css ===================================================
6 == Styles used by the XUL menulist element.
7 ======================================================================= */
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 */
12 /* :::::::::: menulist :::::::::: */
16 border: 1px inset #CCD0DD;
17 background-color: #CCCCCC;
23 -moz-box-align: center;
24 -moz-box-pack: center;
30 margin: 1px 3px !important;
33 .menulist-description {
36 -moz-margin-start: 1ex !important;
39 menulist:focus:not(.menulist-compact) > .menulist-label-box {
40 background-color: #336699;
44 menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
45 /* border: 1px dotted #808080; */
48 menulist[disabled="true"] {
49 background-color: #CCCCCC;
53 /* ..... dropmarker ..... */
55 .menulist-dropmarker {
56 background-color: #CCCCCC;
59 menulist[disabled="true"]:hover:active > .menulist-dropmarker {
63 menulist:hover:active > .menulist-dropmarker,
64 menulist[open="true"] > .menulist-dropmarker {
65 border: 1px inset #CCD0DD;
68 -moz-padding-start: 2px;
69 -moz-padding-end: 0px;
72 /* ::::: editable menulists ::::: */
74 menulist[editable="true"] {
78 .menulist-editable-box {
79 background-color: #FFFFFF;
83 html|*.menulist-editable-input {
84 margin: 0px !important;
85 border: none !important;
86 padding: 0px !important;
87 background-color: inherit;
92 /* ::::: compact menulists ::::: */
95 -moz-box-align: center;
96 -moz-box-pack: center;
98 border: 1px outset #CCD0DD;
100 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
103 .menulist-compact > .menulist-label-box {
104 border: 1px solid transparent;
107 .menulist-compact > .menulist-label-box > .menulist-label {
108 margin: 0 3px !important;
112 .menulist-compact > .menulist-label-box > .menulist-icon {
113 -moz-margin-start: 2px;
116 .menulist-compact[open="true"] {
117 border: 1px inset #CCD0DD;
118 /* color: ThreeDHighlight; */
121 .menulist-compact[disabled="true"] {
122 list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
125 .menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box {
126 border: 1px dotted #999999;