From 635cd9a358878cf8879e562dfc5df7e9ae5c1006 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Mon, 3 Nov 2014 06:43:23 +0300
Subject: [PATCH] tweaking css...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui (gen4)/Makefile        |  4 +++-
 ui (gen4)/css/layout.css  | 25 ++++++++++++++++++++++++-
 ui (gen4)/css/layout.less | 31 ++++++++++++++++++++++++++++++-
 ui (gen4)/index.html      | 27 +--------------------------
 ui (gen4)/viewer.js       |  1 +
 5 files changed, 59 insertions(+), 29 deletions(-)

diff --git a/ui (gen4)/Makefile b/ui (gen4)/Makefile
index c2d6e6b9..3593a7c8 100755
--- a/ui (gen4)/Makefile	
+++ b/ui (gen4)/Makefile	
@@ -115,7 +115,9 @@ zip: $(APP_ZIP)
 node-deps:
 	npm install
 
-dev: $(CSS_FILES)
+css: $(CSS_FILES)
+
+dev: css
 	#unzip -uj $(wildcard targets/node-webkit/node-webkit-*-win-ia32.zip) -d .
 	#rm -f nwsnapshot.exe credits.html
 	#chmod +x *.{exe,dll}
diff --git a/ui (gen4)/css/layout.css b/ui (gen4)/css/layout.css
index 44d50ae1..de5f8a56 100644
--- a/ui (gen4)/css/layout.css	
+++ b/ui (gen4)/css/layout.css	
@@ -283,13 +283,36 @@ stretching in width... */
 	 	affected by filters... */
   background: no-repeat 50% transparent;
   background-size: contain;
-  border: solid 1.5px transparent;
+  border: solid 3.75px transparent;
 }
 /*
 .current.image {
 	border: solid 5px red;
 }
 */
+.shadow {
+  position: absolute;
+  overflow: visible;
+  width: 300px;
+  height: 300px;
+  background: black;
+  -webkit-transition: all 0.1s ease-in;
+  -moz-transition: all 0.1s ease-in;
+  -ms-transition: all 0.1s ease-in;
+  -o-transition: all 0.1s ease-in;
+  transition: all 0.1s ease-in;
+}
+.shadow,
+.shadow .image {
+  -webkit-transform-origin: 0 0;
+  -moz-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  -o-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+.image.moving {
+  visibility: hidden;
+}
 .current-marker {
   position: absolute;
   border: solid 5px red;
diff --git a/ui (gen4)/css/layout.less b/ui (gen4)/css/layout.less
index f8c21868..a420554b 100755
--- a/ui (gen4)/css/layout.less	
+++ b/ui (gen4)/css/layout.less	
@@ -11,7 +11,8 @@
 //@image-tile-size: 100vmax;
 
 // these are relative to image tile size...
-@image-border: @image-tile-size/200;
+//@image-border: @image-tile-size/200;
+@image-border: @image-tile-size/80;
 @ribbon-margin: @image-tile-size/30;
 @ribbon-mark-offset: @image-tile-size/200;
 
@@ -423,6 +424,34 @@ stretching in width... */
 }
 */
 
+.shadow {
+	position: absolute;
+	overflow: visible;
+
+	width: auto;
+	height: auto;
+
+	background: black;
+
+	-webkit-transition: all 0.1s ease-in;
+	-moz-transition: all 0.1s ease-in;
+	-ms-transition: all 0.1s ease-in;
+	-o-transition: all 0.1s ease-in;
+	transition: all 0.1s ease-in;
+}
+.shadow,
+.shadow .image {
+	-webkit-transform-origin: 0 0;
+	-moz-transform-origin: 0 0;
+	-ms-transform-origin: 0 0;
+	-o-transform-origin: 0 0;
+	transform-origin: 0 0;
+}
+.image.moving {
+	visibility: hidden;
+}
+
+
 .current-marker {
 	position: absolute;
 	border: solid 5px red;
diff --git a/ui (gen4)/index.html b/ui (gen4)/index.html
index 76c26678..e4f1c2aa 100755
--- a/ui (gen4)/index.html	
+++ b/ui (gen4)/index.html	
@@ -8,6 +8,7 @@
 <!-- XXX remove before use... -->
 <style>
 
+/* show image gid... */
 .image:after {
 	content: attr(gid);
 	display: block;
@@ -28,32 +29,6 @@
 }
 */
 
-.shadow {
-	position: absolute;
-	overflow: visible;
-	width: auto;
-	height: auto;
-
-	background: black;
-
-	-webkit-transition: all 0.1s ease-in;
-	-moz-transition: all 0.1s ease-in;
-	-ms-transition: all 0.1s ease-in;
-	-o-transition: all 0.1s ease-in;
-	transition: all 0.1s ease-in;
-}
-.shadow,
-.shadow .image {
-	-webkit-transform-origin: 0 0;
-	-moz-transform-origin: 0 0;
-	-ms-transform-origin: 0 0;
-	-o-transform-origin: 0 0;
-	transform-origin: 0 0;
-}
-.image.moving {
-	visibility: hidden;
-}
-
 .shadow {
 	z-index: 4000;
 }
diff --git a/ui (gen4)/viewer.js b/ui (gen4)/viewer.js
index cbb288b7..56eb7327 100755
--- a/ui (gen4)/viewer.js	
+++ b/ui (gen4)/viewer.js	
@@ -1413,6 +1413,7 @@ module.GlobalStateIndicator = Feature({
 
 //---------------------------------------------------------------------
 // XXX console / log / status bar
+// XXX title bar