From: Ryan Kaldari Date: Fri, 17 Feb 2012 01:34:53 +0000 (+0000) Subject: changing jquery.ui buttons to match assets from brandon, also adding separate graphic... X-Git-Tag: 1.31.0-rc.0~24657 X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/categories/modifier.php?a=commitdiff_plain;h=a1e6900e13d897350e04b4c4fc10fbdc424fc02a;p=lhc%2Fweb%2Fwiklou.git changing jquery.ui buttons to match assets from brandon, also adding separate graphics for large buttons --- diff --git a/resources/jquery.ui/themes/vector/images/button-blue-hover-large.png b/resources/jquery.ui/themes/vector/images/button-blue-hover-large.png new file mode 100644 index 0000000000..c9d9981d66 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue-hover-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-blue-hover.png b/resources/jquery.ui/themes/vector/images/button-blue-hover.png new file mode 100644 index 0000000000..d49d9b720d Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue-hover.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-blue-large.png b/resources/jquery.ui/themes/vector/images/button-blue-large.png new file mode 100644 index 0000000000..adc813642e Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-blue.png b/resources/jquery.ui/themes/vector/images/button-blue.png new file mode 100644 index 0000000000..88a1eb2daf Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-green-hover-large.png b/resources/jquery.ui/themes/vector/images/button-green-hover-large.png new file mode 100644 index 0000000000..080bb74d36 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green-hover-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-green-hover.png b/resources/jquery.ui/themes/vector/images/button-green-hover.png new file mode 100644 index 0000000000..779a222369 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green-hover.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-green-large.png b/resources/jquery.ui/themes/vector/images/button-green-large.png new file mode 100644 index 0000000000..7a6e36f92a Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-green.png b/resources/jquery.ui/themes/vector/images/button-green.png new file mode 100644 index 0000000000..f2bba50268 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-large-disabled-green.png b/resources/jquery.ui/themes/vector/images/button-large-disabled-green.png new file mode 100644 index 0000000000..3e72312c3a Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-large-disabled-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-large-off-green.png b/resources/jquery.ui/themes/vector/images/button-large-off-green.png new file mode 100644 index 0000000000..85a861dc50 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-large-off-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-orange-hover-large.png b/resources/jquery.ui/themes/vector/images/button-orange-hover-large.png new file mode 100644 index 0000000000..9f390dcd02 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange-hover-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-orange-hover.png b/resources/jquery.ui/themes/vector/images/button-orange-hover.png new file mode 100644 index 0000000000..d65f8a4bfd Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange-hover.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-orange-large.png b/resources/jquery.ui/themes/vector/images/button-orange-large.png new file mode 100644 index 0000000000..0e919367ef Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-orange.png b/resources/jquery.ui/themes/vector/images/button-orange.png new file mode 100644 index 0000000000..bc94cafe47 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-red-hover-large.png b/resources/jquery.ui/themes/vector/images/button-red-hover-large.png new file mode 100644 index 0000000000..de7bbe1de0 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red-hover-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-red-hover.png b/resources/jquery.ui/themes/vector/images/button-red-hover.png new file mode 100644 index 0000000000..dc28964df0 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red-hover.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-red-large.png b/resources/jquery.ui/themes/vector/images/button-red-large.png new file mode 100644 index 0000000000..2acc79bb13 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red-large.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-red.png b/resources/jquery.ui/themes/vector/images/button-red.png new file mode 100644 index 0000000000..def4abb5e2 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red.png differ diff --git a/resources/jquery.ui/themes/vector/jquery.ui.button.css b/resources/jquery.ui/themes/vector/jquery.ui.button.css index ffa0b3a719..ee3d273e3c 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.button.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.button.css @@ -65,83 +65,130 @@ body .ui-button.disabled { background: #f2f2f2 url(images/button-disabled.png) repeat-x scroll 50% 100% !important; } /* Disables the annoying dashed border Firefox puts on active buttons */ -body button.ui-button::-moz-focus-inner { +body button.ui-button::-moz-focus-inner { border: 0; } /* Green buttons */ body .ui-button.ui-button-green { - color: white; + color: white !important; border-color: #97af7e !important; /* @embed */ - background: #7acea3 url(images/button-off-green.png) repeat-x scroll 50% 100% !important; + background: #3cb677 url(images/button-green.png) repeat-x scroll 50% 100% !important; } body .ui-button.ui-button-green:hover { - border-color: #778e61; + border-color: #778e61 !important; /* @embed */ - background: #63c693 url(images/button-over-green.png) repeat-x scroll 50% 100% !important; + background: #339b65 url(images/button-green-hover.png) repeat-x scroll 50% 100% !important; } -body .ui-button.ui-button-green:active, -body .ui-button.ui-button-green:focus { - border-color: #61b000; +body .ui-button.ui-button-green-large { + color: white !important; + border-color: #97af7e !important; /* @embed */ - background: #63c693 url(images/button-down-green.png) repeat-x scroll 50% 100% !important; + background: #3cb677 url(images/button-green-large.png) repeat-x scroll 50% 100% !important; } -body .ui-button.ui-button-green.disabled { - color: #7f7f7f; - border-color: #b8d29f; +body .ui-button.ui-button-green-large:hover { + border-color: #778e61 !important; /* @embed */ - background: #b3d9c5 url(images/button-disabled-green.png) repeat-x scroll 50% 100% !important; + background: #339b65 url(images/button-green-hover-large.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-green.disabled, body .ui-button.ui-button-green-large.disabled { + filter:alpha(opacity=50); + -moz-opacity:0.50; + -khtml-opacity: 0.50; + opacity: 0.50; } /* Blue buttons */ body .ui-button.ui-button-blue { - color: white; - border-color: #407ec9 !important; + color: white !important; + border-color: #628acb !important; /* @embed */ - background: #407ec9 url(images/button-off-blue.png) repeat-x scroll 50% 100% !important; + background: #3365ba url(images/button-blue.png) repeat-x scroll 50% 100% !important; } body .ui-button.ui-button-blue:hover { - border-color: #245289; + border-color: #5375ad !important; /* @embed */ - background: #4071ad url(images/button-over-blue.png) repeat-x scroll 50% 100% !important; + background: #2b569e url(images/button-blue-hover.png) repeat-x scroll 50% 100% !important; } -body .ui-button.ui-button-blue:active, -body .ui-button.ui-button-blue:focus { - border-color: #003980; +body .ui-button.ui-button-blue-large { + color: white !important; + border-color: #628acb !important; /* @embed */ - background: #004daa url(images/button-down-blue.png) repeat-x scroll 50% 100% !important; + background: #3365ba url(images/button-blue-large.png) repeat-x scroll 50% 100% !important; } -body .ui-button.ui-button-blue.disabled { - border-color: #9eafc6; +body .ui-button.ui-button-blue-large:hover { + border-color: #5375ad !important; /* @embed */ - background: #c3c8cf url(images/button-disabled-blue.png) repeat-x scroll 50% 100% !important; + background: #2b569e url(images/button-blue-hover-large.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-blue.disabled, body .ui-button.ui-button-blue-large.disabled { + filter:alpha(opacity=50); + -moz-opacity:0.50; + -khtml-opacity: 0.50; + opacity: 0.50; } /* Red buttons */ body .ui-button.ui-button-red { - color: white; + color: white !important; border-color: #af977e !important; /* @embed */ - background: #c9404c url(images/button-off-red.png) repeat-x scroll 50% 100% !important; + background: #cb0000 url(images/button-red.png) repeat-x scroll 50% 100% !important; } body .ui-button.ui-button-red:hover { - border-color: #8e7761; + border-color: #8e7761 !important; /* @embed */ - background: #ad404a url(images/button-over-red.png) repeat-x scroll 50% 100% !important; + background: #ad0000 url(images/button-red-hover.png) repeat-x scroll 50% 100% !important; } -body .ui-button.ui-button-red:active, -body .ui-button.ui-button-red:focus { - border-color: #b06100; +body .ui-button.ui-button-red-large { + color: white !important; + border-color: #af977e !important; /* @embed */ - background: #aa000f url(images/button-down-red.png) repeat-x scroll 50% 100% !important; + background: #cb0000 url(images/button-red.png) repeat-x scroll 50% 100% !important; } -body .ui-button.ui-button-red.disabled { - color: #7f7f7f; - border-color: #c3acae; +body .ui-button.ui-button-red-large:hover { + border-color: #8e7761 !important; + /* @embed */ + background: #ad0000 url(images/button-red-hover.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-red.disabled, body .ui-button.ui-button-red-large.disabled { + filter:alpha(opacity=50); + -moz-opacity:0.50; + -khtml-opacity: 0.50; + opacity: 0.50; +} + +/* Orange buttons */ + +body .ui-button.ui-button-orange { + color: white !important; + border-color: #f3a863 !important; /* @embed */ - background: #cfc3c4 url(images/button-disabled-red.png) repeat-x scroll 50% 100% !important; + background: #f07f14 url(images/button-orange.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-orange:hover { + border-color: #ce9055 !important; + /* @embed */ + background: #cc6c11 url(images/button-orange-hover.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-orange-large { + color: white !important; + border-color: #f3a863 !important; + /* @embed */ + background: #f07f14 url(images/button-orange-large.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-orange-large:hover { + border-color: #ce9055 !important; + /* @embed */ + background: #cc6c11 url(images/button-orange-hover-large.png) repeat-x scroll 50% 100% !important; +} +body .ui-button.ui-button-orange.disabled, body .ui-button.ui-button-orange-large.disabled { + filter:alpha(opacity=50); + -moz-opacity:0.50; + -khtml-opacity: 0.50; + opacity: 0.50; }