X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fvier%2Fstyle.css;h=32617867cb391d7d2d790c09ffdf127db4dd6e11;hb=96501bda816bb3db29ea19d89e6ffc0e83f350b3;hp=cbb850c130afadabf98f70ff17455936bc2abee1;hpb=8039ad0e2318c28a22f87c31dbbdb3165f1ef058;p=friendica.git diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css index cbb850c130..32617867cb 100644 --- a/view/theme/vier/style.css +++ b/view/theme/vier/style.css @@ -247,6 +247,10 @@ div.pager { float: left; } +.pager .disabled { + display: none; +} + .hide-comments-outer { margin-left: 80px; margin-bottom: 5px; @@ -3024,7 +3028,8 @@ a.btn#contact-edit-actions-button { } /* photo album page */ -.photo-top-image-wrapper { +.photo-top-image-wrapper, +.photo-album-image-wrapper { position: relative; float: left; margin-top: 15px; @@ -3054,11 +3059,33 @@ a.btn#contact-edit-actions-button { float: left; width: 175px; } -img.photo-top-photo { +img.photo-top-photo, +img.photo-album-photo { width: 100%; height: 100%; object-fit: cover; } +.photo-album-photo { + float: none; +} +.photo-album-image-wrapper .caption { + opacity: 0; + width: 100%; + position: absolute; + bottom: 0px; + padding: 3px 5px; + background-color: rgb(255, 255, 255); + margin: 0; + overflow: hidden; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; +} +.photo-album-image-wrapper:hover .caption { + opacity: 1; +} .menu-profile-list{ height: auto;