diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2019-01-17 18:07:42 +0100 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2019-01-17 18:07:42 +0100 |
| commit | 0dc5b26c3a4776164c2bc7f41a74470314154228 (patch) | |
| tree | d82f6946ff3ccee49d5cc1b2963b86df6fa7ec95 /scss | |
| parent | d4a4550d051c563099f89e491d60e3352b658816 (diff) | |
| download | Ishtar-0dc5b26c3a4776164c2bc7f41a74470314154228.tar.bz2 Ishtar-0dc5b26c3a4776164c2bc7f41a74470314154228.zip | |
Fi gallery display for FF 52 - better layout
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/custom.scss | 21 |
1 files changed, 16 insertions, 5 deletions
diff --git a/scss/custom.scss b/scss/custom.scss index 22f912879..5b5bb0a9d 100644 --- a/scss/custom.scss +++ b/scss/custom.scss @@ -555,13 +555,24 @@ ul.compact{ } .thumb-image{ - display: block; - position:relative; - overflow:hidden; - padding-bottom:100%; + height: 200px; + position: relative; + overflow: hidden; } + .thumb-image img{ - position:absolute; + display: inline-block; + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + position: absolute; + left: 50%; /* This sets left top corner of the image to the center of the block... */ + top: 50%; /* This can be set also to bottom: 0; for aligning image to bottom line. Only translateX is used then. */ + -webkit-transform: translate(-50%,-50%); /* ...and this moves the image 50 % of its width and height back. */ + -ms-transform: translate(-50%,-50%); + -o-transform: translate(-50%,-50%); + transform: translate(-50%,-50%); } /* lightgallery */ |