Update stylesheet

2 files changed, 276 insertions, 122 deletions

diff --git a/.dir-locals.el b/.dir-locals.el
index d5f2f4d..99fa40f 100644
--- a/.dir-locals.el
+++ b/.dir-locals.el
@@ -20,7 +20,7 @@
           :style-include-default nil
           :author-info nil
           :creator-info t
-          :style "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://ryuslash.org/main.css\" />"
+          :style "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://ryuslash.org/stylesheet.css\" />"
           :link-up "../"
           :link-home "http://ryuslash.org")
          ("oni"
diff --git a/site/stylesheet.css b/site/stylesheet.css
index 0fd2fb1..bcb5c0f 100644
--- a/site/stylesheet.css
+++ b/site/stylesheet.css
@@ -1,194 +1,366 @@
-* {
-    padding: 0;
-    margin: 0;
-    border: 0;
+body {
+	background: #eeeeec;
+    color: #111113;
+	border: 0;
+	margin: 0;
+	padding: 0;
+	font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
+    font-size: 16px;
 }
 
-a {
-    color: orange;
-    text-decoration: none;
+div#content {
+    width: 750px;
+    margin: 0 auto;
+    background: #111113;
+    color: #eeeeec;
+    padding-bottom: 20px;
 }
 
-a:hover {
-    text-decoration: underline;
+div#content, pre {
+    border-right: 1px #eeeeec dashed;
+    border-left: 1px #eeeeec dashed;
 }
 
-body,
-#table-of-contents {
-    background-color: #252a2b;
+h1.title {
+	background: #222224;
     color: #eeeeec;
+    margin: 0 auto;
+    padding: 6px;
+    text-align: left;
 }
 
-body {
-    font-family: "DejaVu Sans", sans-serif;
-    padding-left: 10px;
+a {
+	color: #ffbb56;
+    text-decoration: underline;
 }
 
-code {
-    white-space: nowrap;
-    color: #babdb6;
+a img {
+	border: none;
 }
 
-code, pre {
-    font-family: "DejaVu Sans Mono", mono;
+a:visited {
+	color: violet;
 }
 
-h1 {
-    border-bottom: 2px solid #839496;
+a:hover {
+	color: #eeeeec;
+    text-decoration: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
-    margin: 20px 0;
+blockquote {
+	border-left: 5px solid #ccc;
+	margin-left: 1.5em;
+	padding-left: 5px;
 }
 
-h1.title {
-    border-bottom: none;
-    margin-top: 0;
+.outline-2 h2 {
+	border-bottom: 1px dotted #eeeeec;
+	font: 20px "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
+    font-weight: 600;
+    padding-bottom: 2px;
 }
 
-h2 {
-    border-bottom: 2px dotted #839496;
-    margin-left: 5px;
+h3.meta, h3.meta a, h3.meta a:visited {
+    color: #999;
+    font: 12px "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
+	margin: 2px 0 6px 0;
+	padding-bottom: 2px;
 }
 
-h3 {
-    border-bottom: 2px dashed #839496;
-    margin-left: 10px;
+#content > ul {
+	border-bottom: 1px black dotted;
+    font: 12px "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
+    background: #333;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    width: 100%;
+    list-style-type: none;
+}
+
+#content > ul > li {
+    display: inline;
 }
 
-h4 {
-    border-bottom: 1px solid #839496;
-    margin-left: 15px;
+#content > ul > li:after {
+    content: " | ";
 }
 
-h5 {
-    border-bottom: 1px dotted #839496;
+#content > ul > li:last-child:after {
+    content: "";
+}
+
+#header a, #header a:visited {
+    color: #fff;
+    text-decoration: none;
+}
+#content > ul a, #content > ul a:visited {
+    color: #999;
+    text-decoration: none;
+}
+#header a:active, #header a:hover, #content > ul a:active, #content > ul a:hover {
+    text-decoration: none;
+}
+
+#table-of-contents {
+	background: #111113;
+	color: #eeeeec;
     margin-left: 20px;
+    margin-top: 30px;
+    /* margin-right: -3em; */
+    margin-bottom: 20px;
+	border: dashed 1px #eeeeec;
+    border-right: 0;
+	padding: 10px 0 10px 10px;
+    float: right;
+	width: 11em;
 }
 
-h6 {
-    border-bottom: 1px dashed #839496;
-    margin-left: 25px;
+#table-of-contents form {
+	margin: 0 0 0 13px;
 }
 
-ul, ol, dl {
-    margin: 20px;
+#table-of-contents input#s {
+	width: 80%;
 }
 
-ul ul,
-ol ol,
-dd {
-    margin: 5px 20px;
+#table-of-contents ul {
+	list-style-type: none;
+	margin: 0;
+	padding-left: 3px;
+	text-transform: lowercase;
+	font: normal smaller "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
 }
 
-p {
-    margin: 20px 0;
+#table-of-contents h2 {
+	font: italic smaller "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
+	font-weight: bold;
+	margin-top: 10px;
+    margin-bottom: 0px;
+	padding-bottom: 2px;
 }
 
-pre {
-    background-color: #222224;
-    color: #eeeeec;
-    margin: 20px 0 20px 40px;
-    border-radius: 10px;
-    padding: 5px;
+#table-of-contents ul ul {
+	font-variant: normal;
+	font-weight: normal;
+	line-height: 100%;
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	text-align: left;
 }
 
-td, th {
-    padding-left: 5px;
+#table-of-contents ul ul li {
+	border: 0;
+	font-weight: normal;
+    font-style: normal;
+	letter-spacing: 0;
+	margin-top: 0;
+	padding: 0;
+	padding-left: 12px;
 }
 
-#content {
-    width: 750px;
-    text-align: justify;
+#table-of-contents ul a {
+	color: #999;
+	text-decoration: none;
 }
 
-#content h1 {
-    overflow: visible;
-    white-space: nowrap;
+#table-of-contents ul a:visited {
+	color: #ccc;
+	text-decoration: none;
 }
 
-.dlmenu {
+#table-of-contents ul a:hover {
+	border-bottom: 1px solid #809080;
+}
+
+div#tag-cloud a {
+    text-decoration: none;
+}
+div#tag-cloud {
+    line-spacing: 150%;
     text-align: center;
+    padding-bottom: 2em;
+}
+
+
+#comments-header {
+        margin-top: 2em;
+        padding-top: 1em;
+        border-top: 2px black solid;
 }
 
