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.css b/docs/css/mobile-template.css
similarity index 84%
rename from docs/css/mobile.css
rename to docs/css/mobile-template.css
index 2e223f468ec33594ef187be4edd2821518d9518b..2f862d58ea40c3ca4437dab1e0cace9c772ce861 100644 (file)
--- a/docs/css/mobile.css
+++ b/docs/css/mobile-template.css
@@ -1,3 +1,4 @@
+/* Style for the page.xsl template */
 @media (max-width: 1000px) {
     #home {
        width: 100%;
@@ -20,10 +21,6 @@
     #search form {
        padding: 5px;
     }
-    #the-virtualization-api > h1,
-    #the-virtualization-api > h2 {
-       display: none;
-    }
     #jumplinks {
        padding: 0px;
        display: block;
@@ -88,16 +85,6 @@
     #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;