www layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 21/04/26 06:44:57

Modified files:
        .              : layout.css 

Log message:
        Update the stylesheet table of contents;
        add an overview of text classes.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.289
retrieving revision 1.290
diff -u -b -r1.289 -r1.290
--- layout.css  26 Apr 2021 10:34:22 -0000      1.289
+++ layout.css  26 Apr 2021 10:44:56 -0000      1.290
@@ -82,7 +82,7 @@
 
 /* TABLE OF CONTENTS
 
-   * PAGE STRUCTURE
+   * MAIN DIVS & CONSTANT FEATURES
      - html, body, .inner
      - header for CSS3-unaware browsers
          #gnu-banner
@@ -111,12 +111,12 @@
      - tables
 
    * IMAGES & EMPHASIZED TEXT
-     - images
-     - text with no background or border
-     - text with background (layout, style)
-     - text with left border (layout, style)
-     - notes (layout, style)
-     - table of contents: toc, summary & toc-inline
+     - images (imgleft/imgright, pict)
+     - text with no background or border (comment)
+     - text with background and/or border (emph-box, highlight-para,
+       highlight, lyrics, announcement, important)
+     - notes (note & edu-note)
+     - table of contents (toc, summary & toc-inline)
      - media queries for note & summary
 
    * INTERACTIVE ELEMENTS
@@ -126,6 +126,35 @@
    * FONT FAMILY
 */
 
+/*  OVERVIEW OF TEXT CLASSES
+ ____________________________________________________________________________
+|                |                                                           |
+|     Class      | Applies to   Background     Border    Width   Floats on   |
+|                |                                              wide screens |
+|________________|___________________________________________________________|
+|                                                                            |
+| ** General use                                                             |
+| emph-box       |  div p pre   light gray    complete     -         -       |
+| important      |    block         -       left, orange   -         -       |
+| highlight      |    p span      orange         -         -         -       |
+|----------------------------------------------------------------------------|
+| ** Special parts of the article                                            |
+| comment        |    block         -            -         -         -       |
+| lyrics         |     id.      light gray    complete     -         -       |
+|----------------------------------------------------------------------------|
+| ** Asides                                                                  |
+| highlight-para |    div p       orange    top & bottom   -         -       |
+| announcement   |    block         -       left, green    -         -       |
+| note           | div blockquote   -          green       +         +       |
+| edu-note       |     id.          -          green       +         -       |
+|----------------------------------------------------------------------------|
+| ** Tables of contents                                                      |
+| toc            |     div      light gray       -         +         -       |
+| summary        |     div      light gray       -         +         +       |
+| toc-inline     |     div            button-like          -         -       |
+|____________________________________________________________________________|
+*/
+
 
 
 /*====================================================================*/