bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

style the photo album page of the vier theme

Browse source
This commit is contained in:
rabuzarus 2017-01-30 15:00:26 +01:00
commit ec4e60ce3a
2 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

27
view/theme/vier/style.css
View file

@ -3024,7 +3024,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 +3055,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;