ui, recent permanodes: tiled thumbnails style

Change-Id: Ie31753e01a897b72eb7996d93d8ea8cdfe5efa54

server/camlistored/ui/camli.css

@@ -73,3 +73,20 @@ body {
   color: #fff;
 }
 
+/* tiled thumbnails */
+.camli-ui-thumb {
+  margin: 0 auto;
+  border: 1px solid gray;
+  padding: 0.5em;
+  border: 0.5em;
+  width: 200px;
+  height: 200px;
+  max-width: 200px;
+  max-height: 200px;
+  float: left;
+  overflow: hidden;
+}
+.camli-ui-thumbtitle:hover {
+  border: 2px solid black;
+  background: #999;
+}

server/camlistored/ui/recent.js

@@ -35,7 +35,9 @@ function indexBuildRecentlyUpdatedPermanodes(searchRes) {
 		divperm.appendChild(alink);
 		var title = document.createElement("p");
 		setTextContent(title, camliBlobTitle(br.blobRef, searchRes));
+		title.className = 'camli-ui-thumbtitle';
 		divperm.appendChild(title);
+		divperm.className = 'camli-ui-thumb';
 		divrecent.appendChild(divperm);
 	}
 }

server/camlistored/ui/zembed_camli.css.go

@@ -80,5 +80,22 @@ func init() {
 		"  color: #fff;\n"+
 		"}\n"+
 		"\n"+
-		"", time.Unix(0, 1330389504169976807))
+		"/* tiled thumbnails */\n"+
+		".camli-ui-thumb {\n"+
+		"  margin: 0 auto;\n"+
+		"  border: 1px solid gray;\n"+
+		"  padding: 0.5em;\n"+
+		"  border: 0.5em;\n"+
+		"  width: 200px;\n"+
+		"  height: 200px;\n"+
+		"  max-width: 200px;\n"+
+		"  max-height: 200px;\n"+
+		"  float: left;\n"+
+		"  overflow: hidden;\n"+
+		"}\n"+
+		".camli-ui-thumbtitle:hover {\n"+
+		"  border: 2px solid black;\n"+
+		"  background: #999;\n"+
+		"}\n"+
+		"", time.Unix(0, 1353519984757065678))
 }

server/camlistored/ui/zembed_recent.js.go

@@ -43,11 +43,13 @@ func init() {
 		"		divperm.appendChild(alink);\n"+
 		"		var title = document.createElement(\"p\");\n"+
 		"		setTextContent(title, camliBlobTitle(br.blobRef, searchRes));\n"+
+		"		title.className = 'camli-ui-thumbtitle';\n"+
 		"		divperm.appendChild(title);\n"+
+		"		divperm.className = 'camli-ui-thumb';\n"+
 		"		divrecent.appendChild(divperm);\n"+
 		"	}\n"+
 		"}\n"+
 		"\n"+
 		"window.addEventListener(\"load\", indexOnLoad);\n"+
-		"", time.Unix(0, 1352732421861382276))
+		"", time.Unix(0, 1353518413264563890))
 }