change css style

18 files changed, 1172 insertions, 1172 deletions

diff --git a/gemfeed/2008-06-26-perl-poetry.html b/gemfeed/2008-06-26-perl-poetry.html
index e57d31c1..25005f0a 100644
--- a/gemfeed/2008-06-26-perl-poetry.html
+++ b/gemfeed/2008-06-26-perl-poetry.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -206,44 +206,44 @@ This is perl, v5.8.8 built for i386-freebsd-64int
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2010-04-09-standard-ml-and-haskell.html b/gemfeed/2010-04-09-standard-ml-and-haskell.html
index 4602f248..4c64f449 100644
--- a/gemfeed/2010-04-09-standard-ml-and-haskell.html
+++ b/gemfeed/2010-04-09-standard-ml-and-haskell.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -196,44 +196,44 @@ my_filter f l = foldr (make_filter_fn f) [] l
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html b/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html
index fa1e5a06..bbfe406c 100644
--- a/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html
+++ b/gemfeed/2010-05-07-lazy-evaluation-with-standarn-ml.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -142,44 +142,44 @@ first 10 nat_pairs_not_null
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2010-05-09-the-fype-programming-language.html b/gemfeed/2010-05-09-the-fype-programming-language.html
index 7f0382ee..d8380d8a 100644
--- a/gemfeed/2010-05-09-the-fype-programming-language.html
+++ b/gemfeed/2010-05-09-the-fype-programming-language.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -457,44 +457,44 @@ BB
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2011-05-07-perl-daemon-service-framework.html b/gemfeed/2011-05-07-perl-daemon-service-framework.html
index ea22da58..8425bf45 100644
--- a/gemfeed/2011-05-07-perl-daemon-service-framework.html
+++ b/gemfeed/2011-05-07-perl-daemon-service-framework.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -188,44 +188,44 @@ sub do ($) {
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html b/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html
index f529263d..168753c0 100644
--- a/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html
+++ b/gemfeed/2014-03-24-the-fibonacci.pl.c-polyglot.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -150,44 +150,44 @@ fib(10) = 55
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html b/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html
index 10edd29f..14ef3ba7 100644
--- a/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html
+++ b/gemfeed/2015-12-05-run-debian-on-your-phone-with-debroid.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
@@ -206,44 +206,44 @@ exit
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
 }
-img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
+
+a {
+  color: #0ca;
+  text-decoration: none;
 }
-a.textlink:hover {
-    text-decoration: underline;
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
 }
-i {
-    color: #48AAAD;
+
+img {
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}
-h2, h3 {
-    color: #BB0000;
+
+a.textlink:before {
+  content: " ⇒ ";
+  padding-left: 2px;
 }
 </style>
 </head>
diff --git a/gemfeed/2016-04-03-offsite-backup-with-zfs.html b/gemfeed/2016-04-03-offsite-backup-with-zfs.html
index 3c32601a..92c5c3ed 100644
--- a/gemfeed/2016-04-03-offsite-backup-with-zfs.html
+++ b/gemfeed/2016-04-03-offsite-backup-with-zfs.html
@@ -6,44 +6,44 @@
 <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
 <style type="text/css">
 body {
-    margin: auto;
-    max-width: 900px;
-    background-color: #FFFFEF;
-    border: 1px dashed #880000;
-    border-radius: 8px;
-    padding: 5px;
-}
+  margin: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+  max-width: 900px;
+  font-family: sans-serif;
+  font-size: 18px;
+  background-color: #222;
+  color: #ffffef;
+}
+
+a {
+  color: #0ca;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c0f;
+  text-decoration: none;
+}
+
 img {
-    display:block;
-    max-width: 80%;
-}
-a.textlink:before {
-    content: " ⇒ ";
-    padding-left: 2px;
-}
-a.textlink {
-    text-decoration: none;
-    color: #FF0000;
-}
-a.textlink:hover {
-    text-decoration: underline;
-}
-i {
-    color: #48AAAD;
+  max-width: 600px;
+  max-height: 400px;
+  display: block;
+  margin: auto;
 }
+
 pre {
-    background-color: #F1F8E9;
-    border: 1px dashed #BB0000;
-    border-radius: 8px;
-    padding: 5px;
-    font-family: "Lucida Console", "Courier New", monospace;
+  display: block;
+  background-color: #111;
+  color: #fff;
+  padding: 5px;
+  overflow-x: auto;
 }
-h1 {
-    text-align: center;
-    color: #880000;
-}