diff options
| author | friendica <info@friendica.com> | 2014-09-04 17:51:24 -0700 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2014-09-04 17:51:24 -0700 |
| commit | 50c137d152f0e0df3a7912ba361c68dc5de13565 (patch) | |
| tree | ea7667a0eac60e5bf961902aa41bca283a9696d6 /view/theme/redbasic/css | |
| parent | d1dfddbe80fb7d8415e50d387c4010b14869b7e6 (diff) | |
| download | volse-hubzilla-50c137d152f0e0df3a7912ba361c68dc5de13565.tar.gz volse-hubzilla-50c137d152f0e0df3a7912ba361c68dc5de13565.tar.bz2 volse-hubzilla-50c137d152f0e0df3a7912ba361c68dc5de13565.zip | |
constrain photos to a fixed block regardless of aspect ratio
Diffstat (limited to 'view/theme/redbasic/css')
| -rw-r--r-- | view/theme/redbasic/css/style.css | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 0f2949a49..5ff32ff58 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -660,11 +660,33 @@ aside li { } .photo-top-photo, .photo-album-photo { - padding: 10px; + /* padding: 10px; max-width: 300px; border: 1px solid #888888; +*/ + position: absolute; + display: block; + max-width: 100%; + max-height: 100%; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; } +.photo-top-image-wrapper, .photo-album-image-wrapper { + width: 300px; +} + +.photo-top-photo-link, .photo-album-photo-link { + display: block; + width: 100%; + position: relative; + height: 0; + padding: 75% 0 0 0; + overflow: hidden; +} .photo-album-image-wrapper .caption { background-color: $acpopup_bgcolour; |