[PATCH 05/11] 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(a)redhat.com&gt; --- docs/css/libvirt-template.css | 236 +++++++++++++++++++++++++++++++++ docs/css/libvirt.css | 237 ---------------------------------- docs/css/main.css | 1 + docs/css/meson.build | 1 + 4 files changed, 238 insertions(+), 237 deletions(-) create mode 100644 docs/css/libvirt-template.css diff --git a/docs/css/libvirt-template.css b/docs/css/libvirt-template.css new file mode 100644 index 0000000000..2ea93c793f --- /dev/null +++ b/docs/css/libvirt-template.css @@ -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; +} diff --git a/docs/css/libvirt.css b/docs/css/libvirt.css index 0dc3280694..370bff1f0d 100644 --- a/docs/css/libvirt.css +++ b/docs/css/libvirt.css @@ -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; } diff --git a/docs/css/main.css b/docs/css/main.css index 74498dd30e..d832836f3a 100644 --- a/docs/css/main.css +++ b/docs/css/main.css @@ -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); diff --git a/docs/css/meson.build b/docs/css/meson.build index 51cf0d6b72..74007c8051 100644 --- a/docs/css/meson.build +++ b/docs/css/meson.build @@ -2,6 +2,7 @@ docs_css_files = [ 'fonts.css', 'generic.css', 'libvirt.css', + 'libvirt-template.css', 'main.css', 'mobile-template.css', 'mobile-libvirt.css', -- 2.43.0