projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
sync both themes with toolkit winstripe changes of 13 cycle
[themes.git]
/
LCARStrek
/
global
/
checkbox.css
diff --git
a/LCARStrek/global/checkbox.css
b/LCARStrek/global/checkbox.css
index 3002ae129c4b560dc185174353441773f8ab5e82..44908c40a0a1dc153ecadbcefd051ba7416753b6 100644
(file)
--- a/
LCARStrek/global/checkbox.css
+++ b/
LCARStrek/global/checkbox.css
@@
-35,25
+35,37
@@
*
* ***** END LICENSE BLOCK ***** */
*
* ***** END LICENSE BLOCK ***** */
+/* ===== checkbox.css ===================================================
+ == Styles used by the XUL checkbox element.
+ ======================================================================= */
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/*
stylesheet for XUL <checkbox> element
*/
+/*
::::: checkbox :::::
*/
checkbox {
checkbox {
- -moz-box-align: center;
margin: 1px 2px;
margin: 1px 2px;
- padding: 1px;
+ border-left: 1px transparent;
+ border-right: 1px transparent;
+}
+
+.checkbox-spacer-box {
+ -moz-box-align: center;
+ border-right: 4px solid transparent;
+}
+
+.checkbox-label-center-box {
+ -moz-box-align: center;
}
.checkbox-label-box {
border: 1px solid transparent;
}
.checkbox-label-box {
border: 1px solid transparent;
- padding: 0px 1px;
color: #FF9F00;
-moz-box-align: center;
}
color: #FF9F00;
-moz-box-align: center;
}
-.checkbox-icon {
-
margin-right
: 2px;
+.checkbox-icon
[src]
{
+
-moz-margin-end
: 2px;
}
.checkbox-label {
}
.checkbox-label {
@@
-62,14
+74,15
@@
checkbox {
/* ..... focused state ..... */
/* ..... focused state ..... */
-checkbox:
focus
> .checkbox-label-box {
- border: 1px dotted #
FF9F00
;
+checkbox:
-moz-focusring > .checkbox-label-center-box
> .checkbox-label-box {
+ border: 1px dotted #
008484
;
}
/* ..... disabled state ..... */
}
/* ..... disabled state ..... */
-checkbox[disabled="true"] > .checkbox-check {
+checkbox[disabled="true"] > .checkbox-
spacer-box > .checkbox-
check {
border: 1px solid #8050B0 !important;
border: 1px solid #8050B0 !important;
+ background-color: #000000;
}
checkbox[disabled="true"] {
}
checkbox[disabled="true"] {
@@
-79,25
+92,30
@@
checkbox[disabled="true"] {
/* ::::: checkmark image ::::: */
.checkbox-check {
/* ::::: checkmark image ::::: */
.checkbox-check {
- -moz-border-radius: 2px;
- -moz-box-align: center;
+ border-radius: 2px;
border: 1px solid #FF9F00;
width: 12px;
height: 12px;
background: transparent 50% 50% no-repeat;
}
border: 1px solid #FF9F00;
width: 12px;
height: 12px;
background: transparent 50% 50% no-repeat;
}
-checkbox:hover > .checkbox-check,
-checkbox:hover:active > .checkbox-check {
+checkbox:hover > .checkbox-
spacer-box > .checkbox-
check,
+checkbox:hover:active > .checkbox-
spacer-box > .checkbox-
check {
border: 1px solid #FFCF00;
border: 1px solid #FFCF00;
+ background-color: #000000;
+}
+
+checkbox:hover > .checkbox-label-center-box > .checkbox-label-box,
+checkbox:hover:active > .checkbox-label-center-box > .checkbox-label-box {
+ color: #FFCF00;
}
/* ..... checked state ..... */
}
/* ..... checked state ..... */
-checkbox[checked="true"] > .checkbox-check {
+checkbox[checked="true"] > .checkbox-
spacer-box > .checkbox-
check {
background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
}
background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
}
-
-checkbox[checked="true"][disabled="true"] > .checkbox-check {
+
+checkbox[checked="true"][disabled="true"] > .checkbox-
spacer-box > .checkbox-
check {
background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important
}
background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important
}