www layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/11/06 19:29:19

Modified files:
        .              : layout.css 

Log message:
        (RT #1136553 - Readability) Increase line-height in content and 
footer-text; increase top margins of h3, h4 and floating stuff accordingly; 
separate pre from slider. Clean up: redefine address, simplify max-width for 
.note.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.225
retrieving revision 1.226
diff -u -b -r1.225 -r1.226
--- layout.css  5 Nov 2016 18:28:30 -0000       1.225
+++ layout.css  6 Nov 2016 19:29:19 -0000       1.226
@@ -200,17 +200,21 @@
 
 /** Size and positioning **/
 
-p, pre, li, dt, dd, code, address { line-height: 1.3em; }
+p, pre, li, dt, dd { line-height: 1.5em; }
+address { line-height: 1.3em; }
 
 h1 { font-size: 2.4em; margin-bottom: 1.1em; }
 h2 { font-size: 2.0em; margin-bottom: 1.1em; }
-h3 { font-size: 1.5em; margin: 1em 0 .80em 0; }
-h4 { font-size: 1.2em; margin: 1em 0 .83em 0; }
+h3 { font-size: 1.5em; margin: 1.2em 0 .80em 0; }
+h4 { font-size: 1.2em; margin: 1.2em 0 .83em 0; }
 h5 { font-size: 1.1em; margin: 1em 0 .91em 0; }
 h6 { margin: 1em 0; }
 
+/* The top margin should be sufficient. The bottom margin is only useful
+   if the following element is an anonymous box. */
 p, pre { margin-top: 1em; }   /* In combo.css: margin-bottom:1em. */
-address { margin-bottom: 1em; }
+pre { padding-bottom: .3em; overflow: auto; }
+address { margin: 1em 0; }
 
 ul, ol, blockquote {
    margin-left: 1.5%; margin-right: 1.5%; /* In combo.css: margin:1em. */
@@ -260,7 +264,6 @@
  em i, em cite, cite i, cite em { font-style: normal; }
 
 acronym, abbr { text-decoration: none; } /* border-bottom in combo.css */
-pre { overflow: auto; }
 
 
 /*** SIMPLE CLASSES ***/
@@ -562,10 +565,7 @@
    margin: 0;
 }
 @media (min-width: 0) {
-   .note {
-      width: 44.7em;
-      max-width: 93%;
-   }
+   .note { max-width: 44.7em; }
 }
 
 
@@ -601,7 +601,7 @@
       float: right;
       width: 20em;
       max-width: 40%;
-      margin: .2em 0 1em 2em;
+      margin: .3em 0 1em 2em;
 /* This keeps an adjacent background (e.g. highlight-para)
    from touching the note or summary. */
       box-shadow: 0 0 0 1em white;
@@ -617,8 +617,8 @@
 
 /*** IMAGES ***/
 
-.imgright { float: right; margin: .2em 0 1em 1.5em; }
-.imgleft  { float: left;  margin: .2em 1.5em 1em 0; }
+.imgright { float: right; margin: .3em 0 1em 1.5em; }
+.imgleft  { float: left;  margin: .3em 1.5em 1em 0; }
 
 /* For pictures with/without legend. */
 .narrow { width: 15em; }
@@ -634,17 +634,17 @@
 
 @media (min-width: 43em) {
    .pict.narrow {
-       float:right; margin: .2em 0 1em 1.5em;
+       float:right; margin: .3em 0 1em 1.5em;
    }
 }
 @media (min-width: 48em) {
    .pict.medium {
-       float:right; margin: .2em 0 1em 1.5em;
+       float:right; margin: .3em 0 1em 1.5em;
    }
 }
 @media (min-width: 55em) {
    .pict.wide {
-       float:right; margin: .2em 0 1em 1.5em;
+       float:right; margin: .3em 0 1em 1.5em;
    }
 }
 
@@ -788,10 +788,12 @@
    float: right;
    font-size: .9em;
    text-align: center;
-   line-height: 1.3em;
    margin: .8em 0;
 }
-#fsf-frame p { margin: 0; }
+#fsf-frame p {
+   line-height: 1.3em;
+   margin: 0;
+}
 
 #join-fsf a, #join-fsf a:visited {
    display: inline-block;
@@ -940,7 +942,7 @@
 #mission-statement img {
    float: left;
    height: 2em;
-   margin: .3em .5em;
+   margin: .5em;
 }
 
 
@@ -952,8 +954,10 @@
    color: #333;
    border-top: 1px solid #ccc;
 }
-#footer p, #bottom-notes { margin: 0; }
-
+#footer p, #bottom-notes {
+   line-height: 1.3em;
+   margin: 0;
+}
 .unprintable { margin-bottom: .7em; }
 
 .translators-credits { margin: .7em 0; }