Mercurial > hg > mgallery

diff basic.css @ 44:bc9da3b71888

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Implement imgur-style image zoom/de-zoom via image click/enter. Might have bugs, probably does not work on mobile.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 19 May 2016 10:11:32 +0300
parents 002c19b4618b
children 5a2dd41ff7ad
line wrap: on
line diff
--- a/basic.css	Thu May 12 23:32:21 2016 +0300
+++ b/basic.css	Thu May 19 10:11:32 2016 +0300
@@ -212,3 +212,30 @@
 	border-bottom: 1px solid #787;
 	border-right: 1px solid #787;
 }
+
+
+#imageLarge {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 20;
+	display: none;
+	margin: 1em;
+}
+
+#imageLarge img {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: auto;
+	height: auto;
+	max-width: 100%;
+	max-height: 100%;
+	margin-left: auto;
+	margin-right: auto;
+	border: 4px solid white;
+}