diff options
author | chrisaga <chrisaga@piwigo.org> | 2006-07-22 09:21:40 +0000 |
---|---|---|
committer | chrisaga <chrisaga@piwigo.org> | 2006-07-22 09:21:40 +0000 |
commit | e3c4d79f5be8d732185c151f9ac84ff0ddb51166 (patch) | |
tree | 192dd18d159e705c5998dda7a8f09ad15fce1112 /template/yoga/default-colors.css | |
parent | a15839b18305b53d9767dd58ae03b1e6d690ac67 (diff) |
fix bugs 244: different display of checkbox in IE/firefox and 484: Missing onfocus/onblur
in some user section *.tpl and many admin section *.tpl
handle FORM elements with a behaviour (inputfix.htc) in IE
the behaviour sets onfocus and onblur events too (no longer needed in *.tpl)
other browsers use css selector :focus and [type=___]
git-svn-id: http://piwigo.org/svn/trunk@1491 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/yoga/default-colors.css')
-rw-r--r-- | template/yoga/default-colors.css | 24 |
1 files changed, 15 insertions, 9 deletions
diff --git a/template/yoga/default-colors.css b/template/yoga/default-colors.css index c7779075d..7e7eecc6d 100644 --- a/template/yoga/default-colors.css +++ b/template/yoga/default-colors.css @@ -21,19 +21,25 @@ } /* Tables & forms */ -INPUT, SELECT, TEXTAREA { - color:black; + +/* IE <= 6 is so bad with this that you can't merge with the following rule */ +INPUT[type="text"], INPUT[type="password"], INPUT[type="button"], +INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"] { + color:black; + background-color: #d3d3d3; /* lightgrey */ } -INPUT, SELECT, TEXTAREA, FORM .nofocus { - background-color: #d3d3d3; /* lightgrey */ + +INPUT.text, INPUT.password, INPUT.button, +INPUT.submit, INPUT.reset, INPUT.file, +SELECT, TEXTAREA { + color:black; + background-color: #d3d3d3; /* lightgrey */ } -FORM .focus { +/*INPUT.text.focus, INPUT.password.focus, INPUT.button.focus, +INPUT.submit.focus, INPUT.reset.focus, INPUT.file.focus,*/ +INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus { background-color: #f5f5f5; /* whitesmoke */ } -INPUT[type="radio"] { /* for Opera */ - border: none; - background-color: transparent; -} .errors { /* Errors display */ color: red; |