docs: css: Modify appearance of the kbase directory page

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@redhat.com>
Reviewed-by: Michal Privoznik <mprivozn@redhat.com>

diff --git a/docs/libvirt.css b/docs/libvirt.css
index bb71244a7ebd8774f3dc7b9d02fe619dd75fa842..5195588a8f840eae984fa42df25af081caee9a70 100644 (file)
--- 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;
 }