mirror of
https://gitlab.com/libvirt/libvirt.git
synced 2024-07-31 14:07:16 +00:00
b17a97f223
The front page contains a bunch of content that is either outdated (eg links to libvirt qpid) or not particularly useful (links to vendor hypervisor sites). This rewrites it to be more directly useful to visitors, providing a updated intro to libvirt project, direct links to key pieces of website content (new contributors guide, security process, bug reporting, XML formats), and feed showing recent 5 blog posts on the virt tools planet. Signed-off-by: Daniel P. Berrange <berrange@redhat.com>
597 lines
8.7 KiB
CSS
597 lines
8.7 KiB
CSS
#nav {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100px;
|
|
background: rgb(0, 95, 97);
|
|
border-bottom: 3px solid rgb(60, 133, 124);
|
|
width: 100%;
|
|
display: table;
|
|
}
|
|
|
|
#home {
|
|
background-image: url(logos/logo-banner-light-256.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
height: 100px;
|
|
width: 269px;
|
|
margin-left: 1em;
|
|
text-indent: 100%; white-space: nowrap; overflow: hidden;
|
|
}
|
|
|
|
#home a {
|
|
color: rgb(0, 95, 97);
|
|
height: 100px;
|
|
width: 269px;
|
|
display: block;
|
|
}
|
|
|
|
#jumplinks {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
font-size: 16pt;
|
|
text-align: right;
|
|
}
|
|
|
|
#jumplinks ul {
|
|
list-style: none;
|
|
}
|
|
|
|
#jumplinks li {
|
|
display: inline;
|
|
padding-left: 2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#jumplinks a {
|
|
color: rgb(255, 255, 255);
|
|
text-decoration: none;
|
|
}
|
|
|
|
#jumplinks a:hover {
|
|
color: rgb(255, 230, 0);
|
|
}
|
|
|
|
#search {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
width: 13em;
|
|
text-align: right;
|
|
padding: 1em;
|
|
}
|
|
|
|
#search input {
|
|
border: 0px;
|
|
height: 2em;
|
|
}
|
|
|
|
#search input[type=text] {
|
|
background: rgb(230, 230, 230);
|
|
color: rgb(0, 0, 0);
|
|
width: 10em;
|
|
padding: 0px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
#search input[type=submit] {
|
|
background: rgb(60, 133, 124);
|
|
color: rgb(255, 255, 255);
|
|
width: 3em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#search input[type=submit]:active,
|
|
#search input[type=submit]:hover {
|
|
color: rgb(255, 230, 0);
|
|
}
|
|
|
|
#body {
|
|
float: left;
|
|
width: 100%;
|
|
border: 0px;
|
|
left: 0px;
|
|
margin: 0px;
|
|
margin-top: 120px;
|
|
}
|
|
|
|
#content {
|
|
margin-left: 230px;
|
|
margin-right: 1em;
|
|
padding: 0px;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
#menu {
|
|
float: left;
|
|
width: 220px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#menu ul {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-left: 40px;
|
|
}
|
|
|
|
#menu li ul {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
#menu ul li {
|
|
list-style: none;
|
|
color: black;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
}
|
|
|
|
#menu ul li a, #menu ul li span {
|
|
text-decoration: inherit;
|
|
color: inherit;
|
|
display: block;
|
|
padding: 6px;
|
|
margin: 2px;
|
|
}
|
|
|
|
#menu ul li .active {
|
|
background: #a4c6c2;
|
|
}
|
|
|
|
#menu ul.l0 li .inactive {
|
|
background: #c5dbd8;
|
|
}
|
|
|
|
|
|
#menu ul.l1 li .inactive,
|
|
#menu ul.l2 li .inactive {
|
|
background: #dfebea;
|
|
border-left: 8px solid #dfebea;
|
|
}
|
|
|
|
#menu ul.l1 li .inactive,
|
|
#menu ul.l1 li .active {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
#menu ul.l1 li .inactive {
|
|
border-left: 6px solid #dfebea;
|
|
}
|
|
|
|
#menu ul.l1 li .active {
|
|
border-left: 6px solid #a5c6c2;
|
|
}
|
|
|
|
#menu ul.l2 li .inactive,
|
|
#menu ul.l2 li .active {
|
|
padding-left: 2em;
|
|
border-left: 8px solid #c5dbd8;
|
|
}
|
|
|
|
#menu ul.l3 li .inactive,
|
|
#menu ul.l3 li .active {
|
|
padding-left: 3em;
|
|
}
|
|
|
|
#sitemap ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
#sitemap ul {
|
|
margin: 1em;
|
|
padding: 0em;
|
|
}
|
|
|
|
#sitemap ul ul {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
#sitemap li {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#sitemap a {
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
font-weight: bold;
|
|
}
|
|
|
|
pre {
|
|
border: 1px solid #999999;
|
|
background: #eeeeee;
|
|
color: black;
|
|
padding: 1em;
|
|
}
|
|
|
|
a {
|
|
color: rgb(0, 95, 97);
|
|
}
|
|
|
|
div.api {
|
|
border: 1px solid #999999;
|
|
background: #eeeeee;
|
|
color: black;
|
|
padding: 3px;
|
|
}
|
|
|
|
div.api pre {
|
|
margin: 0px;
|
|
border: 0px;
|
|
background: inherit;
|
|
padding: inherit;
|
|
}
|
|
|
|
div.api table {
|
|
margin: 0px;
|
|
padding-left: 2em;
|
|
border-spacing: 0px;
|
|
}
|
|
|
|
div.api table td, div.variablelist table td {
|
|
vertical-align: top;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
h1 a, h2 a, h3 a, h4 a, h5 a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
#changelog .author {
|
|
color: #3c857c;
|
|
font-weight: bold;
|
|
}
|
|
|
|
p.image {
|
|
text-align: center;
|
|
}
|
|
|
|
.top_table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.top_table th {
|
|
background: #a4c6c2;
|
|
}
|
|
|
|
.top_table th a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
.top_table td, .top_table th {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
.top_table tr:hover td, .top_table col:hover td {
|
|
background: #eeeeee;
|
|
}
|
|
|
|
.top_table tr td:hover {
|
|
background: #c5dbd8;
|
|
}
|
|
|
|
#projects {
|
|
margin: 0px;
|
|
border: 0px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
#projects dl {
|
|
margin: 0px;
|
|
border: 0px solid white;
|
|
height: 180px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
#projects #p1 {
|
|
margin-left: 25%;
|
|
width: 75%;
|
|
}
|
|
|
|
#projects #p2 {
|
|
margin-left: 50%;
|
|
width: 50%;
|
|
}
|
|
|
|
#projects #p3 {
|
|
margin-left: 75%;
|
|
width: 25%;
|
|
}
|
|
|
|
#projects dt, #projects dd {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#projects #p1 dt, #projects #p1 dd {
|
|
width: 33%;
|
|
}
|
|
|
|
#projects #p2 dt, #projects #p2 dd {
|
|
width: 50%;
|
|
}
|
|
|
|
#projects #p3 dt, #projects #p3 dd {
|
|
width: 99%;
|
|
}
|
|
|
|
#projects span {
|
|
font-size: 0.8em;
|
|
display: block;
|
|
padding-left: 1em;
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
#projects a {
|
|
font-size: 0.8em;
|
|
display: block;
|
|
padding-left: 0.8em;
|
|
padding-top: 1em;
|
|
}
|
|
|
|
#projects a {
|
|
color: white;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
#projects span {
|
|
color: #ccc;
|
|
}
|
|
|
|
span.since {
|
|
color: #3c857c;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
img.diagram {
|
|
background: rgb(230,230,230);
|
|
border: 2px dotted rgb(178,178,178);
|
|
padding: 1em;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
table.data th, table.data td {
|
|
padding: 0.3em;
|
|
}
|
|
|
|
table.data {
|
|
border-spacing: 0px;
|
|
}
|
|
|
|
table.data thead th {
|
|
background: rgb(178,178,178);
|
|
text-align: center;
|
|
}
|
|
|
|
table.data {
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.data thead tr th {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
table.data tr.head th {
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
table.data tbody td {
|
|
background: rgb(240,240,240);
|
|
}
|
|
|
|
table.data tbody td.y {
|
|
background: rgb(220,255,220);
|
|
text-align: center;
|
|
}
|
|
table.data tbody td.n {
|
|
background: rgb(255,220,220);
|
|
text-align: center;
|
|
}
|
|
|
|
.api {
|
|
font-family: monospace;
|
|
}
|
|
|
|
.api .type {
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
color: darkslateblue;
|
|
}
|
|
|
|
.api .keyword {
|
|
font-weight: bold;
|
|
color: #A2F;
|
|
}
|
|
|
|
.api .comment {
|
|
color: #080;
|
|
margin-left: 2em;
|
|
position: relative;
|
|
}
|
|
|
|
.api .comment:before {
|
|
content: ": ";
|
|
position: absolute;
|
|
left: -1.3em;
|
|
}
|
|
|
|
.api .undisclosed {
|
|
font-style: italic;
|
|
letter-spacing: .3ex;
|
|
font-weight: bolder;
|
|
text-transform: uppercase;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.api .directive {
|
|
color: teal;
|
|
}
|
|
|
|
.api :link:hover, .api :link:focus {
|
|
color: blue;
|
|
border-color: blue;
|
|
}
|
|
|
|
.api :link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
dl.variablelist > dt {
|
|
display: block;
|
|
float: left;
|
|
font-style: italic;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.variablelist dd {
|
|
padding-left: 10em;
|
|
}
|
|
|
|
dl.variablelist > dt:after {
|
|
content: ": ";
|
|
}
|
|
|
|
table.acl {
|
|
margin: 1em;
|
|
border-spacing: 0px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
table.acl tr, table.acl td {
|
|
padding: 0.3em;
|
|
}
|
|
|
|
table.acl thead {
|
|
background: #ddd;
|
|
}
|
|
|
|
div.description pre.code {
|
|
border: 1px dashed grey;
|
|
background-color: inherit;
|
|
padding: 5px 10px 5px 10px;
|
|
margin-left: 2.5em;
|
|
}
|
|
|
|
a.headerlink {
|
|
text-decoration: none!important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
h2:hover > a.headerlink,
|
|
h3:hover > a.headerlink,
|
|
h4:hover > a.headerlink,
|
|
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;
|
|
}
|
|
|
|
#footer {
|
|
clear: both;
|
|
border-top: 3px solid rgb(60, 133, 124);
|
|
margin-top: 2em;
|
|
padding: 1em;
|
|
background: rgb(0, 95, 97);
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
|
|
#footer a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#footer a:hover {
|
|
color: rgb(255, 230, 0);
|
|
}
|
|
|
|
#conduct {
|
|
float: right;
|
|
text-align: right;
|
|
font-size: smaller;
|
|
margin-right: 3em;
|
|
}
|
|
|
|
#conduct a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#contact, #community {
|
|
float: left;
|
|
padding: 0px;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
#footer h3 {
|
|
margin:0px;
|
|
font-size: 1em;
|
|
color: rgb(60, 133, 124);
|
|
}
|
|
|
|
#footer ul {
|
|
list-style: none;
|
|
margin: 0px;
|
|
font-size: smaller;
|
|
}
|
|
|
|
div.panel dd {
|
|
font-size: smaller;
|
|
}
|
|
|
|
div.panel a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.panel ul,
|
|
div.panel p,
|
|
div.panel dl {
|
|
padding: 0.5em;
|
|
margin: 0px;
|
|
}
|
|
|
|
div.panel dt {
|
|
margin: 0px;
|
|
}
|
|
div.panel dd {
|
|
margin: 0px;
|
|
margin-bottom: 1em;
|
|
}
|