www/server/staging/readability layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/11/03 10:10:00

Modified files:
        server/staging/readability: layout.css 

Log message:
        increase line-height everywhere, adjust colors for hr and borders, 
define .byline and .reduced-width, rename .sub to .subheader, adjust margins.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/readability/layout.css?cvsroot=www&r1=1.4&r2=1.5

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/readability/layout.css,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -b -r1.4 -r1.5
--- layout.css  21 Oct 2016 13:09:01 -0000      1.4
+++ layout.css  3 Nov 2016 10:09:59 -0000       1.5
@@ -49,7 +49,8 @@
 
 Backgrounds
    #999     hr
-   #d4d4d4  #fsf-links, #searcher, hr.thin
+   #bbb     .column-limit
+   #d4d4d4  #fsf-links, #searcher
    #e4e4e4  html
    #eee     #edu-navigation, submit, #join-fsf
    #f3f3f3  .announcement gradient
@@ -66,9 +67,10 @@
 
 Borders
    black, #111, #333, #666: tables
-   #bbb     body
+   #999     #outdated 
+   #bbb     body, .subheader
    #ccc     unfocused inputs, footer, #join-fsf
-   #d4d4d4  #translations, #outdated
+   #d4d4d4  #translations
    #ddd     emph-box, lyrics
 
    #3465a4  .edu-cases
@@ -200,7 +202,7 @@
 
 /** Size and positioning **/
 
-p, pre, li, dt, dd, code, address { line-height: 1.3em; }
+p, pre, li, dt, dd, code, address { line-height: 1.5em; }
 
 /* These headers are appropriate for templated pages with div#content, but
    generally too big for a few non-templated pages that use layout.css.
@@ -242,7 +244,7 @@
 
 /* The default color (black) is too dark for large text in
    bold font. */
-h1, h2, h3, h4 { color: #333; }
+h3, h4 { color: #333; }
 h5, h6, dt { color: #222; }
 
 a[href] { color: #004caa; }
@@ -528,7 +530,7 @@
    padding: .4em 0;
    margin: .8em 0;
    color: #a42e2b;
-   border-bottom: 1px solid #bbb;
+   border-bottom: 1px solid #999;
 }
 #outdated p { margin: .2em 0; }
 
@@ -812,10 +814,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;
@@ -950,33 +954,31 @@
 
 #content { margin-bottom: 2.5em; }
 
+p.byline {
+   font-size: 1.1em;
+   margin: 1.8em 0;
+}
 .article { font-size: 1.1em; }
-
-.article p, .article li, .article dt,
- .article dd, .article h3, .article h4 {
+.article h3 { font-size: 1.4em; }
+.article h3, .article h4 {
    line-height: 1.5em;
+   margin-top: 1.3em;
 }
-.article h3 { font-size: 1.4em; margin-top: 1.3em; }
-
-.sub { border-bottom: 1px solid #bbb; }
-
-.columns { margin: 0 0 1.7em; }
-
-.columns p { margin-bottom: 0; }
-
-dd.columns { margin-left: 3%; margin-right: 3%; }
+h3.subheader { border-bottom: 1px solid #bbb; }
 
+.columns p.inline-block {
+   vertical-align: top;
+   margin: 0;
+}
 .column-limit {
    height: .4em;
    width: 10%;
-   margin: 2em auto;
+   margin: 1.5em auto;
    background: #bbb;
    background-image: linear-gradient(to right, white, #bbb, white);
 }
 
address@hidden (min-width: 48em) {
-   .article { text-align: justify; }
-   .article .center { text-align: center; }
address@hidden (min-width: 50em) {
    .columns {
       -webkit-column-count: 2;
       -webkit-column-gap: 1.5em;
@@ -985,7 +987,12 @@
       column-count: 2;
       column-gap: 1.5em;
    }
-   .columns > *:first-child { margin-top: 0; }
+   .columns > *:first-child { margin-top: 0 }
+   .columns > *:last-child { margin-bottom: 0; }
+   .reduced-width {
+      width: 42.5em;
+      margin: 1.5em auto;
+   }
 }