-.outline-text-1,
-.outline-text-2,
-.outline-text-3,
-.outline-text-4,
-.outline-text-5,
-.outline-text-6 {
-    padding: 1px 20px;
+.outline-2 {
+	margin: 30px 3em 0 3em;
 }
 
 #postamble {
-    margin-top: 40px;
+    border-right: 1px #eeeeec dashed;
+    border-left: 1px #eeeeec dashed;
+    background-color: #111113;
+    color: #eeeeec;
+    width: 750px;
+    border-top: 1px black dotted;
+    font: 12px "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
+    padding: 0;
+    margin: 0 auto;
+    text-align: center;
 }
 
-#org-div-home-and-up {
-    position: fixed;
-    top: 10px;
-    right: 10px;
+.outline2 h2 {
+	margin: 0;
 }
 
-#org-div-home-and-up a {
-    text-decoration: none;
-    margin: 10px;
+.outline2 h2 a {
+	text-decoration: none;
 }
 
-#table-of-contents {
-    position: fixed;
-    top: 26px;
-    right: 0;
+.outline2 h2 a:visited {
+    color: #ffbb56;
+}
+
+.post {
+        margin-bottom: 2em;
+}
+
+div.description {
+  margin-left: 18pt;
+  margin-right: 18pt;
+  margin-bottom: 18pt;
+}
+
+div.description > p, div.description > pre {
+  margin-top: 6pt;
+}
+
+div.feedback a {
+  text-decoration: none;
+  color: #ccc;
+}
+
+.float-left {
+  float: left;
+  margin-right: 0.5em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+#content .right {
+  margin-left: auto;
+  text-align: right;
+}
+
+.centered {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
+
+.smaller {
+  font-size: smaller;
+}
+
+div.cartouche {
+  border: dashed 1px black;
+  padding: 0.5em;
+  margin-left: 15%;
+  margin-right: 15%;
+  text-align: center;
+}
+
+.small-caps {
+  font-variant: small-caps;
+}
+
+#commentform textarea {
+	width: 100%;
+	padding: 2px;
+	}
+
+code {
+    white-space: nowrap;
+    color: #babdb6;
+    font: 12pt Monaco, "DejaVu Sans Mono", mono;
+}
+
+pre {
+    border-top: 1px dotted #999999;
+    border-bottom: 1px dotted #999999;
+    font: 12pt Monaco, "DejaVu Sans Mono", mono;
+    padding: 5px 3em;
+    position: relative;
+    clear: both;
+    margin: 25px -3em;
+    width: 100%;
     overflow: auto;
-    max-height: 80%;
+    background-color: #111113;
+    color: #eeeeec;
+    left: -1px;
 }
 
-#table-of-contents h2 {
-    font-size: medium;
-    margin-top: 0;
-    padding-right: 10px;
+div#org-div-home-and-up {
+    width: 750px;
+    margin: 0 auto;
+    position: relative;
+    height: 0;
+    left: -5px;
+    top: 5px;
+    color: #eeeeec;
 }
 
+div#org-div-home-and-up a {
+    color: #999;
+    text-decoration: none;
+}
+
+div#org-div-home-and-up a:hover {
+    text-decoration: none;
+}
+
+/* Org font-locking */
 #table-of-contents:hover #text-table-of-contents {
     display: block;
 }
 
 #text-table-of-contents {
     display: none;
-    text-align: left;
 }
 
-/* Org font-locking */
 .src {
-    background-color: #252a2b;
-    color: #eeeeec;
-    overflow: auto;
+}
+
+.org-comment-delimiter {
+    color: #999999;
+    font-style: italic;
+}
+
+.org-comment {
+    color: #a9a9a9;
+    font-style: italic;
 }
 
 .org-keyword {
-    font-weight: bold;
-    color: #729fcf;
+    color: #cfce29;
 }
 
 .org-string {
-    color: #ad7fa8;
+    color: #ffbd5c;
 }
 
 .org-function-name {
-    font-weight: bold;
-    color: #edd400;
+    color: #ffa300;
 }
 
 .org-doc {
-    color: #babdb6;
+    color: #9ad870;
 }
 
 .org-constant {
-    color: #73d216;
+    color: #93d8d8;
 }
 
 .org-type {
-    color: #73d216;
+    color: #78a2c1;
     font-weight: bold;
 }
 
@@ -201,30 +373,12 @@ td, th {
 }
 
 .org-builtin {
-    color: #729fcf;
+    color: LightSteelBlue;
 }
 
 .org-negation-char {
 }
 
 .org-variable-name {
-    color: #ef2929;
-}
-
-/* Navigation menu */
-#content > ul:first-of-type {
-    margin: 0;
-    text-align: center;
-}
-
-#content > ul:first-of-type li {
-    display: inline;
-}
-
-#content > ul:first-of-type li:before {
-    content: "[ "
-}
-
-#content > ul:first-of-type li:after {
-    content: " ]"
+    color: #c39cc3;
 }