78 lines
1.9 KiB
CSS
Executable file
78 lines
1.9 KiB
CSS
Executable file
/* Custom styling for gallery figcaptions */
|
|
.gallery figcaption,
|
|
.fancy-figure figcaption {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: var(--primary);
|
|
padding: 2px 5px;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Style for h4 inside figcaption */
|
|
.gallery figcaption h4,
|
|
.fancy-figure figcaption h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 0.9em;
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
/* Fix for dark mode */
|
|
.dark .gallery figcaption h4,
|
|
.dark .fancy-figure figcaption h4 {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
/* Specific styling for standalone box figures */
|
|
.post-content .box:not(.gallery .box) figcaption,
|
|
.post-content > figure figcaption {
|
|
padding: 2px 5px;
|
|
margin: 0;
|
|
text-align: center;
|
|
background: transparent;
|
|
}
|
|
|
|
/* Specific styling for standalone figure h4 captions (not in a gallery) */
|
|
.post-content > figure figcaption h4,
|
|
.post-content .box:not(.gallery .box) figcaption h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 0.9em;
|
|
color: var(--content);
|
|
}
|
|
|
|
.dark .post-content > figure figcaption h4,
|
|
.dark .post-content .box:not(.gallery .box) figcaption h4 {
|
|
color: var(--content);
|
|
}
|
|
|
|
/* Override margin for paragraphs inside figcaption */
|
|
/* Gallery figcaption paragraphs */
|
|
.post-content .gallery figcaption p,
|
|
.post-content .fancy-figure figcaption p {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
/* Standalone figure figcaption paragraphs */
|
|
.post-content > figure figcaption p,
|
|
.post-content .box:not(.gallery .box) figcaption p {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
color: var(--content);
|
|
}
|
|
|
|
/* Dark mode gallery figcaption paragraphs */
|
|
.dark .post-content .gallery figcaption p,
|
|
.dark .post-content .fancy-figure figcaption p {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
/* Dark mode standalone figure figcaption paragraphs */
|
|
.dark .post-content > figure figcaption p,
|
|
.dark .post-content .box:not(.gallery .box) figcaption p {
|
|
color: var(--content);
|
|
}
|