From 53c6297f4539a28f68a7b1124f7677398f5c0477 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Mon, 29 Apr 2013 19:12:19 +0400
Subject: [PATCH] added image marking...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/index.html | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index fbce1445..3b15a38c 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -59,12 +59,12 @@
 	display: inline-block;
 	vertical-align: middle;
 	text-align;left;
-	width: 100px;
-	height: 100px;
+	width: 300px;
+	height: 300px;
 	font-size: 12pt;
 
 	background: black;
-	box-sizing:border-box;
+	box-sizing: border-box;
 	border: solid gray 1px;
 	color: white;
 }
@@ -72,6 +72,25 @@
 	background: red;
 }
 
+/* XXX this misbehaves... (happens with page zoom) */
+.marked.image:after {
+	display: block;
+	position: absolute;
+	content: "";
+	font-size: 0pt;
+	border: none;
+
+	/* XXX this is not uniform circle for some reason... (connected with page zoom) */
+	width: 5px;
+	height: 5px;
+
+	bottom: 5px;
+	right: 5px;
+
+	border-radius: 50%;
+	background: blue;
+}
+
 
 </style>
 
@@ -98,6 +117,11 @@ Split the API into the following sections:
 
 */
 
+
+var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
+
+
+
 function createImage(n){
 	if(n == null){
 		if(window._n == null){