Added nano scroller shadow

rainloop/v/0.0.0/static/css/app.css

@@ -637,7 +637,7 @@
 	border-radius: 8px;
 }
 
-
+
 /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
 
 /* =============================================================================
@@ -1142,7 +1142,7 @@ table {
     border-collapse: collapse;
     border-spacing: 0;
 }
-
+
 @charset "UTF-8";
 
 @font-face {
@@ -1483,7 +1483,7 @@ table {
 .icon-filter:before {
   content: "\e063";
 }
-
+
 /** initial setup **/
 .nano {
 /*
@@ -1600,7 +1600,7 @@ table {
 .nano > .pane2:hover > .slider2, .nano > .pane2.active > .slider2 {
 	background-color: rgba(0, 0, 0, 0.4);
 }
-
+
 /* Magnific Popup CSS */
 .mfp-bg {
   top: 0;
@@ -1965,7 +1965,7 @@ img.mfp-img {
   right: 0;
   padding-top: 0; }
 
-
+
 
 /* overlay at start */
 .mfp-fade.mfp-bg {
@@ -2011,7 +2011,7 @@ img.mfp-img {
   -moz-transform: translateX(50px);
   transform: translateX(50px);
 }
-
+
 .simple-pace {
 	-webkit-pointer-events: none;
 	pointer-events: none;
@@ -2082,7 +2082,7 @@ img.mfp-img {
 @keyframes simple-pace-stripe-animation {
 	0% { transform: none; transform: none; }
 	100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
-}
+}
 .inputosaurus-container {
 	background-color:#fff;
 	border:1px solid #bcbec0;
@@ -2150,7 +2150,7 @@ img.mfp-img {
 	box-shadow:none;
 }
 .inputosaurus-input-hidden { display:none; }
-
+
 .flag-wrapper {
 	width: 24px;
 	height: 16px;
@@ -2194,7 +2194,7 @@ img.mfp-img {
 .flag.flag-pt-br {background-position: -192px -11px}
 
 .flag.flag-cn, .flag.flag-zh-tw, .flag.flag-zh-cn, .flag.flag-zh-hk {background-position: -208px -22px}
-
+
 /* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
 .clearfix {
   *zoom: 1;
@@ -6170,27 +6170,18 @@ a.badge:hover {
   line-height: 20px;
 }
 @-webkit-keyframes rotation {
-  from {
-    -webkit-transform: rotate(0deg);
-  }
   to {
-    -webkit-transform: rotate(359deg);
+    -webkit-transform: rotate(1turn);
   }
 }
 @-moz-keyframes rotation {
-  from {
-    -moz-transform: rotate(0deg);
-  }
   to {
-    -moz-transform: rotate(359deg);
+    -moz-transform: rotate(1turn);
   }
 }
 @keyframes rotation {
-  from {
-    transform: rotate(0deg);
-  }
   to {
-    transform: rotate(359deg);
+    transform: rotate(1turn);
   }
 }
 .icon-spinner {
@@ -6198,6 +6189,11 @@ a.badge:hover {
   height: 16px;
 }
 .icon-spinner:before {
+  -webkit-transform-origin: 8px 8px;
+  -moz-transform-origin: 8px 8px;
+  transform-origin: 8px 8px;
+  margin-top: 1px;
+  display: inline-block;
   font-size: 16px;
   line-height: 100%;
 }
@@ -6212,10 +6208,10 @@ html.no-cssanimations .icon-spinner:before {
 html.no-cssanimations .icon-spinner.animated {
   background-image: url('images/sync.gif');
 }
-html.cssanimations .icon-spinner.animated {
-  -webkit-animation: rotation 1s infinite linear;
-  -moz-animation: rotation 1s infinite linear;
-  animation: rotation 1s infinite linear;
+html.cssanimations .icon-spinner.animated:before {
+  -webkit-animation: rotation 1s infinite steps(40);
+  -moz-animation: rotation 1s infinite steps(40);
+  animation: rotation 1s infinite steps(40);
 }
 body {
   background-color: transparent;
@@ -6285,6 +6281,7 @@ select {
   padding-left: 13px;
   padding-right: 13px;
   text-shadow: 0 1px 0 #fff;
+  border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
 }
 .btn.disabled,
 .btn[disabled] {
@@ -6294,7 +6291,9 @@ select {
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 }
+.btn.disabled,
 .btn.btn-dark-disabled-border.disabled,
+.btn[disabled],
 .btn.btn-dark-disabled-border[disabled] {
   border-color: #aaa;
 }
@@ -7087,35 +7086,30 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
   background-image: none;
   display: none;
 }
-/**
-::-webkit-scrollbar {
-	height: 10px;
-	width: 10px;
-	overflow: visible;
+.nano:before,
+.nano:after {
+  display: none;
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  z-index: 102;
+  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
+  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
+  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
 }
-
-::-webkit-scrollbar-button {
-	height: 0;
-	width: 0;
+.nano:before {
+  top: -2px;
 }
-
-::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
-	background-color: transparent;
-	background-clip: padding-box;
-	border-width: 1px 1px 1px 6px;
-	min-height: 18px;
+.nano:after {
+  bottom: -2px;
 }
-
-::-webkit-scrollbar-thumb {
-	background-color: #bbb;
-	background-color: rgba(0, 0, 0, 0.2);
-	border: 2px solid transparent;
+.nano.nano-scrolllimit-top:before,
+.nano.nano-scrolllimit-bottom:after {
+  display: block;
 }
-
-::-webkit-scrollbar-corner {
-	background: transparent;
-}
-/**/.b-system-drop-down .b-toolbar {
+.b-system-drop-down .b-toolbar {
   position: absolute;
   top: 0;
   right: 0;
@@ -7263,7 +7257,7 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
 }
 .b-folders .b-footer {
   position: absolute;
-  bottom: 20px;
+  bottom: 18px;
   right: 0;
   left: 0;
   height: 20px;
@@ -7878,7 +7872,7 @@ html.rl-no-preview-pane .messageList.message-selected {
 }
 .messageList .b-content .messageListItem.selected {
   background-color: #DFEFFF;
-  z-index: 102;
+  z-index: 101;
 }
 .messageList .b-content .messageListItem.selected .sidebarParent {
   background-color: #398CF2 !important;