www/server/staging/layout body-include-2.html l...

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/04/07 06:25:35

Modified files:
        server/staging/layout: body-include-2.html layout.css 

Log message:
        More tweaks.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/body-include-2.html?cvsroot=www&r1=1.13&r2=1.14
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/layout.css?cvsroot=www&r1=1.15&r2=1.16

Patches:
Index: body-include-2.html
===================================================================
RCS file: /webcvs/www/www/server/staging/layout/body-include-2.html,v
retrieving revision 1.13
retrieving revision 1.14
diff -u -b -r1.13 -r1.14
--- body-include-2.html 6 Apr 2020 18:59:49 -0000       1.13
+++ body-include-2.html 7 Apr 2020 10:25:34 -0000       1.14
@@ -3,9 +3,8 @@
 <!--#set var="MARK_END" value=" <span class='no-display'>=</span> " -->
 <div style="clear: both"></div>
 <div id="navigation">
-<!-- <a href="#header" class="close"></a> -->
-<a id="more-links" href="#navigation"><span>MAIN MENU 
</span><sup>&hellip;</sup>&nbsp;&#11167;</a>
-<a class="close" href="#header"></a>
+ <a id="more-links" href="#navigation"><span>MAIN MENU 
</span><sup>&hellip;</sup>&nbsp;&#11167;</a>
+ <a id="less-links" href="#tabAboutGNU"></a>
  <ul>
 <!--#if expr="$REQUEST_URI = /^\/gnu\//" -->
   <li id="tabAboutGNU" class="active">

Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/layout/layout.css,v
retrieving revision 1.15
retrieving revision 1.16
diff -u -b -r1.15 -r1.16
--- layout.css  6 Apr 2020 20:20:14 -0000       1.15
+++ layout.css  7 Apr 2020 10:25:34 -0000       1.16
@@ -242,7 +242,6 @@
 /*  HEADER FOR CSS3-UNAWARE BROWSERS  */
 /**************************************/
 
-
 /*** TOP LINKS ***/
 
 .skip, #fsf-frame {
@@ -277,12 +276,12 @@
 
 #switches {
    display: inline-block;
-   line-height: 2em;
+   line-height: 1.7em;
    padding: .3em 0;
 }
 .switch {
    display: inline-block;
-   height: 1.5em;
+   height: 1.7em;
    margin-left: .4em;
 }
 .switch img {
@@ -368,11 +367,11 @@
    background: none;
 }
 
+
 /*****************************************/
 /*  LANGUAGES FOR CSS3-UNAWARE BROWSERS  */
 /*****************************************/
 
-
 #languages {
    font-size: .94em;  /* 15px */
    line-height: 1.2em;
@@ -411,10 +410,19 @@
 /*  MEDIA QUERIES FOR HEADER, NAVBARS & LANGUAGES  */
 /***************************************************/
 
-
 @media (min-width: 0) {
    body { font-size: .94em; }
-   #header { display: block; }
+
+/* Header */
+
+   #header {
+      display: table;
+      width: 94%;
+   }
+   p#gnu-banner, #switches {
+      display: table-cell;
+      vertical-align: middle;
+   }
 
    #gnu-banner .hide { display: none; }
    #gnu-banner {
@@ -427,10 +435,8 @@
       display: inline-block;
       vertical-align: middle;
    }
-   #switches {
-      display: block;
-      padding: 0
-   }
+
+   #switches { padding-left: 1em; }
    .switch { margin: 0 3%; }
 
 /* Display/hide language list */
@@ -488,31 +494,31 @@
 /* Expand/shrink navbar */
 
    #navigation {
-      height: 2.1em;
+      height: 2em;
       overflow: hidden;
    }
+   a#less-links { display: none; }
    a#more-links {
       display: block;
       float: right;
       font-size: 1.3em;
-      line-height: .6em;
+      line-height: .5em;
       padding-bottom: .5em;
       background: #800300;
       margin: 0 .5em 0 1.5em;
    }
    a#more-links sup { font-size: 1.5em; }
    a#more-links span { display: none; }
-   #navigation .close { display: none; }
 
    #navigation:target { height: auto; }
    #navigation:target #more-links { display: none; }
-   #navigation:target .close { display: block; }
-   #navigation .close:after {
+   #navigation:target #less-links { display: block; }
+   #less-links:after {
       content: "\002B9D";
       font-size: 1.3em;
       float: right;
       padding: 0 .4em;
-      margin: 0 .5em 0 1.5em;
+      margin: 0 .2em 0 1.5em;
       cursor: pointer;
       background: #800300;
    }
@@ -521,16 +527,7 @@
 }
 
 @media (min-width: 19.5em) {                         /* 312px */
-   #header {
-      display: table;
-      width: 94%;
-   }
-   p#gnu-banner, #switches {
-      display: table-cell;
-      vertical-align: middle;
-   }
-   p#gnu-banner { font-size: 2.2em; }
-   #switches { padding-top: .3em; padding-left: 1.5em; }
+   #gnu-banner { font-size: 2.2em; }
 }
 
 @media (min-width: 45em) {                           /* 720px */