doc/common.css in ruby-vpi-15.0.2 vs doc/common.css in ruby-vpi-16.0.0

@@ -1,11 +1,12 @@
 body {
-  font-family: sans-serif;
-
   margin-left: auto;
   margin-right: auto;
   max-width: 600px;
+
+  margin-bottom: 5em; /* give space for #menu */
+  margin-top: 2.25em; /* give space for breathing */
 }
 
 
 /* headings */
 
@@ -22,20 +23,23 @@
 /* table of contents */
 
 #menu {
   position: fixed;
   left: 0px;
-  top: 0px;
-
-  background-color: ghostwhite;
-  border-bottom: thin solid lavender;
+  bottom: 0px;
   width: 100%;
 
+  background-color: whitesmoke;
+  border-top: thin solid silver;
   text-align: center;
 }
 
+#menu a {
+  color: black;
+}
 
+
 /* admonitions */
 
 .admonition {
   border: thin solid steelblue;
   background-color: aliceblue;
@@ -52,11 +56,13 @@
 
 
 /* source code */
 
 tt {
-  background-color: #cfc;
+  font-weight: bold;
+  color: brown;
+  background-color: floralwhite;
 }
 
 pre, blockquote .code {
   padding: 1em;
   line-height: normal;
@@ -113,17 +119,45 @@
   .formal img {
     display: block;
   }
 
 
-/* misc. */
+/* emphasis */
 
+body {
+  font-family: sans-serif;
+}
+
+em, blockquote {
+  font-family: serif;
+}
+
+blockquote {
+  border-left: thick solid darkkhaki;
+  background: beige;
+}
+
+hr {
+  background-color: red;
+  border: none;
+}
+
+big {
+  font-size: larger;
+}
+
+/* fix annoyances */
+
+img {
+  margin: 1em;
+}
+
 a img {
   border: none;
 }
 
-em, strong {
-  font-family: serif;
+#menu li, .entry .toc li {
+  margin-left: -1.5em;
 }
 
 .formal .title {
   margin-top: 3em;
 }