www layout.css

[Therese Godefroy]

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

Modified files:
        .              : layout.css 

Log message:
        (RT #1136553) Separators: define hr.thin and .column-limit; rearrange 
hr definitions; redefine bottom border of .outdated to match hr.thin; update 
color list. Translators'notes: use same font size and line height as in normal 
text, 'thin' hr style.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.227
retrieving revision 1.228
diff -u -b -r1.227 -r1.228
--- layout.css  6 Nov 2016 19:36:26 -0000       1.227
+++ layout.css  6 Nov 2016 19:48:02 -0000       1.228
@@ -49,6 +49,7 @@
 
 Backgrounds
    #999     hr
+   #bbb     .column-limit
    #d4d4d4  #fsf-links, #searcher
    #e4e4e4  html
    #eee     #edu-navigation, submit, #join-fsf
@@ -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
@@ -251,10 +253,6 @@
    color: #100070;
    text-decoration: none;
 }
-hr {
-   color: #999;
-   background-color: #999;
-}
 
 ul li { list-style: square; }
 ul ul li, ol ul li { list-style: circle; }
@@ -282,13 +280,23 @@
 .no-display { display: none; }
 
 
-/*** SEPARATOR ***/
+/*** SEPARATORS ***/
 
+hr {
+   display: block;
+   margin: 1.2em 0;
+   color: #999;
+   background: #999;
+}
 /* For license-list.html, but could be used elsewhere. */
 hr.separator {
-   display: block;
    height: .3em;
-   margin-bottom: 1.2em;
+   border: none;
+}
+hr.thin {
+   clear: both;
+   height: 1px;
+   margin: 1.7em 0;
    border: none;
 }
 
@@ -517,17 +525,21 @@
    padding: .4em 0;
    margin: .8em 0;
    color: #a42e2b;
-   border-bottom: .2em solid #d4d4d4;
+   border-bottom: 1px solid #999;
 }
 #outdated p { margin: .2em 0; }
 
 /* For translators notes */
 .translators-notes {
    clear: left;
-   font-size: .9em;
+   line-height: 1.5em;
    margin-top: 2em;
 }
-.translators-notes hr { margin-bottom: 1em; }
+.translators-notes hr {
+   height: 1px;
+   margin: 1.7em 0 1.2em;
+   border: none;
+}
 .translators-notes ol li { margin: .5em 1.1em; }
 
 
@@ -943,6 +955,13 @@
    vertical-align: top;
    margin: 0;
 }
+.column-limit {
+   height: .4em;
+   width: 10%;
+   margin: 1.5em auto;
+   background: #bbb;
+   background-image: linear-gradient(to right, white, #bbb, white);
+}
 
 @media (min-width: 53em) {
    .columns {