Mercurial > hg > mgallery

comparison 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
comparison
equal deleted inserted replaced
214:926779f93229 215:23995179ecd8
266 opacity: 1; 266 opacity: 1;
267 } 267 }
268 268
269 269
270 #imageImageBox { 270 #imageImageBox {
271 position: absolute;
272 top: 0;
273 left: 0;
274 right: 0;
275 bottom: 0;
276
277 display: flex;
278 align-items: center;
279 justify-content: center;
271 } 280 }
272 281
273 282
274 #imageImage { 283 #imageImage {
275 position: relative; 284 position: relative;
426 435
427 div.galleryEntry { 436 div.galleryEntry {
428 width: 40%; 437 width: 40%;
429 } 438 }
430 439
431 #pageInfoHeader { 440 #pageInfoHeader, h1 {
432 font-size: 1.25em; 441 font-size: 1.25em;
433 } 442 }
434 443
435 #pageInfoButton, #pageUpNaviButton { 444 #pageInfoButton, #pageUpNaviButton {
436 font-size: 2em; 445 font-size: 2em;