X-Git-Url: https://git.distorted.org.uk/~mdw/tgal/blobdiff_plain/6e749fabbf4a2758454db148bd366367069142c5..1408b7a293e5a35d99744aaa51192eab972a95a1:/static/tgal.css

diff --git a/static/tgal.css b/static/tgal.css
index 0cbae14..b94038e 100644
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -79,7 +79,7 @@ div.gallery {
 	flex-direction: row; flex-wrap: wrap;
 	align-items: start; justify-content: space-evenly;
 }
-div.gallery.bigthumb { display: flex; }
+div.gallery.medthumb { display: flex; }
 
 figure.thumb {
 	display: inline-block;
@@ -92,6 +92,12 @@ img.thumb { object-fit: contain; }
 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;
@@ -145,6 +151,19 @@ div.thumbstrip {
 	text-align: center;
 	flex-direction: row; align-self: center;
 }
-div.thumbstrip.bigthumb { display: flex; }
+
+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 -------------------------------------------------*/