From: Trevor Parscal Date: Tue, 8 Mar 2011 02:02:27 +0000 (+0000) Subject: * Increased the size of the tipsy callout, removed the shadow and made the background... X-Git-Tag: 1.31.0-rc.0~31565 X-Git-Url: http://git.cyclocoop.org/ecrire?a=commitdiff_plain;h=7771f2d25e0ff59518130bab4da042154dc908d8;p=lhc%2Fweb%2Fwiklou.git * Increased the size of the tipsy callout, removed the shadow and made the background of tips white to try and improve the visibility of tips. * Added ui-button-green, ui-button-blue, ui-button-red classes to the Vector jquery ui theme --- diff --git a/resources/jquery.tipsy/images/tipsy.png b/resources/jquery.tipsy/images/tipsy.png index 945319b256..9a80e9423a 100644 Binary files a/resources/jquery.tipsy/images/tipsy.png and b/resources/jquery.tipsy/images/tipsy.png differ diff --git a/resources/jquery.tipsy/jquery.tipsy.css b/resources/jquery.tipsy/jquery.tipsy.css index 841c9eab21..2e504c32ac 100644 --- a/resources/jquery.tipsy/jquery.tipsy.css +++ b/resources/jquery.tipsy/jquery.tipsy.css @@ -6,31 +6,34 @@ } .tipsy-inner { padding: 5px 8px 4px 8px; - background-color: #e8f2f8; + /*background-color: #e8f2f8;*/ + background-color: #ffffff; border: solid 1px #a7d7f9; color: black; max-width: 15em; text-align: left; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + /* -moz-box-shadow: 0px 2px 8px #cccccc; -webkit-box-shadow: 0px 2px 8px #cccccc; box-shadow: 0px 2px 8px #cccccc; -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc'); + */ } .tipsy-arrow { position: absolute; /* @embed */ background: url('images/tipsy.png') no-repeat top left; - width: 9px; - height: 5px; + width: 11px; + height: 6px; } .tipsy-n .tipsy-arrow { - top: 1px; + top: 0px; left: 50%; - margin-left: -4px; + margin-left: -5px; } .tipsy-nw .tipsy-arrow { top: 1px; @@ -41,33 +44,33 @@ right: 10px; } .tipsy-s .tipsy-arrow { - bottom: 1px; + bottom: 0px; left: 50%; - margin-left: -4px; + margin-left: -5px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { - bottom: 1px; + bottom: 0px; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { - bottom: 1px; + bottom: 0px; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; - margin-top: -4px; + margin-top: -5px; right: 1px; width: 5px; - height: 9px; + height: 11px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; - margin-top: -4px; - left: 1px; - width: 5px; - height: 9px; + margin-top: -5px; + left: 0px; + width: 6px; + height: 11px; } \ No newline at end of file diff --git a/resources/jquery.ui/themes/vector/images/button-disabled-blue.png b/resources/jquery.ui/themes/vector/images/button-disabled-blue.png new file mode 100644 index 0000000000..6242aca3ab Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled-blue.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-disabled-green.png b/resources/jquery.ui/themes/vector/images/button-disabled-green.png new file mode 100644 index 0000000000..cde520b50c Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-disabled-red.png b/resources/jquery.ui/themes/vector/images/button-disabled-red.png new file mode 100644 index 0000000000..0658a1dbd2 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled-red.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-down-blue.png b/resources/jquery.ui/themes/vector/images/button-down-blue.png new file mode 100644 index 0000000000..e0f5a6c043 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down-blue.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-down-green.png b/resources/jquery.ui/themes/vector/images/button-down-green.png new file mode 100644 index 0000000000..1e54a0c449 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-down-red.png b/resources/jquery.ui/themes/vector/images/button-down-red.png new file mode 100644 index 0000000000..b0565fd80c Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down-red.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-off-blue.png b/resources/jquery.ui/themes/vector/images/button-off-blue.png new file mode 100644 index 0000000000..8a8224b0b6 Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off-blue.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-off-green.png b/resources/jquery.ui/themes/vector/images/button-off-green.png new file mode 100644 index 0000000000..cdf46e7ecc Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-off-red.png b/resources/jquery.ui/themes/vector/images/button-off-red.png new file mode 100644 index 0000000000..1c6091667e Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off-red.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-over-blue.png b/resources/jquery.ui/themes/vector/images/button-over-blue.png new file mode 100644 index 0000000000..a744947daf Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over-blue.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-over-green.png b/resources/jquery.ui/themes/vector/images/button-over-green.png new file mode 100644 index 0000000000..0b8f6ef41e Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over-green.png differ diff --git a/resources/jquery.ui/themes/vector/images/button-over-red.png b/resources/jquery.ui/themes/vector/images/button-over-red.png new file mode 100644 index 0000000000..28003bd8ed Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over-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 69cace065a..5507c42b0f 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.button.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.button.css @@ -65,3 +65,79 @@ body button.ui-button::-moz-focus-inner { border: 0; } +/* Green buttons */ + +body button.ui-button.ui-button-green { + color: white; + border-color: #97af7e !important; + /* @embed */ + background: #85c940 url(images/button-off-green.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-green:hover { + border-color: #778e61; + /* @embed */ + background: #77ad40 url(images/button-over-green.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-green:active, +body button.ui-button.ui-button-green:focus { + border-color: #61b000; + /* @embed */ + background: #54a800 url(images/button-down-green.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-green.disabled { + color: #7f7f7f; + border-color: #b8d29f; + /* @embed */ + background: #c9cfc3 url(images/button-disabled-green.png) repeat-x scroll 50% 100% !important; +} + +/* Blue buttons */ + +body button.ui-button.ui-button-blue { + color: white; + border-color: #407ec9 !important; + /* @embed */ + background: #407ec9 url(images/button-off-blue.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-blue:hover { + border-color: #245289; + /* @embed */ + background: #4071ad url(images/button-over-blue.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-blue:active, +body button.ui-button.ui-button-blue:focus { + border-color: #003980; + /* @embed */ + background: #004daa url(images/button-down-blue.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-blue.disabled { + border-color: #9eafc6; + /* @embed */ + background: #c3c8cf url(images/button-disabled-blue.png) repeat-x scroll 50% 100% !important; +} + +/* Red buttons */ + +body button.ui-button.ui-button-red { + color: white; + border-color: #af977e !important; + /* @embed */ + background: #c9404c url(images/button-off-red.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-red:hover { + border-color: #8e7761; + /* @embed */ + background: #ad404a url(images/button-over-red.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-red:active, +body button.ui-button.ui-button-red:focus { + border-color: #b06100; + /* @embed */ + background: #aa000f url(images/button-down-red.png) repeat-x scroll 50% 100% !important; +} +body button.ui-button.ui-button-red.disabled { + color: #7f7f7f; + border-color: #c3acae; + /* @embed */ + background: #cfc3c4 url(images/button-disabled-red.png) repeat-x scroll 50% 100% !important; +}