website-frontend/style_gallery.css
Quinten 5730114e11 * fixed js heartbeat to look for all devices
* made gallery-specific css into a seperate stylesheet instead of inline
  `tags
2025-03-04 01:26:27 +01:00

69 lines
1.5 KiB
CSS

h6 {
margin-bottom: 1rem;
}
.gallery-divider {
width: 100%; /* Fill the horizontal space */
white-space: nowrap; /* Prevent wrapping */
overflow: hidden; /* Hide overflow */
font-size: 2rem;
margin: 0;
margin-top: 1em;
margin-bottom: 1em;
}
.masonry { /* Masonry container */
column-count: 2;
column-gap: 1em;
}
.gallery-masonry-img { /* Masonry bricks or child elements */
background-color: #eee;
display: inline-block;
margin: 0 0 1em;
width: 100%;
}
.gallery-img {
margin-top: 1em;
margin-bottom: 3em;
display: block;
margin-left: auto;
margin-right: auto;
width: 60%;
height: auto;
}
.gallery-video-box {
margin-top: 1em;
margin-bottom: 3em;
display: flex;
flex-direction: column;
align-items: center;
}
.gallery-video {
width: 100%;
height: auto;
}
.gallery-media-caption {
font-weight: 500;
font-style: italic;
font-size: 1.2rem;
margin: 0;
padding: 0;
margin-top: 0.5em;
color: #e9e9e9a2;
}
.gallery-spoiler-text {
background: white;
color: transparent;
cursor: help;
user-select: none;
transition: background 0.2s ease, color 0.1s ease;;
}
.gallery-spoiler-text:hover,
.gallery-spoiler-text:focus {
background: black;
color: inherit;
}
#links-tree ul li:first-child::before {
content: "← "; /* arrow for "BACK" button */
}