From fc29d9b9f56c6b18e792cd41c322be9655f69ad3 Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Thu, 7 Jul 2011 22:03:36 +0530
Subject: [PATCH] added shadows and gradients to backgrounds and buttons

---
 edgware/static/css/articleDemo.css |  2 +-
 edgware/static/css/editor.css      | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/edgware/static/css/articleDemo.css b/edgware/static/css/articleDemo.css
index 21dc7a4..f49cfbc 100644
--- a/edgware/static/css/articleDemo.css
+++ b/edgware/static/css/articleDemo.css
@@ -384,7 +384,7 @@ body {
 				 #ABAE71 0%, #CDD53F 100%, #F4F6C7 95%); */
   background: -moz-linear-gradient(left top, #666, #ccc, #333);
   background:-webkit-gradient(linear, left center, right center, from(#666666), to(#333333), color-stop(.5,#CCCCCC)) repeat;
-  background:linear-gradient(left top, #666, #ccc, #333)
+  background:linear-gradient(left top, #666, #ccc, #333);
   /*background-image: -webkit-gradient(radial, 45px 45px 45deg, circle cover,
 				 #666 0%, #ccc 100%, #333 95%);*/
 }
diff --git a/edgware/static/css/editor.css b/edgware/static/css/editor.css
index a498a24..8729b53 100644
--- a/edgware/static/css/editor.css
+++ b/edgware/static/css/editor.css
@@ -1,8 +1,8 @@
 body {
   background: #aaa;
-  background-image: -moz-linear-gradient(left top, #666, #ccc, #333);
-  background-image: -webkit-gradient(radial, 45px 45px 45deg, circle cover,
-				 #666 0%, #ccc 100%, #333 95%);
+  background: -moz-linear-gradient(left top, #666, #ccc, #333);
+  background:-webkit-gradient(linear, left center, right center, from(#666666), to(#333333), color-stop(.5,#CCCCCC)) repeat;
+  background:linear-gradient(left top, #666, #ccc, #333);
 /*
   background: -moz-linear-gradient(left top, #ABAE71, #CDD535, #F4F6C7);
   background: -webkit-gradient(radial, 45px 45px 45deg, circle cover,
@@ -101,7 +101,8 @@ p {
   margin-left: 10px;
   background: #D0CDFF;
   background: -moz-linear-gradient(top, #B9D7B8, #fff);
-  background: -webkit-gradient(linear, top, #B9D7B8, #fff);
+  background: -webkit-gradient(linear, 0% 18%, 0% 100%, from(#B9D7B8), to(#FFFFFF), color-stop(.5,#FFFFFF));
+  background: linear-gradient(top, #B9D7B8, #fff);
   padding-bottom: 5px;
   padding-left: 3px;
   padding-right: 3px;
@@ -110,7 +111,9 @@ p {
 .page_btn:hover {
   background: #e5aeff;
   background: -moz-linear-gradient(top, #e5aeff, #fff);
-  background: -webkit-gradient(linear, top, #e5aeff, #fff);
+  background: -webkit-gradient(linear, 0% 18%, 0% 100%, from(#e5aeff), to(#FFFFFF), color-stop(.5,#FFFFFF));
+  background: -webkit-gradient(linear, 0% 18%, 0% 100%, from(#e5aeff), to(#FFFFFF), color-stop(.5,#FFFFFF));
+  background: linear-gradient(top, #e5aeff, #fff);
 }
 
 .printMe {