adding responsive widths for the docs

diff --git a/site/style.css b/site/style.css
index ad8573e2f0022bff14c62938a484fa874fa02ee2..15f65d40633817062aaa610d8e197f9df08fdf5d 100755 (executable)
--- a/site/style.css
+++ b/site/style.css
@@ -69,7 +69,7 @@ body, p { font-size:18px; line-height:1.5em; margin-bottom:20px; font-family:"Ho
 \r
 pre, code { font-size:18px; line-height:1.5em; font-family:Consolas, "Courier New", Courier, monospace; }\r
 \r
-pre { background:rgba(255, 255, 255, .2); display:block; border:1px solid #313749; padding:10px 20px; margin-bottom:20px; }\r
+pre { background:rgba(255, 255, 255, .2); display:block; border:1px solid #313749; padding:10px 20px; margin-bottom:20px; white-space:pre; white-space:pre-wrap; word-wrap:break-word; }\r
 \r
 p code { background:rgba(255, 255, 255, .2); padding:0 5px; }\r
 \r
@@ -92,5 +92,10 @@ b, strong { font-weight:bold; }
  * layout\r
  */\r
 \r
+ \r
 #container { margin:0 auto; width:960px; padding-top:100px; text-align:left; }\r
 .footer { text-align:center; padding:50px 0 200px; }\r
+\r
+@media screen and (max-width:1000px) {\r
+  #container { width:auto; margin:0 20px; }\r
+}\r