CSS3 gradient fill in the banner background ftw!

diff --git a/webcit/static/styles/banner.css b/webcit/static/styles/banner.css
index dacb9ddffdf47bab21ab780fecc4a6ccf3ab8be6..e388b7c6c1ec18bb4de12f242c7a7d5c8e3f0ea5 100644 (file)
--- a/webcit/static/styles/banner.css
+++ b/webcit/static/styles/banner.css
@@ -1,5 +1,10 @@
 #banner {
-       background-color: #4D555C;
+       background: #4D555C;
+       background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4D555C), to(#7D858C));
+       background: -moz-linear-gradient(#4D555C, #7D858C);
+       background: linear-gradient(#4D555C, #7D858C);
+       -pie-background: linear-gradient(#4D555C, #7D858C);
+       behavior: url(/static/styles/PIE.htc);
        color: #FFF;
        margin: 0;
        padding: 0;