Gmail like message list navigation (#70)

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;
@@ -6844,7 +6844,7 @@ html.rl-no-preview-pane .messageList.message-selected {
   height: 100%;
 }
 .messageList .b-content .messageListItem.focused .sidebarParent {
-  background-color: #bbb !important;
+  background-color: #ccc !important;
 }
 .messageList .b-content .messageListItem.e-single-line {
   height: 35px;
@@ -7045,9 +7045,6 @@ html.rl-no-preview-pane .messageList.message-selected {
 .messageList .b-content .messageListItem.selected .sidebarParent {
   background-color: #398CF2 !important;
 }
-.messageList .b-content .messageListItem.selected.focused .sidebarParent {
-  background-color: #217ef0 !important;
-}
 .messageList .b-content .messageListItem.selected .delimiter {
   background-color: #398CF2;
   opacity: 0.2;
@@ -7137,6 +7134,19 @@ html.rl-no-preview-pane .messageView.message-selected {
   border-bottom-right-radius: 3px;
   background-color: #fff;
 }
+.messageView .b-content .b-message-view-checked-helper {
+  text-align: center;
+  font-size: 70px;
+  line-height: 70px;
+  padding-top: 140px;
+  color: #999;
+}
+.messageView .b-content .b-message-view-checked-helper .icon-mail {
+  font-size: 100px;
+  font-size: 50px;
+  line-height: 90px;
+  padding-left: 10px;
+}
 .messageView .b-content .b-message-view-desc {
   text-align: center;
   font-size: 24px;