From a895ed85fe43e13e370a533057b520224f10173a Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Mon, 29 Apr 2013 23:07:47 +0400
Subject: [PATCH] added corner mark style, still not decided which to use...

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

diff --git a/ui/index.html b/ui/index.html
index 488963dc..8305f6a5 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -56,6 +56,7 @@
 	width: 300px;
 	height: 300px;
 	font-size: 12pt;
+	overflow: hidden;
 
 	background: black;
 	box-sizing: border-box;
@@ -66,8 +67,7 @@
 	background: red;
 }
 
-/* XXX this misbehaves... (happens with page zoom) 
-		...this is not uniform circle for some reason... */
+/* dot mark... */
 .marked.image:after {
 	display: block;
 	position: absolute;
@@ -75,8 +75,8 @@
 	font-size: 0pt;
 	border: none;
 
-	width: 5px;
-	height: 5px;
+	width: 15px;
+	height: 15px;
 
 	bottom: 5px;
 	right: 5px;
@@ -85,6 +85,30 @@
 	background: blue;
 }
 
+/* corner mark... (a-la bookmarks in PortableMag) */
+/*
+.marked.image:after {
+	display: block;
+	position: absolute;
+	content: "";
+	font-size: 0pt;
+	border: none;
+
+	width: 30px;
+	height: 30px;
+
+	top: -15px;
+	right: -15px;
+
+	background: blue;
+
+	-webkit-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-o-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	transform: rotate(45deg);
+}
+*/
 
 </style>