}
div.gallery {
- display: flex; flex-direction: row; flex-wrap: wrap;
+ flex-direction: row; flex-wrap: wrap;
align-items: start; justify-content: space-evenly;
}
+div.gallery.medthumb { display: flex; }
figure.thumb {
display: inline-block;
figure.bigthumb { width: 228px; }
img.bigthumb { width: 228px; height: 228px; }
+figure.medthumb { width: 144px; }
+img.medthumb { width: 144px; height: 144px; }
+
+figure.smallthumb { width: 96px; }
+img.smallthumb { width: 96px; height: 96px; }
+
div.comment {
border: thin black solid;
max-width: 40em;
max-width: 100%;
overflow-x: auto;
text-align: center;
- display: flex; flex-direction: row; align-self: center;
+ flex-direction: row; align-self: center;
+}
+
+div.thumbstrip.smallthumb { display: flex; }
+div.thumbstrip.medthumb { display: none; }
+div.thumbstrip.bigthumb { display: none; }
+@media (min-height: 1200px) and (max-height: 1599px) {
+ div.thumbstrip.smallthumb { display: none; }
+ div.thumbstrip.medthumb { display: flex; }
+ div.thumbstrip.bigthumb { display: none; }
+}
+@media (min-height: 1600px) {
+ div.thumbstrip.smallthumb { display: none; }
+ div.thumbstrip.medthumb { display: none; }
+ div.thumbstrip.bigthumb { display: flex; }
}
/*----- That's all, folks -------------------------------------------------*/