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>
This commit is contained in:
Peter Krempa 2020-08-03 12:01:39 +02:00
parent 9fd2e78b96
commit f6b0a311aa

View File

@ -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;
}