css: mobile: Split up libvirt.org specific styles from main template style

Separate the libvirt.org specific stuff from the main template style so
that the latter can be reused in libvirt-wiki without modification.

Signed-off-by: Peter Krempa <pkrempa@redhat.com>
Reviewed-by: Ján Tomko <jtomko@redhat.com>

diff --git a/docs/css/main.css b/docs/css/main.css
index 88e453aca6a8da9444ef770e8ba7662737b0daae..74498dd30e0efbe8c3dba1ceb24068d4db6702d2 100644 (file)
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -1,4 +1,5 @@
 @import url(fonts.css);
 @import url(generic.css);
 @import url(libvirt.css);
-@import url(mobile.css);
+@import url(mobile-template.css);
+@import url(mobile-libvirt.css);

diff --git a/docs/css/meson.build b/docs/css/meson.build
index a2a2ccfb28cef25c31a0b4717725dce9e0ae1793..51cf0d6b723add25cda4b069cbae19351b648153 100644 (file)
--- a/docs/css/meson.build
+++ b/docs/css/meson.build
@@ -3,7 +3,8 @@ docs_css_files = [
   'generic.css',
   'libvirt.css',
   'main.css',
-  'mobile.css',
+  'mobile-template.css',
+  'mobile-libvirt.css',
 ]
 
 install_data(docs_css_files, install_dir: docs_html_dir / 'css')

diff --git a/docs/css/mobile-libvirt.css b/docs/css/mobile-libvirt.css
new file mode 100644 (file)
index 0000000..b9e81b0
--- /dev/null
+++ b/docs/css/mobile-libvirt.css
@@ -0,0 +1,17 @@
+@media (max-width: 1000px) {
+    #the-virtualization-api > h1,
+    #the-virtualization-api > h2 {
+       display: none;
+    }
+
+    #the-virtualization-api section,
+    #the-virtualization-api .section,
+    #documentation section,
+    #documentation .section,
+    #knowledge-base section,
+    #knowledge-base .section {
+       width: 100%;
+       margin-left: 0px;
+       float: none;
+    }
+}

diff --git a/docs/css/mobile-template.css b/docs/css/mobile-template.css
new file mode 100644 (file)
index 0000000..2f862d5
--- /dev/null
+++ b/docs/css/mobile-template.css
@@ -0,0 +1,94 @@
+/* Style for the page.xsl template */
+@media (max-width: 1000px) {
+    #home {
+       width: 100%;
+       display: block;
+       margin: 0px;
+       background: white url(../logos/logo-banner-dark-256.png) no-repeat center center;
+       height: 94px;
+    }
+    #home a {
+       width: 100%;
+    }
+    #search {
+       width: 100%;
+       display: block;
+       margin: 0px;
+       background: white;
+       padding: 0px;
+       height: 2em;
+    }
+    #search form {
+       padding: 5px;
+    }
+    #jumplinks {
+       padding: 0px;
+       display: block;
+       width: 100%;
+       text-align: center;
+       margin: 0px;
+       height: 1.3em;
+       font-size: 1em;
+       border-top: 3px solid rgb(60, 133, 124);
+       border-bottom: 3px solid rgb(60, 133, 124);
+    }
+    #jumplinks ul {
+       display: block;
+       padding: 0px;
+       margin: 0px;
+    }
+    #jumplinks li {
+       margin: 0px;
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+    }
+    #nav {
+       border: 0px;
+    }
+
+    #search.navhide {
+       display: none !IMPORTANT;
+    }
+    #home.navhide {
+       position: fixed;
+       top: 0px;
+       z-index: 9001;
+       width: 6em;
+       display: block;
+       margin: 0px;
+       background: inherit;
+       height: 1.3em;
+       border-top: 3px solid rgb(60, 133, 124);
+       border-bottom: 3px solid rgb(60, 133, 124);
+       font-size: 1em;
+       text-indent: 0px;
+       font-weight: bold;
+       padding-left: 1em;
+    }
+    #home.navhide a {
+       color: white;
+       text-decoration: none;
+    }
+    #home.navhide a:hover {
+       color: rgb(255, 230, 0);
+    }
+    #jumplinks.navhide {
+       position: fixed;
+       text-align: right;
+       top: 0px;
+       z-index: 9000;
+       background: rgb(0, 95, 97);
+    }
+    #jumplinks.navhide ul {
+       z-index: 9001;
+    }
+    #body {
+       margin-top: 180px;
+    }
+    #advancedsearch {
+       margin-top: 4em;
+       border: 0px;
+       background: white;
+       color: black;
+    }
+}

diff --git a/docs/css/mobile.css b/docs/css/mobile.css
deleted file mode 100644 (file)
index 2e223f4..0000000
--- a/docs/css/mobile.css
+++ /dev/null
@@ -1,107 +0,0 @@
-@media (max-width: 1000px) {
-    #home {
-       width: 100%;
-       display: block;
-       margin: 0px;
-       background: white url(../logos/logo-banner-dark-256.png) no-repeat center center;
-       height: 94px;
-    }
-    #home a {
-       width: 100%;
-    }
-    #search {
-       width: 100%;
-       display: block;
-       margin: 0px;
-       background: white;
-       padding: 0px;
-       height: 2em;
-    }
-    #search form {
-       padding: 5px;
-    }
-    #the-virtualization-api > h1,
-    #the-virtualization-api > h2 {
-       display: none;
-    }
-    #jumplinks {
-       padding: 0px;
-       display: block;
-       width: 100%;
-       text-align: center;
-       margin: 0px;
-       height: 1.3em;
-       font-size: 1em;
-       border-top: 3px solid rgb(60, 133, 124);
-       border-bottom: 3px solid rgb(60, 133, 124);
-    }
-    #jumplinks ul {
-       display: block;
-       padding: 0px;
-       margin: 0px;
-    }
-    #jumplinks li {
-       margin: 0px;
-       padding-left: 0.5em;
-       padding-right: 0.5em;
-    }
-    #nav {
-       border: 0px;
-    }
-
-    #search.navhide {
-       display: none !IMPORTANT;
-    }
-    #home.navhide {
-       position: fixed;
-       top: 0px;
-       z-index: 9001;
-       width: 6em;
-       display: block;
-       margin: 0px;
-       background: inherit;
-       height: 1.3em;
-       border-top: 3px solid rgb(60, 133, 124);
-       border-bottom: 3px solid rgb(60, 133, 124);
-       font-size: 1em;
-       text-indent: 0px;
-       font-weight: bold;
-       padding-left: 1em;
-    }
-    #home.navhide a {
-       color: white;
-       text-decoration: none;
-    }
-    #home.navhide a:hover {
-       color: rgb(255, 230, 0);
-    }
-    #jumplinks.navhide {
-       position: fixed;
-       text-align: right;
-       top: 0px;
-       z-index: 9000;
-       background: rgb(0, 95, 97);
-    }
-    #jumplinks.navhide ul {
-       z-index: 9001;
-    }
-    #body {
-       margin-top: 180px;
-    }
-    #the-virtualization-api section,
-    #the-virtualization-api .section,
-    #documentation section,
-    #documentation .section,
-    #knowledge-base section,
-    #knowledge-base .section {
-       width: 100%;
-       margin-left: 0px;
-       float: none;
-    }
-    #advancedsearch {
-       margin-top: 4em;
-       border: 0px;
-       background: white;
-       color: black;
-    }
-}