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 d988d05..684d928 100644 (file)
--- 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 {