www/server/staging education.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 19/12/11 11:24:25

Modified files:
        server/staging : education.css 

Log message:
        Margin adjustments, clean up, etc.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/education.css?cvsroot=www&r1=1.11&r2=1.12

Patches:
Index: education.css
===================================================================
RCS file: /webcvs/www/www/server/staging/education.css,v
retrieving revision 1.11
retrieving revision 1.12
diff -u -b -r1.11 -r1.12
--- education.css       10 Dec 2019 16:21:15 -0000      1.11
+++ education.css       11 Dec 2019 16:24:24 -0000      1.12
@@ -3,6 +3,7 @@
 This file is in the public domain. */
 
 /*** Changes to layout.css ***/
+/*   (Links are at the bottom of the page.) */
 
 body {
     border-top: .2em solid #a42e2b;
@@ -59,6 +60,7 @@
    text-decoration: underline;
 }
 
+
 #toplinks {
     float: none;
     width: 94%;
@@ -66,7 +68,7 @@
     line-height: 1.2em;
     font-family: sans-serif;
     text-transform: uppercase;
-    padding: .5em 3% 0;
+    padding: .5em 3%;
     margin: 0;
 }
 
@@ -74,7 +76,7 @@
     display: inline-block;
     text-align: left;
     font-size: inherit;
-    padding: 0 6% .3em 0;
+    padding: 0 6% 0 0;
     margin: 0;
 }
 form.header input[type="text"] {
@@ -108,9 +110,6 @@
     padding: 0;
     margin: 0;
 }
-#page-languages form {
-    display: none;
-}
 #translations {
     display: inline;
     font-size: .9em;
@@ -149,7 +148,8 @@
     background: white;
 }
 
-input#search-button, input#language-button, input#main-menu {
+input#search-button, input#language-button, input#main-menu,
+ #page-languages label, #searcher label, #navigation label {
     display: none;
 }
 #searcher img {
@@ -159,6 +159,7 @@
     display: none;
 }
 
+/* These changes enable hiding the navbar behind a 3-bar menu. */
 #navigation {
     background: none;
 }
@@ -175,39 +176,64 @@
 }
 
 @media (min-width: 0) {
+    #searcher img,  input#search-button {
+        display: none
+    }
+
     #toplinks {
         position: relative;
         display: table;
-        text-align: center;
+        text-align: right;
+        width: 94%;
+        padding: .5em 3%;
     }
-
     #searcher {
         display: table-cell;
-        text-align: center;
-        vertical-align: top;
-        padding: 0 .5em;
+        vertical-align: middle;
+        text-align: left;
+        /* padding: 0 .5em; */
+        padding: 0;
     }
     #skip {
         display: none;
     }
     /*#skip, */#set-language {
         display: table-cell;
-        vertical-align: top;
-    }
-    #skip {
-        padding-right: 0 .5em 0 0;
+        vertical-align: middle;
+        margin: 0;
     }
-    #set-language {
+    /* #skip, */#set-language {
         padding: 0 .5em;
     }
-
     #page-languages {
         position: relative;
-        display: table-cell;
-        padding: 0 0 0 .5em;
+        padding: 0;
+    }
+    #page-languages label {
+        display: block;
+        height: 2.5em;
     }
     #page-languages img {
-        height: 2em; min-height: 2em;
+        display: table-cell;
+        vertical-align: middle;
+        background: tan;
+        height: 2.5em;
+        padding: 0;
+    }
+    #page-languages img:hover {
+        opacity: 0.7;
+        filter: alpha(opacity=70); /* For IE8 and earlier */
+    }
+
+    /* Hide the language list behind an icon. */
+    #translations, #translations p {
+        display: none;
+    }
+    #page-languages input#language-button:checked ~ #translations {
+        display: block;
+    }
+    #page-languages input#language-button:checked ~ #translations p {
+        display: block;
     }
     #translations {
         position: absolute;
@@ -228,30 +254,22 @@
         font-size: inherit;
         font-weight: normal;
     }
+}
 
-    input#search-button, input#language-button {
-        display: none;
-    }
-    #page-languages img {
-        display: inline;
-    }
-    #searcher img {
-        display: none
-    }
-    #translations {
-        display: none;
+@media (max-width: 40em) {
+    #toplinks {
+        padding: .3em 3%;
     }
-    #page-languages input#language-button:checked ~ #translations {
+    #searcher label {
         display: block;
     }
-}
-
-@media (max-width: 40em) {
     #searcher img {
+        display: table-cell;
         position: relative;
-        display: inline;
-        height: 1.9em; min-height: 1.9em;
+        height: 1.7em; min-height: 1.7em;
     }
+
+    /* Hide the searcher behind an icon. */
     #searcher form {
         display: none;
     }
@@ -269,6 +287,7 @@
     body { font-size: .9em; }
     #gnu-banner span { display: none; }
 
+    /* Hide the navbar behind a 3-bar menu. */
     #header {
         position: relative;
         border-bottom: .1em solid #a42e2b;
@@ -284,6 +303,9 @@
     .clear-nav {
         clear: both;
     }
+    #navigation label {
+        display: inline;
+    }
     #navigation img {
         display: inline;
         float: right;
@@ -300,16 +322,15 @@
     #navigation input#main-menu:checked ~ .clear-nav {
         clear: none;
     }
-    #header {
-    }
 }
 
 @media (min-width: 60em) {
     #toplinks {
         width: 60%;
-        padding: .5em 20% 0;
+        padding: .5em 20%;
     }
 }
+/* End space-savers */
 
 
 /*** From graphics.css ***/