1 files changed, 105 insertions, 9 deletions

diff --git a/www/package-version-details-body.css b/www/package-version-details-body.css
index 8a4e0a1..1c41ed5 100644
--- a/www/package-version-details-body.css
+++ b/www/package-version-details-body.css
@@ -145,7 +145,6 @@ h1, h2, h3
 
 #version tr.version td .value,
 #version tr.priority td .value,
-#version tr.repository td .value
 {
   /* <code> style. */
   font-family: monospace;
@@ -244,10 +243,15 @@ h1, h2, h3
   font-size: 0.94em;
 }
 
+/*
+ * Tests, examples, and benchmarks tables.
+ */
 #tests {margin-top: .4em; margin-bottom: 1em;}
+#tests th {width: 2.8em; text-align: center;}
+#tests th:after{content: "";}
 
 #tests tr:nth-child(even) td {background-color: rgba(0, 0, 0, 0.07);}
-#tests td {margin-left: 2.8em; padding-left: .4em;}
+#tests td {padding-left: .4em;}
 
 #tests tr.tests td .value
 {
@@ -257,9 +261,11 @@ h1, h2, h3
 }
 
 #examples {margin-top: .4em; margin-bottom: 1em;}
+#examples th {width: 2.8em; text-align: center;}
+#examples th:after{content: "";}
 
 #examples tr:nth-child(even) td {background-color: rgba(0, 0, 0, 0.07);}
-#examples td {margin-left: 2.8em; padding-left: .4em;}
+#examples td {padding-left: .4em;}
 
 #examples tr.examples td .value
 {
@@ -269,9 +275,11 @@ h1, h2, h3
 }
 
 #benchmarks {margin-top: .4em; margin-bottom: 1em;}
+#benchmarks th {width: 2.8em; text-align: center;}
+#benchmarks th:after{content: "";}
 
 #benchmarks tr:nth-child(even) td {background-color: rgba(0, 0, 0, 0.07);}
-#benchmarks td {margin-left: 2.8em; padding-left: .4em;}
+#benchmarks td {padding-left: .4em;}
 
 #benchmarks tr.benchmarks td .value
 {
@@ -281,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;}
@@ -297,11 +353,13 @@ h1, h2, h3
 
 .build th
 {
-  width: 7.0em;
+  width: 7.4em;
 }
 
 .build tr.toolchain td .value,
-.build tr.config td .value,
+.build tr.target td .value,
+.build tr.tgt-config td .value,
+.build tr.pkg-config td .value,
 .build tr.timestamp td .value,
 .build tr.login td .value,
 .build tr.result td .value
@@ -320,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;}