aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2014-09-04 17:51:24 -0700
committerfriendica <info@friendica.com>2014-09-04 17:51:24 -0700
commit50c137d152f0e0df3a7912ba361c68dc5de13565 (patch)
treeea7667a0eac60e5bf961902aa41bca283a9696d6
parentd1dfddbe80fb7d8415e50d387c4010b14869b7e6 (diff)
downloadvolse-hubzilla-50c137d152f0e0df3a7912ba361c68dc5de13565.tar.gz
volse-hubzilla-50c137d152f0e0df3a7912ba361c68dc5de13565.tar.bz2
volse-hubzilla-50c137d152f0e0df3a7912ba361c68dc5de13565.zip
constrain photos to a fixed block regardless of aspect ratio
-rw-r--r--view/theme/redbasic/css/style.css24
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;