From e91eee2ab62fa8333cb8af33275daf201ff03234 Mon Sep 17 00:00:00 2001
From: "David B. Kinder" <david.b.kinder@intel.com>
Date: Wed, 8 Apr 2020 16:35:07 -0700
Subject: [PATCH] doc: update custom CSS with additional styles

Add styles for multi-column display, and for auto-numbered instruction
steps used in some other projects.

Also updating the used page width to 1100px following experience
improvements noted on other sites.  Pages are hard to read when
displayed full-screen on really wide monitors.

Signed-off-by: David B. Kinder <david.b.kinder@intel.com>
---
 doc/static/acrn-custom.css | 38 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/doc/static/acrn-custom.css b/doc/static/acrn-custom.css
index 6292a6d6f..96bad623c 100644
--- a/doc/static/acrn-custom.css
+++ b/doc/static/acrn-custom.css
@@ -2,7 +2,7 @@
 
 /* make the page width fill the window */
 .wy-nav-content {
-   max-width: none;
+   max-width: 1100px;
 }
 
 /* (temporarily) add an under development tagline to the bread crumb 
@@ -256,3 +256,39 @@ kbd
    font-size: 4rem;
    color: #114B4F;
 }
+
+
+/* add a class for multi-column support
+ * in docs to replace use of .hlist with
+ * a .. rst-class:: rst-columns
+ */
+
+.rst-columns2 {
+   column-width: 28em;
+   column-fill: balance;
+}
+.rst-columns3 .rst-columns {
+   column-width: 18em;
+   column-fill: balance;
+}
+
+/* numbered "h2" steps */
+
+body {
+   counter-reset: step-count;
+}
+
+div.numbered-step h2::before {
+  counter-increment: step-count;
+  content: counter(step-count);
+  background: #cccccc;
+  border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  -webkit-border-radius: 0.8em;
+  color: #ffffff;
+  display: inline-block;
+  font-weight: bold;
+  line-height: 1.6em;
+  margin-right: 5px;
+  text-align: center;
+  width: 1.6em;}