XUL/theme simplification changes - removing unnecessary boxes and re-writing large portions of the themes to use new -moz-border-colors and -moz-image-region css features. Also cleans up the classic skin quite a bit for both mac and win. Fixes bugs 113024, 113043, 113585, 113586, 115943, 113643, 114475, 99787, 110214, 113977, 113966, 114802, 64894, 90724, 103173, 103199, 103298, 110442, 111472, 111989, 113027, 113041, 109180, 109204, 81581, 81903, 103324, 110108, 114540, and probably more I forgot to mention. r=ben, sr=hyatt
2001-12-19 15:04:11 +03:00
|
|
|
/*
|
|
|
|
* The contents of this file are subject to the Netscape Public
|
|
|
|
* License Version 1.1 (the "License"); you may not use this file
|
|
|
|
* except in compliance with the License. You may obtain a copy of
|
|
|
|
* the License at http://www.mozilla.org/NPL/
|
|
|
|
*
|
|
|
|
* Software distributed under the License is distributed on an "AS
|
|
|
|
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
|
|
|
|
* implied. See the License for the specific language governing
|
|
|
|
* rights and limitations under the License.
|
|
|
|
*
|
|
|
|
* The Original Code is Mozilla Communicator client code, released
|
|
|
|
* March 31, 1998.
|
|
|
|
*
|
|
|
|
* The Initial Developer of the Original Code is Netscape
|
|
|
|
* Communications Corporation. Portions created by Netscape are
|
|
|
|
* Copyright (C) 1998-1999 Netscape Communications Corporation. All
|
|
|
|
* Rights Reserved.
|
|
|
|
*
|
|
|
|
* Contributor(s):
|
|
|
|
* Joe Hewitt (hewitt@netscape.com)
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* ===== menulist.css ===================================================
|
|
|
|
== Styles used by the XUL menulist element.
|
|
|
|
======================================================================= */
|
|
|
|
|
2001-11-03 04:29:26 +03:00
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
XUL/theme simplification changes - removing unnecessary boxes and re-writing large portions of the themes to use new -moz-border-colors and -moz-image-region css features. Also cleans up the classic skin quite a bit for both mac and win. Fixes bugs 113024, 113043, 113585, 113586, 115943, 113643, 114475, 99787, 110214, 113977, 113966, 114802, 64894, 90724, 103173, 103199, 103298, 110442, 111472, 111989, 113027, 113041, 109180, 109204, 81581, 81903, 103324, 110108, 114540, and probably more I forgot to mention. r=ben, sr=hyatt
2001-12-19 15:04:11 +03:00
|
|
|
@namespace html url("http://www.w3.org/1999/xhtml");
|
2001-06-13 03:07:11 +04:00
|
|
|
|
XUL/theme simplification changes - removing unnecessary boxes and re-writing large portions of the themes to use new -moz-border-colors and -moz-image-region css features. Also cleans up the classic skin quite a bit for both mac and win. Fixes bugs 113024, 113043, 113585, 113586, 115943, 113643, 114475, 99787, 110214, 113977, 113966, 114802, 64894, 90724, 103173, 103199, 103298, 110442, 111472, 111989, 113027, 113041, 109180, 109204, 81581, 81903, 103324, 110108, 114540, and probably more I forgot to mention. r=ben, sr=hyatt
2001-12-19 15:04:11 +03:00
|
|
|
/* :::::::::: menulist :::::::::: */
|
|
|
|
|
|
|
|
menulist {
|
2002-01-08 03:43:20 +03:00
|
|
|
-moz-appearance: menulist;
|
XUL/theme simplification changes - removing unnecessary boxes and re-writing large portions of the themes to use new -moz-border-colors and -moz-image-region css features. Also cleans up the classic skin quite a bit for both mac and win. Fixes bugs 113024, 113043, 113585, 113586, 115943, 113643, 114475, 99787, 110214, 113977, 113966, 114802, 64894, 90724, 103173, 103199, 103298, 110442, 111472, 111989, 113027, 113041, 109180, 109204, 81581, 81903, 103324, 110108, 114540, and probably more I forgot to mention. r=ben, sr=hyatt
2001-12-19 15:04:11 +03:00
|
|
|
margin: 2px 4px;
|
|
|
|
border: 2px solid;
|
|
|
|
-moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
|
|
|
|
-moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
|
|
|
|
-moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
|
|
|
|
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
|
|
|
|
background-color: -moz-Field;
|
|
|
|
color: -moz-FieldText;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-label-box {
|
|
|
|
-moz-box-align: center;
|
|
|
|
-moz-box-pack: center;
|
|
|
|
margin: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-label-box,
|
|
|
|
menulist[open="true"]:focus > .menulist-label-box {
|
|
|
|
border: 1px solid transparent;
|
|
|
|
background-color: transparent;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-label {
|
|
|
|
margin: 1px 3px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ..... dropmarker ..... */
|
|
|
|
|
|
|
|
.menulist-dropmarker {
|
2002-01-08 03:43:20 +03:00
|
|
|
-moz-appearance: menulistbutton;
|
|
|
|
min-width: 17px;
|
XUL/theme simplification changes - removing unnecessary boxes and re-writing large portions of the themes to use new -moz-border-colors and -moz-image-region css features. Also cleans up the classic skin quite a bit for both mac and win. Fixes bugs 113024, 113043, 113585, 113586, 115943, 113643, 114475, 99787, 110214, 113977, 113966, 114802, 64894, 90724, 103173, 103199, 103298, 110442, 111472, 111989, 113027, 113041, 109180, 109204, 81581, 81903, 103324, 110108, 114540, and probably more I forgot to mention. r=ben, sr=hyatt
2001-12-19 15:04:11 +03:00
|
|
|
-moz-box-align: center;
|
|
|
|
-moz-box-pack: center;
|
|
|
|
border: 2px solid;
|
|
|
|
background-color: -moz-Dialog;
|
|
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-dropmarker,
|
|
|
|
menulist[disabled="true"]:hover:active > .menulist-dropmarker {
|
|
|
|
-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
|
|
|
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
|
|
|
|
padding: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
menulist[disabled="true"] > .menulist-dropmarker {
|
|
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
|
|
|
|
}
|
|
|
|
|
|
|
|
menulist:hover:active > .menulist-dropmarker {
|
|
|
|
-moz-border-top-colors: ThreeDShadow ThreeDFace;
|
|
|
|
-moz-border-right-colors: ThreeDShadow ThreeDFace;
|
|
|
|
-moz-border-bottom-colors: ThreeDShadow ThreeDFace;
|
|
|
|
-moz-border-left-colors: ThreeDShadow ThreeDFace;
|
|
|
|
padding: 2px 0px 0px 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ..... focused state ..... */
|
|
|
|
|
|
|
|
menulist:focus > .menulist-label-box {
|
|
|
|
border: 1px dotted #F5DB95;
|
|
|
|
background-color: Highlight;
|
|
|
|
color: HighlightText;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ..... disabled state ..... */
|
|
|
|
|
|
|
|
menulist[disabled="true"] {
|
|
|
|
background-color: -moz-Dialog;
|
|
|
|
color: GrayText;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ::::: editable menulists ::::: */
|
|
|
|
|
|
|
|
.menulist-editable-box {
|
|
|
|
padding: 3px 0px 3px 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
html|*.menulist-editable-input {
|
|
|
|
margin: 0px !important;
|
|
|
|
border: none !important;
|
|
|
|
padding: 0px !important;
|
|
|
|
background: inherit;
|
|
|
|
font: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ::::: compact menulists ::::: */
|
|
|
|
|
|
|
|
.menulist-compact {
|
|
|
|
-moz-box-align: center;
|
|
|
|
-moz-box-pack: center;
|
|
|
|
margin: 0;
|
|
|
|
-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
|
|
|
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
|
|
|
|
background-color: -moz-Dialog;
|
|
|
|
color: -moz-DialogText;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-compact > .menulist-label {
|
|
|
|
margin: 0 3px !important;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-compact > .menulist-dropmarker {
|
|
|
|
margin-left: 2px;
|
|
|
|
border: none;
|
|
|
|
padding: 0 !important;
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menulist-compact[open="true"] {
|
|
|
|
-moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
-moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
|
|
|
|
background-color: ThreeDShadow;
|
|
|
|
color: ThreeDHighlight;
|
|
|
|
}
|