constrain photos to a fixed block regardless of aspect ratio
This commit is contained in:
parent
d1dfddbe80
commit
50c137d152
@ -660,11 +660,33 @@ aside li {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.photo-top-photo, .photo-album-photo {
|
.photo-top-photo, .photo-album-photo {
|
||||||
padding: 10px;
|
/* padding: 10px;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
border: 1px solid #888888;
|
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 {
|
.photo-album-image-wrapper .caption {
|
||||||
background-color: $acpopup_bgcolour;
|
background-color: $acpopup_bgcolour;
|
||||||
|
Reference in New Issue
Block a user