arrows

4 files changed, 42 insertions, 18 deletions

diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index 99f420d7..0dd14166 100644
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -102,32 +102,44 @@
 
 .gallery-multiple-images::before {
   border:1px solid black;
+  background:rgba(255,255,255,1);
+  background-image:url(../img/left-arrow.png);
+  background-size:5px 10px;
+  background-repeat:no-repeat;
+  background-position:center;
+  width:15px;
+  height:30px;
   top:50%;
-  transform:scale(.5,1) translateY(-50%);
-  transform-origin:top left;
+  content:'';
+  transform:translateY(-50%);
+  transform-origin:top right;
   left:20px;
-  content:'\25C0';
   font-size:18px;
-  padding:3px 14px 3px 11px;
+  padding:3px 3px 3px 1px;
   z-index:999;
   position:absolute;
   display:block;
-  background:rgba(255,255,255,1);
 }
 
 .gallery-multiple-images::after {
   border:1px solid black;
+  background:rgba(255,255,255,1);
+  background-image:url(../img/right-arrow.png);
+  background-size:5px 10px;
+  background-repeat:no-repeat;
+  background-position:center;
+  width:15px;
+  height:30px;
   top:50%;
-  transform:scale(.5,1) translateY(-50%);
+  content:'';
+  transform:translateY(-50%);
   transform-origin:top right;
   right:20px;
-  content:'\25B6';
   font-size:18px;
-  padding:3px 11px 3px 14px;
+  padding:3px 1px 3px 3px;
   z-index:999;
   position:absolute;
   display:block;
-  background:rgba(255,255,255,1);
 }
 
 /* NOTE: not sure if this down arrow is necessary.. the fade
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
index 6ab9d0bd..147e043f 100644
--- a/StoneIsland/www/css/products.css
+++ b/StoneIsland/www/css/products.css
@@ -172,31 +172,43 @@
 
 #product #gallery::before {
   border:1px solid black;
+  background:rgba(255,255,255,1);
+  background-image:url(../img/left-arrow.png);
+  background-size:5px 10px;
+  background-repeat:no-repeat;
+  background-position:center;
+  width:15px;
+  height:30px;
   top:50%;
-  transform:scale(.5,1) translateY(-50%);
-  transform-origin:top left;
+  content:'';
+  transform:translateY(-50%);
+  transform-origin:top right;
   left:20px;
-  content:'\25C0';
   font-size:18px;
-  padding:3px 14px 3px 11px;
+  padding:3px 3px 3px 1px;
   z-index:999;
   position:absolute;
   display:block;
-  background:rgba(255,255,255,1);
 }
 
 #product #gallery::after {
   border:1px solid black;
+  background:rgba(255,255,255,1);
+  background-image:url(../img/right-arrow.png);
+  background-size:5px 10px;
+  background-repeat:no-repeat;
+  background-position:center;
+  width:15px;
+  height:30px;
   top:50%;
-  transform:scale(.5,1) translateY(-50%);
+  content:'';
+  transform:translateY(-50%);
   transform-origin:top right;
   right:20px;
-  content:'\25B6';
   font-size:18px;
-  padding:3px 11px 3px 14px;
+  padding:3px 1px 3px 3px;
   z-index:999;
   position:absolute;
   display:block;
-  background:rgba(255,255,255,1);
 }
 
diff --git a/StoneIsland/www/img/left-arrow.png b/StoneIsland/www/img/left-arrow.png
new file mode 100755
index 00000000..d19f48f3
--- /dev/null
+++ b/StoneIsland/www/img/left-arrow.png
diff --git a/StoneIsland/www/img/right-arrow.png b/StoneIsland/www/img/right-arrow.png
new file mode 100755
index 00000000..00b62502
--- /dev/null
+++ b/StoneIsland/www/img/right-arrow.png