47 lines
No EOL
990 B
CSS
47 lines
No EOL
990 B
CSS
body {
|
|
background-color: #161618;
|
|
color: #f2f5f4;
|
|
}
|
|
|
|
a {
|
|
color: #f5a9b8;
|
|
}
|
|
|
|
a:visited {
|
|
color: #5BCEFA;
|
|
}
|
|
|
|
a.lightbox {
|
|
margin: 10px;
|
|
}
|
|
|
|
/* Container to hold the images */
|
|
.image-container {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
flex-wrap: wrap;
|
|
gap: 2px;
|
|
margin: 20px;
|
|
}
|
|
|
|
/* Each image inside the container */
|
|
.image-container img {
|
|
width: 100%;
|
|
max-width: 300px; /* Max width of each image */
|
|
height: auto; /* Ensure aspect ratio is maintained */
|
|
object-fit: contain; /* Ensure images fit within the container */
|
|
}
|
|
|
|
:root {
|
|
--parvus-background-color: #161618;
|
|
--parvus-color: #f2f5f4;
|
|
--parvus-caption-color: #f2f5f4;
|
|
--parvus-btn-background-color: #F5A9B8;
|
|
--parvus-btn-color: #ffffff;
|
|
--parvus-btn-disabled-background-color: #5BCEFA;
|
|
--parvus-btn-disabled-color: #161618;
|
|
}
|
|
|
|
.parvus-trigger:has(img) .parvus-zoom__indicator {
|
|
display: none;
|
|
} |