branch master updated: website: Add 'manual.css' and language picker image.

[Ludovic Courtès]

This is an automated email from the git hooks/post-receive script.

civodul pushed a commit to branch master
in repository guix-artwork.

The following commit(s) were added to refs/heads/master by this push:
     new db26102  website: Add 'manual.css' and language picker image.
db26102 is described below

commit db26102d4149a3a857701add00d23bdf38e21911
Author: Ludovic Courtès <ludo@gnu.org>
AuthorDate: Tue Jan 18 22:21:22 2022 +0100

    website: Add 'manual.css' and language picker image.
    
    * website/static/base/css/manual.css,
    website/static/base/img/language-picker.svg: New files.
---
 website/static/base/css/manual.css          | 278 ++++++++++++++++++++++++++++
 website/static/base/img/language-picker.svg |   2 +
 2 files changed, 280 insertions(+)

diff --git a/website/static/base/css/manual.css 
b/website/static/base/css/manual.css
new file mode 100644
index 0000000..bc52965
--- /dev/null
+++ b/website/static/base/css/manual.css
@@ -0,0 +1,278 @@
+/* Additional CSS for the on-line manual.  It complements GNU's
+   default CSS at <https://www.gnu.org/software/gnulib/manual.css>.
+
+   Public domain 2017, 2022. All rights waived.  */
+
+/* Navigation bar for the language menu, copied from navbar.css with
+   minor changes.  */
+
+.navbar {
+    background-color: #333;
+    border-color: #1A1A1A;
+    border-style: none none solid none;
+    border-width: thin;
+    color: white;
+    height: 55px;
+    overflow: hidden;
+}
+
+.navbar > h1 {
+    display: inline-block;
+    margin: 0px;
+}
+
+/* Note: Compared to navbar.css, changed 'menu' to 'navbar-menu' to
+   avoid clash with the "menu" class used in the Texinfo-generated
+   HTML.  */
+
+.navbar-menu {
+    position: relative;
+}
+
+.navbar-menu ul {
+    display: block;
+    margin: 0px;
+    padding: 0px;
+    list-style-type: none;
+}
+
+.navbar-menu > ul > li {
+    display: block;
+    position: relative;
+}
+
+.navbar-menu-hidden-input {
+    display: none;
+}
+
+.navbar-menu-item:link,
+.navbar-menu-item:visited,
+label.navbar-menu-item {
+    background-color: transparent;
+    background-image: url("../img/link-arrow.png");
+    background-position: 97% 50%;
+    background-repeat: no-repeat;
+    border-color: #1A1A1A;
+    border-style: solid none none none;
+    border-width: thin;
+    color: white;
+    display: block;
+    line-height: 55px;
+    padding: 0px 10px;
+    text-align: left;
+    text-decoration: none;
+}
+
+.navbar-menu-item:active,
+.navbar-menu-item:focus,
+.navbar-menu-item:hover,
+.navbar-menu-item-active:link,
+.navbar-menu-item-active:visited {
+    color: #F4BB15;
+}
+
+.navbar-submenu .navbar-menu-item:link,
+.navbar-submenu .navbar-menu-item:visited {
+    background-color: #434343;
+    padding: 0px 25px;
+}
+
+.navbar-menu-btn:link,
+.navbar-menu-btn:visited {
+    background-image: url("../img/menu-btn-bg.png");
+    background-position: bottom;
+    background-repeat: no-repeat;
+    border-style: none;
+    display: block;
+    height: 55px;
+    position: absolute;
+    right: 10px;
+    top: 0px;
+    width: 55px;
+}
+
+.navbar-menu-btn:active,
+.navbar-menu-btn:focus,
+.navbar-menu-btn:hover {
+    background-image: url("../img/menu-btn-bg.png");
+    background-position: top;
+}
+
+.hskip {
+    padding-left: 10px;
+}
+
+.hline {
+    display: none;
+}
+
+@media screen and (min-width: 920px) {
+    .navbar {
+       position: relative;
+       overflow: visible;
+    }
+
+    .navbar-menu {
+       display: inline-block;
+       padding-right: 10px;
+        position: absolute;
+        right: 0px;
+    }
+
+    .navbar-menu > ul > li {
+       display: inline-block;
+       line-height: 55px;
+    }
+
+    .navbar-menu-item:link,
+    .navbar-menu-item:visited {
+        background-image: none;
+        border-style: none;
+        display: inline-block;
+        margin: 0px 2px;
+        text-align: center;
+    }
+
+    a.navbar-menu-item:active,
+    a.navbar-menu-item:focus,
+    a.navbar-menu-item:hover,
+    a.navbar-menu-item-active:link,
+    a.navbar-menu-item-active:visited {
+       background-image: url("../img/menu-item-active-bg.png");
+       background-position: bottom center;
+       background-repeat: no-repeat;
+    }
+
+    .dropdown {
+       position: relative;
+    }
+
+    .dropdown:hover .navbar-submenu {
+        min-width: 150px;
+        width: max-content;
+        height: auto;
+        overflow: visible;
+    }
+
+    /* This CSS rule is separate from the rule for :hover
+       because :hover should still be applied even when
+       the browser does not support :focus-within. */
+    .navbar-submenu:focus-within {
+        min-width: 150px;
+        width: max-content;
+        height: auto;
+        overflow: visible;
+    }
+
+    .dropdown-btn {
+       background-image: url("../img/dropdown-bg.png");
+       background-position: bottom right;
+       background-repeat: no-repeat;
+        padding: 0px 10px;
+        cursor: pointer;
+        margin: 0px 2px;
+    }
+
+    .dropdown-btn:active,
+    .dropdown-btn:hover {
+        background-image: url("../img/dropdown-bg.png");
+        background-position: top right;
+    }
+
+    .navbar label {
+        cursor: pointer;
+    }
+
+    label[for=all-dropdowns-hidden] {
+        text-shadow: #fff 0px -2px 15px, #fff 0px -2px 10px;
+    }
+
+    .hline {
+        display: block;
+        margin: auto;
+        width: 150px;
+        height: 1px;
+    }
+
+    .navbar-submenu {
+       background-color: transparent;
+        z-index: 10;
+        display: block;
+        overflow: hidden;
+        width: 0;
+        height: 0;
+       padding-top: 20px;
+       position: absolute;
+        right: 0px;
+    }
+
+    .navbar-submenu-triangle {
+       background-color: #333;
+       border-color: black;
+       border-style: solid none none solid;
+       border-width: thin;
+       height: 10px;
+       position: absolute;
+       right: 30px;
+       top: 15px;
+       transform: rotate(45deg);
+       width: 10px;
+    }
+
+    .navbar-submenu > ul {
+       background-color: #333;
+       border-color: black;
+       border-radius: 4px;
+       border-style: solid;
+       border-width: thin;
+       box-shadow: 0 0 4px #202020;
+       padding: 8px 0px;
+    }
+
+    .navbar-submenu li,
+    .navbar-submenu .navbar-menu-item:active,
+    .navbar-submenu .navbar-menu-item:link {
+       background-color: transparent;
+       display: block;
+       line-height: 30px;
+       margin: 0px;
+       text-align: left;
+    }
+
+    .navbar-submenu .navbar-menu-item:link,
+    .navbar-submenu .navbar-menu-item:visited {
+       font-size: 0.9em;
+    }
+
+    .navbar-submenu .navbar-menu-item:active,
+    .navbar-submenu .navbar-menu-item:focus,
+    .navbar-submenu .navbar-menu-item:hover,
+    .navbar-submenu .navbar-menu-item-active:link,
+    .navbar-submenu .navbar-menu-item-active:visited {
+       background-color: #414141;
+       background-image: none;
+    }
+
+    .navbar-menu-btn:link {
+       display: none;
+    }
+}
+
+/* Bits adapted from components.scm.  */
+
+#visible-dropdown:checked ~ #navbar-submenu {
+    min-width: 150px;
+    width: max-content;
+
+    /* reset to initial values: */
+    height: auto;
+    overflow: visible;
+}
+
+label[for=all-dropdowns-hidden] {
+    display: none;
+}
+
+#visible-dropdown:checked ~ label[for=visible-dropdown] {
+    display: none;
+}
diff --git a/website/static/base/img/language-picker.svg 
b/website/static/base/img/language-picker.svg
new file mode 100644
index 0000000..09cf7ad
--- /dev/null
+++ b/website/static/base/img/language-picker.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"; width="20" height="20" viewBox="0 0 20 
20"><title>language</title><g fill="#36c"><path d="M20 18h-1.44a.61.61 0 
01-.4-.12.81.81 0 01-.23-.31L17 15h-5l-1 2.54a.77.77 0 01-.22.3.59.59 0 
01-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 
01-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 
01-2.91-1.41 11.46 11.46 0 002.81-5.37H12V4H7.31a4 4 0 00-.2-.56C6.87 2.79 6.6 
2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 00 [...]