flex-direction: row; flex-wrap: wrap;
align-items: start; justify-content: space-evenly;
}
-div.gallery.medthumb { display: flex; }
figure.thumb {
display: inline-block;
figcaption { text-align: center; }
figcaption span.name { font-family: sans-serif; }
figcaption span.comment { font-style: italic; margin-inline-start: 1em; }
+.smallthumb figcaption { font-size: 80%; }
div.viewnav {
flex-grow: 1; flex-basis: 0;
flex-direction: row; align-self: center;
}
-div.thumbstrip.smallthumb { display: flex; }
-div.thumbstrip.medthumb { display: none; }
-div.thumbstrip.bigthumb { display: none; }
+div.thumbstrip.smallthumb, div.gallery.smallthumb { display: flex; }
+div.thumbstrip.medthumb, div.gallery.medthumb { display: none; }
+div.thumbstrip.bigthumb, div.gallery.bigthumb { display: none; }
@media (min-height: 1200px) and (max-height: 1599px) {
div.thumbstrip.smallthumb { display: none; }
div.thumbstrip.medthumb { display: flex; }
div.thumbstrip.medthumb { display: none; }
div.thumbstrip.bigthumb { display: flex; }
}
+@media (min-width: 760px) and (max-width: 1079px) {
+ div.gallery.smallthumb { display: none; }
+ div.gallery.medthumb { display: flex; }
+ div.gallery.bigthumb { display: none; }
+}
+@media (min-width: 1080px) {
+ div.gallery.smallthumb { display: none; }
+ div.gallery.medthumb { display: none; }
+ div.gallery.bigthumb { display: flex; }
+}
/*----- That's all, folks -------------------------------------------------*/