Added nano scroller shadow

dev/Styles/FolderList.less

@@ -19,7 +19,7 @@
 
 	.b-footer {
 		position: absolute;
-		bottom: 20px;
+		bottom: 18px;
 		right: 0;
 		left: 0;
 		height: 20px;

dev/Styles/MessageList.less

@@ -465,7 +465,7 @@ html.rl-no-preview-pane {
 
 			&.selected {
 				background-color: #DFEFFF;
-				z-index: 102;
+				z-index: 101;
 
 				.sidebarParent {
 					background-color: #398CF2 !important;

dev/Styles/Scroll.less

@@ -1,29 +1,24 @@
-/**
-::-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;
-}
-
-::-webkit-scrollbar-corner {
-	background: transparent;
-}
-/**/
+.nano.nano-scrolllimit-top:before, .nano.nano-scrolllimit-bottom:after {
+	display: block;
+}

dev/Styles/_BootstrapFix.less

@@ -80,12 +80,14 @@ select {
 
 	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);
+
 //	&:active {
 //		.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.3), 0 0 0 rgba(0,0,0,.1)");
 //	}
 }
 
-.btn.btn-dark-disabled-border {
+.btn, .btn.btn-dark-disabled-border {
 	&.disabled, &[disabled] {
 		border-color: #aaa;
 	}

dev/Styles/_FontasticToBoot.less

@@ -71,18 +71,15 @@
 }
 
 @-webkit-keyframes rotation {
-	from {-webkit-transform: rotate(0deg);}
-	to   {-webkit-transform: rotate(359deg);}
+	to   {-webkit-transform: rotate(1turn);}
 }
 
 @-moz-keyframes rotation {
-	from {-moz-transform: rotate(0deg);}
-	to   {-moz-transform: rotate(359deg);}
+	to   {-moz-transform: rotate(1turn);}
 }
 
 @keyframes rotation {
-	from {transform: rotate(0deg);}
-	to   {transform: rotate(359deg);}
+	to   {transform: rotate(1turn);}
 }
 
 .icon-spinner {
@@ -90,6 +87,14 @@
     height: 16px;
 
 	&: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%;
 	}
@@ -107,8 +112,8 @@ html.no-cssanimations .icon-spinner {
 	}
 }
 
-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);
 }