mirror of https://gitee.com/openkylin/libvirt.git
539 lines
8.0 KiB
CSS
539 lines
8.0 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 {
|
|
border: 0px;
|
|
left: 0px;
|
|
margin: 0px;
|
|
margin-top: 120px;
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
#content {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0px;
|
|
padding-bottom: 1em;
|
|
max-width: 60em;
|
|
}
|
|
|
|
body.index #content,
|
|
body.docs #content,
|
|
body.hvsupport #content
|
|
{
|
|
max-width: inherit;
|
|
}
|
|
|
|
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;
|
|
min-width: 60%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.top_table th {
|
|
background: rgb(0, 95, 97);
|
|
color: rgb(255, 255, 255);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.top_table th a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
.top_table td, .top_table th {
|
|
border: 1px solid rgb(60, 133, 124);
|
|
}
|
|
|
|
.top_table td {
|
|
padding: 4px;
|
|
}
|
|
|
|
.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 ul {
|
|
margin-left: 1em;
|
|
}
|
|
div.panel dt {
|
|
margin: 0px;
|
|
}
|
|
div.panel dd {
|
|
margin: 0px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
dl.mail dt {
|
|
background: rgb(0, 97, 95);
|
|
color: rgb(255, 255, 255);
|
|
font-weight: bold;
|
|
padding: 0.5em;
|
|
}
|
|
dl.mail dt a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
dl.mail dt a:hover {
|
|
color: rgb(255, 230, 0);
|
|
text-decoration: none;
|
|
}
|