Add paper texture to toolbar and sidenav

UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss

@@ -18,7 +18,6 @@
 [id='contactsList'] {
   border-top: 44px solid transparent;   // padding for the header.subheader,
   border-bottom: 2px solid transparent; //close to a hack
-  z-index: 10;
 
   // In use in MAILER messages list but re-usable
   // --------------------------------------------

UI/WebServerResources/scss/components/sidenav/sidenav.scss

@@ -106,9 +106,15 @@ md-sidenav {
   & md-content,
   & md-toolbar {
     background-color: inherit;
+    background-image: url("../img/cardboard-transp.png");
+    background-blend-mode: multiply;
   }
 }
 
+.md-sidenav-left md-toolbar {
+  box-shadow: none;
+}
+
 // MAILER Folder tree (in the left sidenav
 // ---------------------------------------
 $i: 1;
@@ -122,7 +128,7 @@ $i: 1;
   [class*="sg-child-level"] {
     margin-right: 1em;
   };
-// This hack is so BAD I'm ashame putting it in the shame file
+// This hack is so BAD I am ashame putting it in the shame file
 // -----------------------------------------------------------
 // Folder tree's controler function are very intricate, the way
 // elements are marked as 'active reminds me of good old time JQuery
@@ -130,7 +136,7 @@ $i: 1;
 // selection, but I don't wan't to mess in that script.
 // Here's the hack : on selection I use the parent > child selector to
 // change the definition of the icon's class. Yes, this means that
-// md-icon-folder:before as the value of md-icon-folder:before:before,
+// md-icon-folder:before as the value of md-icon-folder-open:before,
 // and this is wrong !
 
 .sg-active i.md-icon-folder:before {

UI/WebServerResources/scss/components/toolbar/toolbar.scss

@@ -13,8 +13,11 @@ $toolbar-padding: $mg;
 // must be declare in containers with sg-padded
 md-toolbar {
   padding: $toolbar-padding 0;
-  box-shadow: none;
+  z-index: $z-index-toolbar;
   font-size: initial;
+  background-image: url("../img/felt-transp.png");
+  background-blend-mode: luminosity;
+  box-shadow: $whiteframe-shadow-z1;
 }
 
 .md-toolbar-tools {
@@ -71,3 +74,5 @@ hgroup {
     order: 3;
   }
 }
+
+