2024-03-29 20:43:58 +01:00
|
|
|
.thumbnailBig {
|
|
|
|
|
width: var(--width);
|
|
|
|
|
height: var(--height);
|
2024-03-29 13:54:11 +01:00
|
|
|
float: left;
|
|
|
|
|
padding: 3px 20px 5px 0;
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-29 20:43:58 +01:00
|
|
|
.thumbnailSmall {
|
|
|
|
|
width: var(--width);
|
|
|
|
|
height: var(--height);
|
|
|
|
|
float: left;
|
|
|
|
|
padding: 3px 10px 5px 5px;
|
2024-03-29 13:54:11 +01:00
|
|
|
}
|
|
|
|
|
|
2024-03-29 20:43:58 +01:00
|
|
|
.thumbnailWrapperBig {
|
|
|
|
|
background-color: var(--post-thumbnail-background-color);
|
|
|
|
|
display: inline-block;
|
2024-03-29 13:54:11 +01:00
|
|
|
height: 250px;
|
|
|
|
|
width: 250px;
|
2024-03-29 20:43:58 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thumbnailWrapperSmall {
|
|
|
|
|
background-color: var(--post-thumbnail-background-color);
|
2024-03-29 13:54:11 +01:00
|
|
|
display: inline-block;
|
2024-03-29 20:43:58 +01:00
|
|
|
height: 150px;
|
|
|
|
|
width: 150px;
|
2024-03-29 13:54:11 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.transparentThumbnailWrapper {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thumbnail img, .thumbnail video {
|
2024-03-29 20:43:58 +01:00
|
|
|
object-fit: contain;
|
2024-03-29 13:54:11 +01:00
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|