From 85ddd9405a59cb7ada806106503d8873973e2e0b Mon Sep 17 00:00:00 2001
From: Yury Delendik <ydelendik@mozilla.com>
Date: Sat, 2 Mar 2013 15:00:10 -0600
Subject: [PATCH] Replacing page shadow with image; removing some profixed
 styles

---
 web/images/shadow.png | Bin 0 -> 454 bytes
 web/viewer.css        |  15 ++++-----------
 2 files changed, 4 insertions(+), 11 deletions(-)
 create mode 100644 web/images/shadow.png

diff --git a/web/images/shadow.png b/web/images/shadow.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd009dc4ee1c0a7f6a05041c65e917890713564e
GIT binary patch
literal 454
zcmeAS@N?(olHy`uVBq!ia0vp^!XV7S1|*9D%+3HQwj^(N7a$D;Kb?2i11Zh|kH}&M
z25z8IZed1-S#u<Sg6t)pzOL+dnVI=jw8Zk{m4HIBnIRD+&iT2ysd*(pE(3#eQEFmI
zYKlU6W=V#EyQgnJie4%^0|TR$r;B5V#p%{5xBCt&@VKxWWd8pDKT4BPy;jm)dHOr0
zNIwp{k5ilOuV%`)veB<=J<qA6^^7mB95ZG;pt^xEA#H_f0Q-i(@2%<Lif#`a|FXVj
znAgI3frI<}oTNX2E@mRvSUxRiDG%+L)3!_e;qK0G+k<jKtE#@8jyCr!iFYtJw41qJ
zYij8`Uj|*iYb>Gs=5^(2dpIgCtz*>S3eK1;R{2Ri_|vr|mjsJeuYBHRWB&2mR0h?X
zB05zsCZ$g=xHsvA@!Z{SeRf5;s|xM@oG^LY3{II3ms5-xluQ53oKzQ(#y0!REYEc9
z43F#`2g>Sp@7;Rkrj=4+%;g3AGfz9;dtW%qWW`E`V#e7_w^!Qo|B5Ini#}jeY5s5b
sc^{Yeo3jJ2+UvWwUOVb5ef58o{MU?0vfP)qsDXmh)78&qol`;+0AARuQ~&?~

literal 0
HcmV?d00001

diff --git a/web/viewer.css b/web/viewer.css
index d92522188..419a4ed53 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -1066,12 +1066,12 @@ canvas {
   direction: ltr;
   width: 816px;
   height: 1056px;
-  margin: 10px auto;
+  margin: 1px auto -8px auto;
   position: relative;
   overflow: visible;
-  -webkit-box-shadow: 0px 4px 10px #000;
-  -moz-box-shadow: 0px 4px 10px #000;
-  box-shadow: 0px 4px 10px #000;
+  border: 9px solid transparent;
+  background-clip: content-box;
+  border-image: url(images/shadow.png) 9 9 repeat;
   background-color: white;
 }
 
@@ -1083,8 +1083,6 @@ canvas {
 .page > a:hover {
   opacity: 0.2;
   background: #ff0;
-  -webkit-box-shadow: 0px 2px 10px #ff0;
-  -moz-box-shadow: 0px 2px 10px #ff0;
   box-shadow: 0px 2px 10px #ff0;
 }
 
@@ -1229,11 +1227,8 @@ canvas {
   padding: 0.6em;
   max-width: 20em;
   background-color: #FFFF99;
-  -webkit-box-shadow: 0px 2px 10px #333;
-  -moz-box-shadow: 0px 2px 10px #333;
   box-shadow: 0px 2px 10px #333;
   border-radius: 7px;
-  -moz-border-radius: 7px;
 }
 
 .annotText > img {
@@ -1372,8 +1367,6 @@ canvas {
   .page {
     float: left;
     display: none;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
     box-shadow: none;
   }