www layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/09/29 07:16:42

Modified files:
        .              : layout.css 

Log message:
        Header
        
        - #fsf-support: suppressed below 40em, centered under #gnu-banner
          otherwise. Comment out display until translations of the
          new version of body-include-2 have been regenerated.
        - #fsf-frame: suppressed below 60em.
        - #gnu-banner: centered below 60em, float left otherwise.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/layout.css?cvsroot=www&r1=1.220&r2=1.221

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.220
retrieving revision 1.221
diff -u -b -r1.220 -r1.221
--- layout.css  29 Sep 2016 07:11:36 -0000      1.220
+++ layout.css  29 Sep 2016 07:16:41 -0000      1.221
@@ -794,82 +794,84 @@
 }
 
 
+/*** HEADER ***/
+
+#header a { text-decoration: none; }
+
 /** FSF frame **/
 
+#fssbox, #join-fsf { display: none; }
+
 #fsf-frame {
    float: right;
    font-size: .9em;
    text-align: center;
    line-height: 1.3em;
-   width: auto;
-   padding: 0;
-   margin: 1em 0;
+   margin: .8em 0;
 }
-#fsf-frame a, #fsf-frame a:visited {
-   font-size: 1.1em;
-   font-weight: bold;
-   text-decoration: none;
-}
-#fsf-frame p { padding: 0; margin: 0; }
-#fsf-frame hr { display: none; }
+#fsf-frame p { margin: 0; }
 
-#join-fsf {
-   padding: .4em 0;
-}
 #join-fsf a, #join-fsf a:visited {
-   padding: .3em 1em;
+   display: inline-block;
    color: #971611;
    background: #e7e9eb;
 }
-
 #fssbox {
    padding: 0;
-   margin-top: 1.3em;
+   margin-top: 1em;
 }
 #fssbox a, #fssbox a:visited {
+   font-weight: bold;
    color: #334683;
 }
 #fssbox form p { margin-top: .2em; }
-#fssbox input {
-   font-weight: bold;
-}
-#fsf-frame a:hover { color: #777; }
 
+#fsf-frame a:hover { color: #777; }
 
 /** GNU banner **/
 
 #gnu-banner {
-   font-size: 1.8em;
-   font-weight: bold;
-   line-height: 1.3em;
-   padding-top: 1.1em;
+   font-size: 2em;
+   font-family: "FreeSans", sans-serif;
+   line-height: 1.2em;
+   text-align: center;
+   padding: .3em 0 .7em;
 }
 #gnu-banner img {
-   float: left;
-   height: 2.4em;
-   margin: 0 .15em;
-   position: relative; bottom: .4em;
-}
-#gnu-banner a {
-   color: #334683; text-decoration: none;
-}
-#gnu-banner a strong {
-   font-size: 1.4em;
-   color: #971611;
+   height: 1.7em;
+   vertical-align: bottom;
+   position: relative; top: .15em;
+   margin-right: .15em;
 }
+#gnu-banner a { color: #334683; }
+#gnu-banner a strong { color: #971611; }
+
+/* FSF support */
+#fsf-support { display: none; }
+
 #fsf-support {
-   font-size: .9em;
-   font-weight: bold;
+   font-size: .45em;
    font-style: italic;
-   padding: .5em 0;
-   margin: 0;
+   margin: .7em 0 0;
+   color: #555;
+}
+#fsf-support a, #fsf-support a:visited {
+   font-weight: bold;
    color: #555;
+   text-decoration: underline;
+}
+#fsf-support a:hover {
+   color: black;
+   text-decoration: none;
 }
-#fsf-support a, #fsf-support a:visited { color: #555; }
-#fsf-support a:hover { color: black; }
 
address@hidden (max-width: 40em) {
-   #gnu-banner { clear: both }
address@hidden (min-width: 40em) {
+/*   #fsf-support { display: block; } */
+   #gnu-banner { padding-bottom: .5em; }
+}
address@hidden (min-width: 60em) {
+   #gnu-banner { float: left; }
+   #fssbox, #join-fsf { display: block; }
 }