From: Trevor Parscal Date: Thu, 16 Sep 2010 22:07:25 +0000 (+0000) Subject: Integrated some jquery.ui customizations from UsabilityInitiative X-Git-Tag: 1.31.0-rc.0~34895 X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/membres/fiche.php?a=commitdiff_plain;h=0e5d1762199fcf053fdfe3a035dfb0d7753865cd;p=lhc%2Fweb%2Fwiklou.git Integrated some jquery.ui customizations from UsabilityInitiative --- diff --git a/resources/jquery.ui/themes/vector/images/button-disabled.png b/resources/jquery.ui/themes/vector/images/button-disabled.png new file mode 100644 index 0000000000..cde3b1fb51 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-down.png b/resources/jquery.ui/themes/vector/images/button-down.png new file mode 100644 index 0000000000..160330ecb3 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-off.png b/resources/jquery.ui/themes/vector/images/button-off.png new file mode 100644 index 0000000000..1bdc85c7fb Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-over.png b/resources/jquery.ui/themes/vector/images/button-over.png new file mode 100644 index 0000000000..23d13ecbc9 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over.png differ diff --git a/resources/jquery.ui/themes/vector/images/close.png b/resources/jquery.ui/themes/vector/images/close.png new file mode 100644 index 0000000000..41d539135d Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/close.png differ diff --git a/resources/jquery.ui/themes/vector/images/titlebar-fade.png b/resources/jquery.ui/themes/vector/images/titlebar-fade.png new file mode 100644 index 0000000000..b491ec49c4 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/titlebar-fade.png differ diff --git a/resources/jquery.ui/themes/vector/jquery.ui.dialog.css b/resources/jquery.ui/themes/vector/jquery.ui.dialog.css index 21e5b33977..d7333de3b7 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.dialog.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.dialog.css @@ -11,3 +11,51 @@ .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } +/* Customizations */ +body .ui-dialog .ui-dialog-titlebar-close:hover { + text-decoration: none; +} +body .ui-dialog .ui-dialog-content .status-invalid input { + border: 2px solid red; + padding: 2px 1px; +} +body .ui-dialog .ui-dialog-titlebar { + padding: 0.9em 1.4em 0.6em !important; +} +body .ui-dialog .ui-dialog-buttonpane button { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + padding: 0.2em 0.6em 0.15em !important; + margin: 0.5em 0 0.5em 0.4em !important; + border: 1px solid #a6a6a6 !important; + background: #f2f2f2 url(images/button-off.png) repeat-x scroll 50% 100% !important; +} +body .ui-dialog .ui-dialog-buttonpane button:hover { + border-color: #6e7273; + background: #e1e1e1 url(images/button-over.png) repeat-x scroll 50% 100% !important; +} +body .ui-dialog .ui-dialog-buttonpane button:active, +body .ui-dialog .ui-dialog-buttonpane button:focus { + border-color: #707271; + background: #bfbfbf url(images/button-down.png) repeat-x scroll 50% 100% !important; +} +body .ui-dialog .ui-dialog-buttonpane button.disabled { + color: #7f7f7f; + border-color: #cccccc; + background: #f2f2f2 url(images/button-disabled.png) repeat-x scroll 50% 100% !important; +} +/* Disables the annoying dashed border Firefox puts on active buttons */ +body .ui-dialog .ui-dialog-buttonpane button::-moz-focus-inner { + border: 0; +} +body .ui-dialog .ui-widget-header { + background: #f0f0f0 url(images/titlebar-fade.png) repeat-x scroll 50% 100% !important; +} +/* FIXME: Should just update the icon sprite if we're keeping this X */ +body .ui-dialog .ui-icon-closethick { + background: url(images/close-x.png) no-repeat 50% 50% !important; +} +body .ui-dialog .ui-dialog-buttonpane { + margin-top: 0 !important; + padding:0.3em 1.4em 0.5em 1.4em !important; +} diff --git a/resources/jquery.ui/themes/vector/jquery.ui.theme.css b/resources/jquery.ui/themes/vector/jquery.ui.theme.css index f76f9a36f0..4e7d18901a 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.theme.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.theme.css @@ -13,7 +13,7 @@ .ui-widget { font-family: sans-serif; font-size: 0.8em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size: 1em; } -.ui-widget-content { border: 1px solid #cccccc; background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } +.ui-widget-content { border: none; background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #aed0ea; line-height: 1em; background: #ffffff url(images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; }