bryner%netscape.com 9935d25532 Add a focus border for xbl checkboxes and radio buttons (bug 132885). r=ben, sr=blake, a=brendan.
git-svn-id: svn://10.0.0.236/trunk@117853 18797224-902f-48f8-a5cc-f745e15eee43
2002-04-01 07:24:00 +00:00

81 lines
2.3 KiB
CSS

/*
* 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):
*
*/
/* ===== radio.css ===================================================
== Styles used by the XUL radio element.
======================================================================= */
@namespace url(http://www.w3.org/1999/xhtml);
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ..... disabled state ..... */
input[type="radio"][disabled="true"] {
background-color: -moz-Dialog;
}
/* ::::: checkmark image ::::: */
input[type="radio"] {
/* -moz-appearance: radio; */
margin: 1px 0px;
border-top: 1px solid ThreeDShadow;
border-right: 1px solid ThreeDHighlight;
border-bottom: 1px solid ThreeDHighlight;
border-left: 1px solid ThreeDShadow;
-moz-border-radius: 50%;
width: 12px;
height: 12px;
background-color: -moz-Field;
}
xul|*.input-radio-check-box2 {
border-top: 1px solid ThreeDDarkShadow;
border-right: 1px solid ThreeDLightShadow;
border-bottom: 1px solid ThreeDLightShadow;
border-left: 1px solid ThreeDDarkShadow;
-moz-border-radius: 50%;
padding: 2px;
width: 4px;
height: 4px;
list-style-image: none;
}
input[type="radio"]:hover:active {
background-color: -moz-Dialog;
}
input[type="radio"]:focus > xul|*.input-radio-check-box2 {
border: 1px solid ThreeDDarkShadow;
}
/* ..... selected state ..... */
input[type="radio"]:checked > xul|*.input-radio-check-box2 {
list-style-image: url("chrome://forms/skin/radio-check.gif");
}
input[type="radio"][disabled="true"]:checked {
list-style-image: url("chrome://forms/skin/radio-check-dis.gif") !important
}