From d571b898325dcbe743d8c0f86dacd44f3c78c824 Mon Sep 17 00:00:00 2001 From: Ben Shum Date: Sat, 1 Sep 2012 19:09:55 -0400 Subject: [PATCH] TPAC - Add gradient CSS for Internet Explorer Because IE is so special, we have to use a distinct css entry just for the gradients to display correctly. Only seems to support color gradient from one color to another, not multiple colors. So for the login box area, it will be slightly different looking than what we may see in other browsers. Signed-off-by: Ben Shum --- Open-ILS/src/templates/opac/css/style.css.tt2 | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2 index d988d050d6..684d9287d3 100644 --- a/Open-ILS/src/templates/opac/css/style.css.tt2 +++ b/Open-ILS/src/templates/opac/css/style.css.tt2 @@ -136,6 +136,7 @@ span.dash_divider { background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); background-color: [% css_colors.primary_fade %]; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=[% css_colors.primary %], endColorstr=[% css_colors.primary_fade %]); } #header { color: [% css_colors.background %]; @@ -537,6 +538,7 @@ div.format_icon { background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=[% css_colors.accent_ultralight %], endColorstr=[% css_colors.accent_lightest %]); color: [% css_colors.accent_darker %]; } @@ -1000,6 +1002,7 @@ div.facet_sidebar { background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); background-color: [% css_colors.primary %]; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=[% css_colors.primary_fade %], endColorstr=[% css_colors.primary %]); } #footer { @@ -1122,6 +1125,8 @@ a.dash-link:hover { text-decoration: underline !important; } background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); background-color: [% css_colors.primary %]; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=[% css_colors.primary_fade %], endColorstr=[% css_colors.primary %]); + } .opac-button-header { -- 2.11.0