Smarter upscaling/downscaling

By default it used to make all images pixelated.

1 files changed, 14 insertions, 0 deletions

diff --git a/webAO/styles/default.css b/webAO/styles/default.css
index 5e941e0..8a090cb 100644
--- a/webAO/styles/default.css
+++ b/webAO/styles/default.css
@@ -2,11 +2,25 @@ body {
 	font-family: sans-serif;
 }
 
+@media (max-height: 270x) {
+	img {
+		image-rendering: crisp-edges;
+		image-rendering: pixelated;
+	}
+
+}
+
 img {
+	image-rendering: auto;
+}
+
+img[src$=".gif"],
+img[src$=".apng"] {
 	image-rendering: crisp-edges;
 	image-rendering: pixelated;
 }
 
+
 .client_button {
 	margin: 1px;
 	padding: 2px 15px;