diff options
Diffstat (limited to 'resources/jquery.ui/themes/vector')
4 files changed, 49 insertions, 44 deletions
diff --git a/resources/jquery.ui/themes/vector/jquery.ui.autocomplete.css b/resources/jquery.ui/themes/vector/jquery.ui.autocomplete.css index 6610a878..c06fd18a 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.autocomplete.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.autocomplete.css @@ -13,6 +13,7 @@ padding: 2px; margin: 0; display:block; + float: left; } .ui-menu .ui-menu { margin-top: -3px; diff --git a/resources/jquery.ui/themes/vector/jquery.ui.button.css b/resources/jquery.ui/themes/vector/jquery.ui.button.css index 5507c42b..631fa756 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.button.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.button.css @@ -8,19 +8,23 @@ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a l button.ui-button-icons-only { width: 3.7em; } /*button text element */ -.ui-button .ui-button-text { display: block; line-height: 1.4; } -.ui-button-text-only .ui-button-text { padding: .125em .25em; } -.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } -.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } +.ui-button .ui-button-text { display: block; line-height: 1.4em; } +.ui-button-text-only .ui-button-text { padding: 0.3em 1em 0.25em 1em; } +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.3em; text-indent: -9999999px; } +.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.3em 1em 0.25em 2.1em; } +.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.3em 2.1em 0.25em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } +/* for older versions of jQuery UI */ +.ui-button-text-icon .ui-button-text { padding: 0.3em 1em 0.3em 2.1em; } + /* no icon support for input elements, provide padding by default */ -input.ui-button { padding: .4em 1em; } +input.ui-button { padding: 0.3em 1em; } /*button icon element(s) */ -.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } +.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -9px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } -.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } -.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } +.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } +.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icon .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } @@ -29,10 +33,10 @@ input.ui-button { padding: .4em 1em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ -body button.ui-button { +body .ui-button { -moz-border-radius: 4px; -webkit-border-radius: 4px; - padding: 0.2em 0.6em 0.15em !important; + border-radius: 4px; margin: 0.5em 0 0.5em 0.4em !important; border: 1px solid #a6a6a6 !important; /* @embed */ @@ -43,18 +47,18 @@ body button.ui-button { width: auto; overflow: visible; } -body button.ui-button:hover { +body .ui-button:hover { border-color: #6e7273; /* @embed */ background: #e1e1e1 url(images/button-over.png) repeat-x scroll 50% 100% !important; } -body button.ui-button:active, -body button.ui-button:focus { +body .ui-button:active, +body .ui-button:focus { border-color: #707271; /* @embed */ background: #bfbfbf url(images/button-down.png) repeat-x scroll 50% 100% !important; } -body button.ui-button.disabled { +body .ui-button.disabled { color: #7f7f7f; border-color: #cccccc; /* @embed */ @@ -67,24 +71,24 @@ body button.ui-button::-moz-focus-inner { /* Green buttons */ -body button.ui-button.ui-button-green { +body .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 { +body .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 { +body .ui-button.ui-button-green:active, +body .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 { +body .ui-button.ui-button-green.disabled { color: #7f7f7f; border-color: #b8d29f; /* @embed */ @@ -93,24 +97,24 @@ body button.ui-button.ui-button-green.disabled { /* Blue buttons */ -body button.ui-button.ui-button-blue { +body .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 { +body .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 { +body .ui-button.ui-button-blue:active, +body .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 { +body .ui-button.ui-button-blue.disabled { border-color: #9eafc6; /* @embed */ background: #c3c8cf url(images/button-disabled-blue.png) repeat-x scroll 50% 100% !important; @@ -118,24 +122,24 @@ body button.ui-button.ui-button-blue.disabled { /* Red buttons */ -body button.ui-button.ui-button-red { +body .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 { +body .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 { +body .ui-button.ui-button-red:active, +body .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 { +body .ui-button.ui-button-red.disabled { color: #7f7f7f; border-color: #c3acae; /* @embed */ diff --git a/resources/jquery.ui/themes/vector/jquery.ui.datepicker.css b/resources/jquery.ui/themes/vector/jquery.ui.datepicker.css index a1116e69..81022250 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.datepicker.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.datepicker.css @@ -10,7 +10,7 @@ .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } -.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; padding:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} @@ -18,7 +18,7 @@ .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } -.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .2em 0 0 0; padding: 0 .2em; border-top: 1px solid #DDDDDD; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } @@ -35,17 +35,17 @@ .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ -.ui-datepicker-rtl { direction: rtl; } -.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } -.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } -.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } -.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } -.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } -.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } -.ui-datepicker-rtl .ui-datepicker-group { float:right; } -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +/* @noflip */ .ui-datepicker-rtl { direction: rtl; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-group { float:right; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +/* @noflip */ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { diff --git a/resources/jquery.ui/themes/vector/jquery.ui.theme.css b/resources/jquery.ui/themes/vector/jquery.ui.theme.css index 26551213..e39371de 100644 --- a/resources/jquery.ui/themes/vector/jquery.ui.theme.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.theme.css @@ -13,9 +13,9 @@ .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: none; /* @embed */ background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } +.ui-widget-content { border: 1px solid #cccccc; /* @embed */ 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; /* @embed */ background: #ffffff url(images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-header { border-bottom: 1px solid #bbbbbb; line-height: 1em; /* @embed */ 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; } /* Interaction states |