www layout.css

[Therese Godefroy]

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

Modified files:
        .              : layout.css 

Log message:
        Reorganize.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.284
retrieving revision 1.285
diff -u -b -r1.284 -r1.285
--- layout.css  24 Apr 2021 06:52:04 -0000      1.284
+++ layout.css  24 Apr 2021 06:56:14 -0000      1.285
@@ -540,23 +540,17 @@
    margin: 1.5em auto;
 }
 
-.columns p.inline-block {
-   display: inline-block;
-   margin: 0;
-}
-.columns > *:first-child { margin-top: 0 }
-.columns > *:last-child { margin-bottom: 0; }
 
-@media (min-width: 55em) {
-   .columns {
-      -webkit-column-count: 2;
-      -webkit-column-gap: 1.5em;
-      -moz-column-count: 2;
-      -moz-column-gap: 1.5em;
-      column-count: 2;
-      column-gap: 1.5em;
-   }
+/** Back links **/
+/* ('forward' would be more appropriate) */
+
+.back {
+   line-height: 1.7em;
+   text-align: right;
+   font-weight: bold;
+   margin: 2em 2%;
 }
+.back a { display: inline-block; }
 
 
 /** Metadata, notes, etc. **/
@@ -584,6 +578,13 @@
 }
 
 
+/* Note about Free Software Free Society */
+blockquote#fsfs p {
+   padding: .3em 0;
+   font-size: 1.2em;
+}
+
+
 /** Translations **/
 
 /* For the note saying the page is a translation */
@@ -831,6 +832,12 @@
    line-height: 1.2em;
 }
 
+/* Anchor - This is used in pages of lists, such as gnu-linux.faq.html,
+   to give readers a hint that they can link directly to a given item.
+   We make it less obtrusive than the item heading it follows.  */
+.anchor-reference-id { font-weight: normal; font-size: .8125em; } /* 13px */
+
+
 /** HEADERS ON NARROW SCREENS **/
 
 @media (max-width: 30em) {    /* 480 px - 1em = 15px */
@@ -1008,6 +1015,29 @@
 }
 
 
+/*************/
+/*  COLUMNS  */
+/*************/
+
+.columns p.inline-block {
+   display: inline-block;
+   margin: 0;
+}
+.columns > *:first-child { margin-top: 0 }
+.columns > *:last-child { margin-bottom: 0; }
+
+@media (min-width: 55em) {
+   .columns {
+      -webkit-column-count: 2;
+      -webkit-column-gap: 1.5em;
+      -moz-column-count: 2;
+      -moz-column-gap: 1.5em;
+      column-count: 2;
+      column-gap: 1.5em;
+   }
+}
+
+
 
 /*====================================================================*/
 /*                      IMAGES & EMPHASIZED TEXT                      */
@@ -1071,6 +1101,21 @@
 }
 
 
+/***************************************/
+/*  TEXT WITH NO BACKGROUND OR BORDER  */
+/***************************************/
+
+/* For comments within or at the beginning of an article. Can be used
+   with .important. */
+.comment {
+   font-style: italic;
+   margin: 2em 6%;
+}
+@media (max-width: 30em) {
+   .comment { margin: 1.5em 3%; }
+}
+
+
 /**************************/
 /*  TEXT WITH BACKGROUND  */
 /**************************/
@@ -1165,27 +1210,6 @@
 .important    { border-left: .4em solid #fc7; }
 
 
-/***************************************/
-/*  TEXT WITH NO BACKGROUND OR BORDER  */
-/***************************************/
-
-/* For comments within or at the beginning of an article. Can be used
-   with .important. */
-.comment {
-   font-style: italic;
-   margin: 2em 6%;
-}
-@media (max-width: 30em) {
-   .comment { margin: 1.5em 3%; }
-}
-
-/* Note about Free Software Free Society */
-blockquote#fsfs p {
-  padding: .3em 0;
-  font-size: 1.2em;
-}
-
-
 /***********/
 /*  NOTES  */
 /***********/
@@ -1335,24 +1359,6 @@
 /*  LINKS  */
 /***********/
 
-/** SPECIAL LINKS **/
-
-.back {
-   line-height: 1.7em;
-   text-align: right;
-   font-weight: bold;
-   margin: 2em 2%;
-}
-.back a { display: inline-block; }
-
-/* Anchor - This is used in pages of lists, such as gnu-linux.faq.html,
-   to give readers a hint that they can link directly to a given item.
-   We make it less obtrusive than the item heading it follows.  */
-.anchor-reference-id { font-weight: normal; font-size: .8125em; } /* 13px */
-
-
-/** STYLE **/
-
 /* Inline links */
 
 a[href]:link {