www layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 21/04/24 02:52:04

Modified files:
        .              : layout.css 

Log message:
        Minor fixes:
        - images: define both height and width;
        - #fsf-frame: fix a typo;
        - page header: slightly increase padding on wide screens;
        - trans-disclaimer: remove useless definition;
        - outdated notice: left-align (RT #1656473); adjust padding;
        - headings of infobox, footnotes & translators notes: slightly less 
obtrusive;
        - #fssbox: define height of text input to minimize changes across 
browsers;
        - backtotop: move down slightly;
        - form: same font for label, input, etc.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.283
retrieving revision 1.284
diff -u -b -r1.283 -r1.284
--- layout.css  23 Apr 2021 20:43:55 -0000      1.283
+++ layout.css  24 Apr 2021 06:52:04 -0000      1.284
@@ -349,7 +349,7 @@
       font-size: 2em;  /* 30px */
       margin: 0;
    }
-   #gnu-banner img { height: 1.3em; }
+   #gnu-banner img { height: 1.3em; width: auto; }
    #gnu-banner strong {
       display: inline-block;
       vertical-align: middle;
@@ -454,6 +454,7 @@
 @media (min-width: 45em) {                           /* 720px */
    body { font-size: 1em; }
 
+   #header { padding-top: .3em; }
    p#gnu-banner { line-height: .7em; }
    #gnu-banner .hide {
       display: inline-block;
@@ -476,7 +477,7 @@
       position: static;
       font-size: .875em; /* 14px */
       width: 94%;
-      padding: .3em 3%;;
+      padding: .3em 3%;
       background: #f1f1f1;
    }
    #fssbox { margin: 0; }
@@ -490,7 +491,8 @@
       margin: 0 0 0 2em;
    }
 
-   #languages { margin-top: 8em; }
+   #header { padding-top: .5em; }
+   #languages { margin-top: 8.5em; }
 }
 
 
@@ -513,7 +515,7 @@
    margin: .5em 1.5em 0 0;
 }
 .breadcrumb img {
-   height: 1.4em;
+   height: 1.4em; width: auto;
    padding: 0;
 }
 
@@ -593,21 +595,17 @@
    top: .4em;
    margin: .2em 0 0;
 }
-@media (max-width: 34em) {
-   .nav ~ .trans-disclaimer {
-      float: right;
-      text-align: right;
-   }
+@media (max-width: 30em) {
+   .nav ~ .trans-disclaimer { text-align: right; }
 }
 
 /* For outdated translations */
 #outdated {
    clear: both;
    font-size: .94em;  /* 15px */
-   width: 48.6em;
-   max-width: 90%;
-   text-align: center;
-   padding: .3em .5em .5em;
+   width: 48em;
+   max-width: 85%;
+   padding: .5em .8em .7em;
    border: .2em solid #fc7;
    margin: .8em auto;
 }
@@ -622,7 +620,6 @@
    #outdated p.hide { display: inline; }
 }
 
-
 /* For translators notes */
 .translators-notes {
    font-size: 1rem;
@@ -790,12 +787,13 @@
 }
 
 .infobox h3, h3.footnote {
-   font-size: 1.25em;
-   font-size: 1.25rem;  /* 20px */
+   font-size: 1.19em;
+   font-size: 1.19rem;  /* 19px */
    margin-top: 1.2em;
 }
 .translators-notes h3, .translators-notes > b {
-   font-size: 1.25em;  /* 20px */
+   color: #333;
+   font-size: 1.19em;  /* 19px */
 }
 
 /** BIG SECTION HEADERS **/
@@ -1445,6 +1443,7 @@
    line-height: 1.1em;
    padding: .4em .6em;
 }
+#fssbox input[type="text"] { height: 1.1em; }
 #fssbox input[type="submit"], .button a {
    font-weight: bold;
    margin: 0;
@@ -1460,7 +1459,7 @@
 
 .backtotop a {
    float: right;
-   position: relative; bottom: 1.2em;
+   position: relative; bottom: 1em;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
@@ -1553,7 +1552,7 @@
 
 a[href] { font-family: sans-serif; }
  
-#fsf-frame a[href], #fssbox label, .button a[href],
+#fsf-frame a[href], form, .button a[href],
 #header a[href], #fsf-support, #languages, #languages a[href],
 .breadcrumb, .breadcrumb a, .trans-disclaimer, .trans-disclaimer a[href],
 #outdated, #outdated a[href] {