www side-menu.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/05/31 00:30:11

Added files:
        .              : side-menu.css 

Log message:
        Add side-menu stylesheet.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/side-menu.css?cvsroot=www&rev=1.1

Patches:
Index: side-menu.css
===================================================================
RCS file: side-menu.css
diff -N side-menu.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ side-menu.css       31 May 2020 04:30:11 -0000      1.1
@@ -0,0 +1,130 @@
+/* Stylesheet for the section menus of https://www.gnu.org,
+created November 27, 2019; last modified May 9, 2020.
+This file is in the public domain. */
+
+
+/*******************************/
+/*  For CSS3-unaware browsers  */
+/*******************************/
+
+#content, .reduced-width {
+   padding-bottom: 0;
+   margin-top: 0;
+   margin-bottom: 0;
+} 
+#last-div { padding-bottom: 2em; }
+
+#side-menu-button {
+   display: inline-block;
+   height: 1.6em;
+   margin: 0 1em .3em -.1em;;
+   text-decoration: none;
+}
+#side-menu-icon {
+   vertical-align: bottom;
+   padding: .05em;
+}
+#navlinks {
+   display: block;
+   padding: .6em 3.2% 1.5em;
+   margin: 0 -3.2%;
+   background: #fffdf5;
+   border-top: 3px solid #ddd;
+}
+#navlinks .reduced-width { width: 30em; }
+
+#navlinks h3 {
+   font-size: 1.06em;
+   padding: 0 .6em;
+   padding: 0 .6rem;
+   margin: .7em 0;
+}
+#navlinks dl, #navlinks > ul {
+   font-size: .94em;
+   line-height: 1.2em;
+}
+#navlinks dl {
+   margin: .7em 0 0;
+}
+#navlinks ul {
+   margin: 0 0 0 1.5em;
+   border-left: 1px solid #999;
+}
+#navlinks dl dt, #navlinks dl dd, #navlinks li {
+   margin: .2em 0;
+}
+#navlinks li { list-style: none; }
+#navlinks ul.inline-list li { display: inline-block; }
+#navlinks dl a {
+   display: inline-block;
+   line-height: 1.2em;
+   padding: .25em .5em;
+   padding: .25em .5rem;
+}
+#navlinks dl dt.nolink {
+   padding: .25em .6em;
+   padding: .25em .6rem;
+}
+
+
+/*******************/
+/*  Media queries  */
+/*******************/
+
+@media (min-width: 57em) {
+   #content {
+       position: relative;
+       margin-left: 14.1rem;
+   }
+   #navlinks {
+      position: absolute;
+      top: 0; right: 100%;
+      display: inline-block;
+      width: 14rem;
+      height: 100%;
+      overflow: auto;
+      padding: 0;
+      margin: 0;
+      border-top: none;
+      border-right: .1em solid #bbb;
+   }
+   #navlinks h3 {
+      text-align: center;
+      margin: 1em 0 .45em;
+   }
+   #navlinks ul.inline-list li, #navlinks dl a { display: block; }
+   #navlinks .backtotop { display: none; }
+   #navlinks dt a { padding-left: 1.1rem; }
+   #navlinks dl dt.nolink  { padding-left: 1.2rem; }
+   a#side-menu-button { display: none; }
+}
+@media (min-width: 60em) {
+   #content {
+       position: relative;
+       margin-left: 17.1rem;
+   }
+   #navlinks { width: 17rem; }
+}
+
+/***********/
+/*  Style  */
+/***********/
+
+#navlinks a[href]:link,
+#navlinks a[href]:visited {
+   color: #049;
+   text-decoration: none;
+}
+#navlinks li.current > a[href],
+#navlinks li.current > a[href]:hover,
+#navlinks dt.current   a[href],
+#navlinks dt.current   a[href]:hover {
+   font-style: italic;
+   color: #333;
+   background: #e7f2e2;
+}
+#navlinks, #navlinks a[href] {
+   font-family: "Noto Sans Display", "Noto Sans", "Liberation Sans",
+                sans-serif;
+}
+a#side-menu-button[href] img { background: none; }