[PATCH 05/11] css: Split out page templated styles to 'libvirt-template.css'

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



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@xxxxxxxxxx>
---
 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
_______________________________________________
Devel mailing list -- devel@xxxxxxxxxxxxxxxxx
To unsubscribe send an email to devel-leave@xxxxxxxxxxxxxxxxx




[Index of Archives]     [Virt Tools]     [Libvirt Users]     [Lib OS Info]     [Fedora Users]     [Fedora Desktop]     [Fedora SELinux]     [Big List of Linux Books]     [Yosemite News]     [KDE Users]     [Fedora Tools]

  Powered by Linux