2 files changed, 89 insertions, 5 deletions

diff --git a/www/builds-body.css b/www/builds-body.css
index 65a2acf..b5275c3 100644
--- a/www/builds-body.css
+++ b/www/builds-body.css
@@ -56,7 +56,6 @@
   font-size: 0.94em;
 }
 
-.build .archived {color: #6c6c6c;}
 .build .pending  {color: #d1943c;}
 .build .building {color: #d1943c;}
 .build .success  {color: #00bb00;}
diff --git a/www/package-version-details-body.css b/www/package-version-details-body.css
index 02835d6..1c41ed5 100644
--- a/www/package-version-details-body.css
+++ b/www/package-version-details-body.css
@@ -289,6 +289,54 @@ h1, h2, h3
 }
 
 /*
+ * Binaries.
+ */
+#binaries
+{
+  width: calc(100% + .8rem);
+  margin-left: -.4rem;
+  border: none;
+  border-spacing: 0 0;
+
+  margin-top: .4em;
+  margin-bottom: 1em;
+  border-collapse: collapse;
+}
+
+#binaries tr:nth-child(even) td {background-color: rgba(0, 0, 0, 0.07);}
+
+#binaries td
+{
+  padding: .08em .4rem;
+}
+
+#binaries td:last-child {width: 100%;}
+
+#binaries td .value
+{
+  display: inline-block;
+  white-space: nowrap;
+
+  /* <code> style. */
+  font-family: monospace;
+  font-size: 0.94em;
+}
+
+/* Re-styling for full page variant. */
+
+.full #binaries td
+{
+  vertical-align: top;
+}
+
+.full #binaries td .value
+{
+  margin-right: 1em;
+
+  white-space: normal;
+}
+
+/*
  * Builds.
  */
 #builds {margin-bottom: 1em;}
@@ -321,7 +369,6 @@ h1, h2, h3
   font-size: 0.94em;
 }
 
-.build .archived {color: #6c6c6c;}
 .build .pending  {color: #d1943c;}
 .build .building {color: #d1943c;}
 .build .success  {color: #00bb00;}
@@ -331,13 +378,51 @@ h1, h2, h3
 .build .abnormal {color: #ff0000;}
 
 /*
- * Changes.
+ * Changes (plain text).
  *
  * This is a <pre> block that fits lines up to 80 characters long and
  * wraps longer ones.
  */
-#changes
+#changes.plain pre
 {
   font-size: 0.85em;
-  margin: .5em 0 .5em 0;
 }
+
+/*
+ * Changes (Markdown).
+ *
+ * These are descendants of the <div> block containing the result of
+ * Markdown-to-HTML translation.
+ *
+ * Note that the Markdown code blocks are translated into the
+ * <pre><code>...<code/></pre> element construct.
+ */
+#changes.markdown h1,
+#changes.markdown h2
+{
+  white-space: normal;
+}
+
+/* code-box.css */
+#changes.markdown :not(pre) > code
+{
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 0.2em;
+  padding: .2em .32em .18em .32em;
+}
+
+/* pre-box.css */
+#changes.markdown pre
+{
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 0.2em;
+  padding: .8em .4em .8em .4em;
+  margin: 2em -.4em 2em -.4em; /* Use paddings of #content. */
+}
+
+#changes.markdown pre > code
+{
+  font-size: inherit;
+}
+
+#changes.markdown .error {color: #ff0000;}