From e3dd1d523c17f6dec205a5ac4c51fb241f8506c3 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Tue, 1 Sep 2015 21:35:08 +0300
Subject: [PATCH] made the selected marker more traditional...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui (gen4)/css/layout.css  | 32 ++++++++++++++++++++++++++++++--
 ui (gen4)/css/layout.less | 21 +++++++++++++++++++++
 2 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/ui (gen4)/css/layout.css b/ui (gen4)/css/layout.css
index 10e53c4c..2aa77cd7 100644
--- a/ui (gen4)/css/layout.css	
+++ b/ui (gen4)/css/layout.css	
@@ -740,6 +740,7 @@ stretching in width... */
   overflow: visible;
 }
 .mark.bookmark:after,
+.mark.selected:before,
 .mark.selected:after {
   display: block;
   position: absolute;
@@ -765,6 +766,33 @@ stretching in width... */
   background: yellow;
   left: -15px;
 }
+/* the selected tick... */
+.mark.selected:before,
+.mark.selected:after {
+  top: 10px;
+  left: -20px;
+  bottom: auto;
+  border-radius: 3px;
+  -webkit-transform: rotate(-45deg) scaleY(1) scaleX(1);
+  -moz-transform: rotate(-45deg) scaleY(1) scaleX(1);
+  -o-transform: rotate(-45deg) scaleY(1) scaleX(1);
+  -ms-transform: rotate(-45deg) scaleY(1) scaleX(1);
+  transform: rotate(-45deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+}
+.mark.selected:before {
+  width: 3px;
+  height: 6px;
+}
+.mark.selected:after {
+  width: 12px;
+  height: 3px;
+}
 /****************************************************** Image info ***/
 .inline-image-info {
   display: none;
@@ -1569,8 +1597,8 @@ progress:not(value)::-webkit-progress-bar {
 /* XXX this is experimental... */
 .viewer.overlay .ribbon-set {
   /* XXX blur makes things slow with transparency... */
-  -webkit-filter: /*blur(2px)*/ grayscale(0.5);
-  filter: /*blur(2px)*/ grayscale(0.5);
+  -webkit-filter: grayscale(0.5);
+  filter: grayscale(0.5);
   /*
 	-webkit-animation-name: testAnim;
 	-webkit-animation-duration: .2s;
diff --git a/ui (gen4)/css/layout.less b/ui (gen4)/css/layout.less
index da9a7020..020e9a06 100755
--- a/ui (gen4)/css/layout.less	
+++ b/ui (gen4)/css/layout.less	
@@ -752,6 +752,7 @@ stretching in width... */
 	overflow: visible;
 }
 .mark.bookmark:after,
+.mark.selected:before,
 .mark.selected:after {
 	display: block;
 	position: absolute;
@@ -786,6 +787,26 @@ stretching in width... */
 }
 
 
+/* the selected tick... */
+.mark.selected:before,
+.mark.selected:after {
+	top: 10px;
+	left: -20px;
+	bottom: auto;
+
+	border-radius: 3px;
+
+	.rotate(-45deg);
+}
+.mark.selected:before {
+	width: 3px;
+	height: 6px;
+}
+.mark.selected:after {
+	width: 12px;
+	height: 3px;
+}
+
 
 /****************************************************** Image info ***/
 .inline-image-info {