docs: redo style of front page

Use a large logo banner across the front page. Tile the
three lists of links into three panels

Signed-off-by: Daniel P. Berrange <berrange@redhat.com>
This commit is contained in:
Daniel P. Berrange
2016-10-25 16:55:39 +02:00
parent 2d35438bc6
commit e3e0f36719
10 changed files with 47 additions and 20 deletions

View File

@@ -473,3 +473,32 @@ h5:hover > a.headerlink,
h6:hover > a.headerlink {
visibility: visible;
}
div.panel {
width: 24%;
margin-left: 7%;
float: left;
background: rgb(230, 230, 230);
}
div.panel h2 {
margin-top: 0px;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
background: rgb(0, 95, 97);
color: rgb(255, 255, 255);
text-align: center;
}
body.index h1 {
border: 0px;
text-indent: 100%; white-space: nowrap; overflow: hidden;
background: url(logos/logo-banner-dark-800.png) no-repeat center center;
height: 300px;
}
br.clear {
clear: both;
border: 0px;
}