starting to apply changes according to issue #12

theme/balsamine/static/js/perfect-scrollbar.css

@@ -41,10 +41,10 @@
     .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
       position: absolute;
       /* please don't change 'position' */
-      background-color: #aaa;
-      -webkit-border-radius: 6px;
-      -moz-border-radius: 6px;
-      border-radius: 6px;
+      background-image: url("/images/damier.png");
+      /*-webkit-border-radius: 6px;*/
+      /*-moz-border-radius: 6px;*/
+      /*border-radius: 6px;*/
       -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
       transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
       -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
@@ -72,18 +72,20 @@
       position: absolute;
       /* please don't change 'position' */
       background-color: #aaa;
-      -webkit-border-radius: 6px;
-      -moz-border-radius: 6px;
-      border-radius: 6px;
+      background-image: url("/images/damier.png");
+      /*-webkit-border-radius: 6px;*/
+      /*-moz-border-radius: 6px;*/
+      /*border-radius: 6px;*/
       -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
       transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
       -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
       -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
       transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
       transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
-      right: 2px;
+      right: 0px;
       /* there must be 'right' for ps__scrollbar-y */
-      width: 6px; }
+      width: 6px;
+      background-image: url("/images/damier.png");}
     .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
       width: 11px; }
   .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {