[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
branch master updated: website: Add 'manual.css' and language picker ima
From: |
Ludovic Courtès |
Subject: |
branch master updated: website: Add 'manual.css' and language picker image. |
Date: |
Tue, 18 Jan 2022 16:27:10 -0500 |
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 [...]
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- branch master updated: website: Add 'manual.css' and language picker image.,
Ludovic Courtès <=