mirror of
https://gitlab.com/libvirt/libvirt.git
synced 2024-12-22 13:45:38 +00:00
css: Split out page templated styles to 'libvirt-template.css'
Separate the styles related to the main page template and the build process specifics (docutils-originated) into a separate CSS file. Hint: Best viewed with 'git show --color-moved=blocks' Signed-off-by: Peter Krempa <pkrempa@redhat.com> Reviewed-by: Ján Tomko <jtomko@redhat.com>
This commit is contained in:
Peter Krempa
parent
52145c8997
commit
5dfc6e4e47
236
docs/css/libvirt-template.css
Normal file
236
docs/css/libvirt-template.css
Normal file
@ -0,0 +1,236 @@
|
||||
/* styles related to the page template (page.xsl) */
|
||||
#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;
|
||||
}
|
||||
|
||||
main,
|
||||
.document {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0px;
|
||||
padding-bottom: 1em;
|
||||
max-width: 95%;
|
||||
width: 70em;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
a.headerlink {
|
||||
text-decoration: none!important;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
h1:hover > a.headerlink,
|
||||
h2:hover > a.headerlink,
|
||||
h3:hover > a.headerlink,
|
||||
h4:hover > a.headerlink,
|
||||
h5:hover > a.headerlink,
|
||||
h6:hover > a.headerlink {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
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, #contribute {
|
||||
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;
|
||||
}
|
||||
|
||||
#advancedsearch {
|
||||
display: none;
|
||||
vertical-align: bottom;
|
||||
position: absolute;
|
||||
padding: 1em;
|
||||
padding-top: 0em;
|
||||
margin-top: 0em;
|
||||
top: 100px;
|
||||
right: 0px;
|
||||
width: 15em;
|
||||
text-align: left;
|
||||
color: white;
|
||||
background: rgb(0, 95, 97);
|
||||
border-left: 3px solid rgb(60, 133, 124);
|
||||
border-bottom: 3px solid rgb(60, 133, 124);
|
||||
}
|
||||
|
||||
/* Use div.advancedsearch, not #advancedsearch because the
|
||||
* 'advancedsearch' class is set dynamically when javascript
|
||||
* loads. This ensures that the advancedsearch options are
|
||||
* not displayed when javascript is disabled.
|
||||
*/
|
||||
#search:hover div.advancedsearch {
|
||||
display: table;
|
||||
}
|
||||
|
||||
#advancedsearch span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#advancedsearch input[type=radio] {
|
||||
height: inherit;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#advancedsearch label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Elements with id 'contents' contain the table of contents generated by docutils */
|
||||
.contents li p {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
#contents {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
background: rgb(230, 230, 230);
|
||||
padding: 0.5em;
|
||||
padding-left: 0px;
|
||||
display: inline-block;
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
|
||||
#contents p.topic-title {
|
||||
display: none;
|
||||
}
|
||||
@ -1,110 +1,3 @@
|
||||
#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;
|
||||
}
|
||||
|
||||
main,
|
||||
.document {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0px;
|
||||
padding-bottom: 1em;
|
||||
max-width: 95%;
|
||||
width: 70em;
|
||||
}
|
||||
|
||||
main#the-virtualization-api,
|
||||
#the-virtualization-api.document,
|
||||
main#documentation,
|
||||
@ -151,11 +44,6 @@ div.api table td, div.variablelist table td {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
min-width: 60%;
|
||||
@ -303,20 +191,6 @@ div.description pre.code {
|
||||
margin-left: 2.5em;
|
||||
}
|
||||
|
||||
a.headerlink {
|
||||
text-decoration: none!important;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
h1:hover > a.headerlink,
|
||||
h2:hover > a.headerlink,
|
||||
h3:hover > a.headerlink,
|
||||
h4:hover > a.headerlink,
|
||||
h5:hover > a.headerlink,
|
||||
h6:hover > a.headerlink {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#the-virtualization-api section,
|
||||
#the-virtualization-api .section,
|
||||
#documentation section,
|
||||
@ -360,58 +234,6 @@ h6:hover > a.headerlink {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
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, #contribute {
|
||||
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;
|
||||
}
|
||||
|
||||
#the-virtualization-api dd,
|
||||
#documentation dd,
|
||||
#knowledge-base dd {
|
||||
@ -467,45 +289,6 @@ td.enumvalue {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#advancedsearch {
|
||||
display: none;
|
||||
vertical-align: bottom;
|
||||
position: absolute;
|
||||
padding: 1em;
|
||||
padding-top: 0em;
|
||||
margin-top: 0em;
|
||||
top: 100px;
|
||||
right: 0px;
|
||||
width: 15em;
|
||||
text-align: left;
|
||||
color: white;
|
||||
background: rgb(0, 95, 97);
|
||||
border-left: 3px solid rgb(60, 133, 124);
|
||||
border-bottom: 3px solid rgb(60, 133, 124);
|
||||
}
|
||||
|
||||
/* Use div.advancedsearch, not #advancedsearch because the
|
||||
* 'advancedsearch' class is set dynamically when javascript
|
||||
* loads. This ensures that the advancedsearch options are
|
||||
* not displayed when javascript is disabled.
|
||||
*/
|
||||
#search:hover div.advancedsearch {
|
||||
display: table;
|
||||
}
|
||||
|
||||
#advancedsearch span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#advancedsearch input[type=radio] {
|
||||
height: inherit;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#advancedsearch label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.removedhv {
|
||||
color: darkred;
|
||||
}
|
||||
@ -515,31 +298,11 @@ td.enumvalue {
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.contents li p {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
th p, td p {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* Elements with id 'contents' contain the table of contents generated by docutils */
|
||||
|
||||
#contents {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
background: rgb(230, 230, 230);
|
||||
padding: 0.5em;
|
||||
padding-left: 0px;
|
||||
display: inline-block;
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
|
||||
#contents p.topic-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
@import url(fonts.css);
|
||||
@import url(generic.css);
|
||||
@import url(libvirt.css);
|
||||
@import url(libvirt-template.css);
|
||||
@import url(mobile-template.css);
|
||||
@import url(mobile-libvirt.css);
|
||||
|
||||
@ -2,6 +2,7 @@ docs_css_files = [
|
||||
'fonts.css',
|
||||
'generic.css',
|
||||
'libvirt.css',
|
||||
'libvirt-template.css',
|
||||
'main.css',
|
||||
'mobile-template.css',
|
||||
'mobile-libvirt.css',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user