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 (file)
index 0000000..cde3b1f
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 (file)
index 0000000..160330e
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 (file)
index 0000000..1bdc85c
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 (file)
index 0000000..23d13ec
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 (file)
index 0000000..41d5391
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 (file)
index 0000000..b491ec4
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 21e5b33..d7333de 100644 (file)
--- 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 f76f9a3..4e7d189 100644 (file)
--- 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; }