[PATCH 8/9] docs: css: Modify appearance of the kbase directory page

[Peter Krempa <pkrempa@xxxxxxxxxx>]

Re-style the knowledge base to look like the 'docs.html' page.

We still have room to add one more column.

Signed-off-by: Peter Krempa <pkrempa@xxxxxxxxxx>
---
 docs/libvirt.css | 38 ++++++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/docs/libvirt.css b/docs/libvirt.css
index bb71244a7e..5195588a8f 100644
--- a/docs/libvirt.css
+++ b/docs/libvirt.css
@@ -106,7 +106,8 @@

 #index.document,
 #docs.document,
-#hvsupport.document
+#hvsupport.document,
+#knowledge-base.document
 {
     width: inherit;
 }
@@ -395,14 +396,17 @@ h6:hover > a.headerlink {
     visibility: visible;
 }

-div.panel {
+div.panel,
+#knowledge-base .section
+{
     width: 24%;
     margin-left: 7%;
     float: left;
     background: rgb(230, 230, 230);
 }

-div.panel h2 {
+div.panel h2,
+#knowledge-base .section h1 {
     margin-top: 0px;
     padding: 0.5em;
     padding-left: 1em;
@@ -419,6 +423,11 @@ div.panel h2 {
     height: 300px;
 }

+#knowledge-base.document > h1 {
+    text-align: center;
+    padding: 1em;
+}
+
 #docs.document h1 {
     visibility: hidden;
 }
@@ -475,29 +484,38 @@ br.clear {
     font-size: smaller;
 }

-div.panel dd {
+div.panel dd,
+#knowledge-base dd {
     font-size: smaller;
 }

-div.panel a {
+div.panel a,
+#knowledge-base a {
     text-decoration: none;
 }

 div.panel ul,
 div.panel p,
-div.panel dl {
+div.panel dl,
+#knowledge-base ul,
+#knowledge-base p,
+#knowledge-base dl {
     padding: 0.5em;
     margin: 0px;
 }

-
-div.panel ul {
+div.panel ul,
+#knowledge-base ul {
     margin-left: 1em;
 }
-div.panel dt {
+
+div.panel dt,
+#knowledge-base dt {
     margin: 0px;
 }
-div.panel dd {
+
+div.panel dd,
+#knowledge-base dd {
     margin: 0px;
     margin-bottom: 1em;
 }
-- 
2.26.2