make site mobile friendly

[clinton/website/src/unknownlamer.org.git] / default.css

diff --git a/default.css b/default.css
index f24c6a7..69abb21 100644 (file)
--- a/default.css
+++ b/default.css
@@ -12,6 +12,7 @@ p
 h1,h2,h3,h4,h5
 { 
   font-variant: small-caps;
+  text-align: left;
 }
 
 @media screen
@@ -247,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
@@ -328,7 +342,7 @@ img.latex-inline
 /* Footer template */
 p.cke-footer
 {  
-  white-space: pre;
+  white-space: pre-wrap;
   font-family: monospace;
   font-style: italic;
   font-size: small;