From 0e5d1762199fcf053fdfe3a035dfb0d7753865cd Mon Sep 17 00:00:00 2001 From: Trevor Parscal Date: Thu, 16 Sep 2010 22:07:25 +0000 Subject: [PATCH] Integrated some jquery.ui customizations from UsabilityInitiative --- .../themes/vector/images/button-disabled.png | Bin 0 -> 126 bytes .../themes/vector/images/button-down.png | Bin 0 -> 170 bytes .../themes/vector/images/button-off.png | Bin 0 -> 190 bytes .../themes/vector/images/button-over.png | Bin 0 -> 191 bytes .../jquery.ui/themes/vector/images/close.png | Bin 0 -> 164 bytes .../themes/vector/images/titlebar-fade.png | Bin 0 -> 231 bytes .../themes/vector/jquery.ui.dialog.css | 48 ++++++++++++++++++ .../themes/vector/jquery.ui.theme.css | 2 +- 8 files changed, 49 insertions(+), 1 deletion(-) create mode 100644 resources/jquery.ui/themes/vector/images/button-disabled.png create mode 100644 resources/jquery.ui/themes/vector/images/button-down.png create mode 100644 resources/jquery.ui/themes/vector/images/button-off.png create mode 100644 resources/jquery.ui/themes/vector/images/button-over.png create mode 100644 resources/jquery.ui/themes/vector/images/close.png create mode 100644 resources/jquery.ui/themes/vector/images/titlebar-fade.png 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 0000000000000000000000000000000000000000..cde3b1fb511df94902258b65f1490cc6e9bfb328 GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{L!3-qLB-myEDajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_d9MQi~+A+Dc3eF8EcFS~OFNbz~PIEGZ*N=i_WV_=bBV9;S; URKLkT6DY&r>FVdQ&MBb@047-=DgXcg literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..160330ecb380b6d38e8275be2f2ba8af6948d194 GIT binary patch literal 170 zcmeAS@N?(olHy`uVBq!ia0vp^j6kfw!3-pySU=JLQj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS>JiX;MjLR|0MxpVB;v0Jxp-Me@1>eZ_kE?hWs=FEWu2ROIA zZw9K-@N{tuskoJt05nC6O^uC>EzKZ>VUyzoR*p!?8wVx`^4v63bZB5?;9J7bo5kCc Q0Mx_a>FVdQ&MBb@03~-i0ssI2 literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..1bdc85c7fbb95742c74ee0146722afc00f665ca5 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{L!3-qLB-myEDajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_d9MY;h#A+8S}KD>DG;_KJ1Z{NQC;>C-nPoG}BdiDML_a8od zc>DJ4-Me?MU%&qGdfo!FS|rKPUi{TFkkrqgFqa^NwvPr5}+0aPgg&ebxsLQ0B%lG7ytkO literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..23d13ecbc994fcedbf7281a7059f666cc8c8a4e4 GIT binary patch literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{L!3-qLB-myEDajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_d9MY;h#A+8rMUc7hj-i;eKPMkP#_3G98_wOG%bm-2VJI9V4 zJA3x*ty{MqK79D#!Gkkr&Kx*!K>5*{nLv#io-U3d6}MatISL&R5MbD_V9Tx_|BH9d qbm4fsV$yZ}>I=R{mq%U~OJLwnVmQ8M@>YMK9tKZWKbLh*2~7YsWm6>p literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..41d539135d1d1a443382154ec30bee95542e35d1 GIT binary patch literal 164 zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqk|nMYCBgY=CFO}lsSJ)O`AMk? zp1FzXsX?iUDV2pMQ*D5X+&o}1B_t&L;6F0EamM%m|NrwS@FY1OJs=aWk!&B* zB!222|5Rpf1#PEkPh8D}mT~BDPD)NvV0y5gwg?<>ch#;o;%l-rnfw=+9>=+uP#e;_vV8-{0Tq>FMU?=J4?F?d|Q|-QC*S z+D!MrcmMzZHAzH4RCwA9!T}OMAOHZti;zMh{QswJcIk9ZZF)4YYvxh`ZY?AtRVx!s hnO7r+K80U^0RToO0q4ISk~IJT002ovPDHLkV1gnZZ<+uA literal 0 HcmV?d00001 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; } -- 2.20.1