Kind of lame CSS hack for image zooming
authorclinton <clinton@unknownlamer.org>
Mon, 27 Feb 2012 04:53:08 +0000 (04:53 +0000)
committerclinton <clinton@unknownlamer.org>
Mon, 27 Feb 2012 04:53:08 +0000 (04:53 +0000)
* When focused, expand the size of an image... the idea being that
  we're in the future and loading huge images is no big deal for anyone.

default.css

index ad7b3f9..065ddc6 100644 (file)
@@ -248,6 +248,19 @@ div.contents dd
 table.image tr td img
 { 
   border: 1px solid #111111;
+  max-width: 6in;
+}
+
+table.image tr td:hover
+{ 
+  max-width: 8in;
+}
+
+table.image tr td img:hover
+{
+    max-width: 24in;
+    width: 100%;
+    overflow: auto;
 }
 
 table.image tr td.image-caption