From: Ben Shum <bshum@biblio.org>
Date: Sat, 1 Sep 2012 23:09:55 +0000 (-0400)
Subject: TPAC - Add gradient CSS for Internet Explorer
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=d571b898325dcbe743d8c0f86dacd44f3c78c824;p=working%2FEvergreen.git

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 <bshum@biblio.org>
---

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 {