Mercurial > hg > mgallery

diff basic.css @ 215:23995179ecd8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use flexbox for centering the image on image pages.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 22 Mar 2018 21:18:14 +0200
parents 8938fef384a2
children 1aed2ad39903
line wrap: on
line diff
--- a/basic.css	Thu Mar 22 18:17:38 2018 +0200
+++ b/basic.css	Thu Mar 22 21:18:14 2018 +0200
@@ -268,6 +268,15 @@
 
 
 #imageImageBox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 
@@ -428,7 +437,7 @@
 			width: 40%;
 		}
 
-		#pageInfoHeader {
+		#pageInfoHeader, h1 {
 			font-size: 1.25em;
 		}