From 0d89044354de7a8410ddfe6e11127b57c77bd54d 2015-12-21 19:09:02
From: Michal Nazarewicz <mina86@mina86.com>
Date: 2015-12-21 19:09:02
Subject: [PATCH] [PATCH 2/2] Replace gradient images with CSS gradients.

---

diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index aac22b28ec3ab3f8b9c9ce3a5685bb2e88793f00..39e33f0ce5bb4508f21654ff068a3cfd5d5e82c5 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -99,7 +99,11 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
   margin-right: 3px;
   border: 1px solid #808080;
   font-size: .8em;
-  background: url(/img/nav-bg-campaign.png) bottom repeat-x;
+  background: #ffd843;
+  background: -moz-linear-gradient(top, #fff, #ffd533);
+  background: -webkit-linear-gradient(top, #fff, #ffd533);
+  background: linear-gradient(to bottom, #fff, #ffd533);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd533', GradientType=0);
   border-color: #ffffff;
 }
 #navbar li a {
@@ -109,7 +113,11 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
   margin-right: 3px;
   border: 1px solid #808080;
   font-size: .8em;
-  background: #fff url(/img/nav-bg.png) bottom repeat-x;
+  background: #eaf1f1;
+  background: -moz-linear-gradient(top, #fff, #eaf1f1);
+  background: -webkit-linear-gradient(top, #fff, #eaf1f1);
+  background: linear-gradient(to bottom, #fff, #eaf1f1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf1f1', GradientType=0);
   border-color: #ffffff;
 }
 #navbar li:hover a { background: #577632; color: #fff; }
@@ -188,10 +196,14 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 #container #sidebar li {
     text-align: center;
     list-style: none;
-    padding: 3px 10px 3px 10px; 
-    margin: 5px; 
+    padding: 3px 10px 3px 10px;
+    margin: 5px;
     border: 1px solid #CCC;
-    background: #fff url(/img/nav-bg.png) bottom repeat-x;
+    background: #ffd843;
+    background: -moz-linear-gradient(top, #fff, #ffd533);
+    background: -webkit-linear-gradient(top, #fff, #ffd533);
+    background: linear-gradient(to bottom, #fff, #ffd533);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd533', GradientType=0);
 }
 #container #sidebar li a:hover { background: #577632; color: #fff; }
 
@@ -214,7 +226,11 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 {
     color: #000033;
     font-weight: bold;
-    background: #fff url(/img/nav-bg-up.png) top repeat-x;
+    background: #ffd843;
+    background: -moz-linear-gradient(bottom, #fff, #ffd533);
+    background: -webkit-linear-gradient(bottom, #fff, #ffd533);
+    background: linear-gradient(to top, #fff, #ffd533);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd533', endColorstr='#ffffff', GradientType=0);
 }
 #container #sidebar h2 {
     text-align: center;
@@ -327,16 +343,24 @@ body.conservancy-Compliance #navbar ul li.compliance a,
 body.conservancy-donate #navbar ul li.donate a,
 body.conservancy-npoacct #navbar ul li.npoacct a,
 body.conservancy-sponsors #navbar ul li.sponsors a /* NO COMMA HERE! */
-{ 
+{
     color: #000033;
     font-weight: bold;
-    background: #fff url(/img/nav-bg-up.png) top repeat-x;
+    background: #ffd843;
+    background: -moz-linear-gradient(bottom, #fff, #ffd533);
+    background: -webkit-linear-gradient(bottom, #fff, #ffd533);
+    background: linear-gradient(to top, #fff, #ffd533);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd533', endColorstr='#ffffff', GradientType=0);
 }
 body.conservancy-supporter #navbar ul li.supporter a
-{ 
+{
     color: #000033;
     font-weight: bold;
-    background: url(/img/nav-bg-campaign-up.png) bottom repeat-x;
+    background: #ffd843;
+    background: -moz-linear-gradient(bottom, #fff, #ffd533);
+    background: -webkit-linear-gradient(bottom, #fff, #ffd533);
+    background: linear-gradient(to top, #fff, #ffd533);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd533', endColorstr='#ffffff', GradientType=0);
 }
 
 #supporters ul {
diff --git a/www/conservancy/static/img/nav-bg-campaign-up.png b/www/conservancy/static/img/nav-bg-campaign-up.png
deleted file mode 100644
index 5152574a3cafe906ef8f3d3e23419d7a3b901653..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 224
zcmeAS@N?(olHy`uVBq!ia0vp^%s{Nh!3HE5Jr%7$RB@2I6T`Z5GB1G~wj^(N7l!{J
zxM1({$v_d#0*}aIp!RDZ%s3&xat=_Cy~NYkmHjS@oVc}Y;(Jj|piqLRi(`ny<=zR7
zd<_O1EaEJ+6aLq??Z3FD-Aqu(JTqTd%qn4zU(!AX9{C?(4AqR2AFLG;4LZj6)Bm++
z<^p%`1#)vwt<9h1%~m!4s`53tKM}<tZ7Udgs_q#dHRw)%_JirjVcrInN3HfiyBIuO
L{an^LB{Ts58@@*v

diff --git a/www/conservancy/static/img/nav-bg-campaign.png b/www/conservancy/static/img/nav-bg-campaign.png
deleted file mode 100644
index 4066da1a06bf84d762ca9af667a9e0e29234190b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 226
zcmeAS@N?(olHy`uVBq!ia0vp^%s{Nh!3HE5Jr%7$RB@2I6T`Z5GB1G~wj^(N7l!{J
zxM1({$v_d#0*}aIp!RDZ%s3&xat=_Cy~NYkmHjS@oVb<M-G387W+r*MIEF}E?w#n!
zcR+!Ir9AlG|GRDrFF9v(v-jLl>z*9?@|r(82g9Qc&B7KTAJlt~7#~_VL)n3)-=NAT
z%VS#{*Q6-#=-XD#cVC5>pUB=-I{!-U!fiXQ-ShvD+WaRk+~-fTbY7<C0tP+F=|I~U
NJYD@<);T3K0RUqVOvC^H

diff --git a/www/conservancy/static/img/nav-bg-up.png b/www/conservancy/static/img/nav-bg-up.png
deleted file mode 100644
index 83b339d7870c81e2087adb014ef3a35367363b30..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 153
zcmeAS@N?(olHy`uVBq!ia0vp^%s?!`!2~2XL|@ndq&N#aB8wRqxP?KOkzv*x37{Z*
ziKnkC`*k*1MhlAz&6C=JLKdDbjv*Y^lWV?yRAvSPZe?ZVo}&!uj*=@j%}DYo5Mz!j
sy%FIv<JAMF8@`GO>^?k+TurPD_e_|B4p}<g1)9O&>FVdQ&MBb@0NUIq82|tP

diff --git a/www/conservancy/static/img/nav-bg.png b/www/conservancy/static/img/nav-bg.png
deleted file mode 100644
index 92bf6e3fd4f3259ef80172b2487caa69c0cb1aee..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 172
zcmeAS@N?(olHy`uVBq!ia0vp^%s?!`!2~2XL|@ndq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sfb!K@nMd?W?J01gtEInNuLpZM2_Brw~7;qfgmHNNl
z=-m^8!i&O;x_X`r8%}PtN))|l^XBW8ptx1?`HQCT^;S=P^#1lyR<-N;Do0)h@&OHD
N@O1TaS?83{1OVHPH4^{;