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 | 07ac926c6c94a52015687673634fbcea5516f9b4 (patch) | |
| tree | d82f6946ff3ccee49d5cc1b2963b86df6fa7ec95 /scss | |
| parent | c4bcdb05bcbef8582d6a8e4cb34329aa3afa5e9b (diff) | |
| download | Ishtar-07ac926c6c94a52015687673634fbcea5516f9b4.tar.bz2 Ishtar-07ac926c6c94a52015687673634fbcea5516f9b4.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 */ |