www layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 21/02/01 09:21:11

Modified files:
        .              : layout.css 

Log message:
        * address.byline: italic (default in most browsers);
        * div#outdated: display <p> inline (easier to hide part of the text
          on narrow screens);
        * about-dir & about-page: remove (unused);
        * column-limit: a little bit wider;
        * highlight-para, emph-box & lyrics: simplify.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.276
retrieving revision 1.277
diff -u -b -r1.276 -r1.277
--- layout.css  1 Feb 2021 10:08:32 -0000       1.276
+++ layout.css  1 Feb 2021 14:21:11 -0000       1.277
@@ -522,6 +522,7 @@
 address.byline {
    font-size: 1.06em;
    font-size: 1.06rem;  /* 17px */
+   font-style: italic;
    margin-bottom: 1.5em;
 }
 
@@ -579,6 +580,7 @@
    margin: 1.5em 0;
 }
 
+
 /** Translations **/
 
 /* For the note saying the page is a translation */
@@ -600,22 +602,23 @@
 /* For outdated translations */
 #outdated {
    clear: both;
-   width: 46.6em;
-   max-width: 100%;
+   font-size: .94em;  /* 15px */
+   width: 48.6em;
+   max-width: 90%;
    text-align: center;
+   padding: .3em .5em .5em;
+   border: .2em solid #fc7;
    margin: .8em auto;
 }
 #outdated p {
-   font-size: .94em;  /* 15px */
-   padding: .5em;
-   border: .2em solid #fc7;
+   display: inline;
    margin: 0;
    color: black;
 }
 
-#outdated span.hide { display: none; }
-@media (min-width: 45em) {
-   #outdated span.hide { display: inline; }
+#outdated p.hide { display: none; }
+@media (min-width: 50em) {
+   #outdated p.hide { display: inline; }
 }
 
 
@@ -648,13 +651,6 @@
 .edu-cases h3 { font-size: 1.3em; }          /* 22 px */
 
 
-/** Introduction of malware pages **/
-
-.about-dir { color: #444; }
-.about-page { font-style: italic; }
-.about-dir p, .about-page p { margin: .5em 0; }
-
-
 /***********************/
 /*  MISSION STATEMENT  */
 /***********************/
@@ -717,7 +713,7 @@
 small { font-size: .875em; }  /* 16px -> 14px */
 strong { font-weight: bold; }
 em, cite, var { font-style: italic; }
-em i, em cite, cite i, cite em { font-style: normal; }
+em i, em cite, cite i, cite em, i em, i cite, i i { font-style: normal; }
 acronym, abbr {
    text-decoration: none;
    border-bottom: 1px dotted #000;
@@ -739,7 +735,6 @@
 /*  BASIC CLASSES  */
 /*******************/
 
-i em, i cite, i i { font-style: normal; }
 .center, .c { text-align: center; }
 .nocenter { text-align: left; }
 .right-align { text-align: right; margin: 2em 0 2em 10%; }
@@ -936,7 +931,7 @@
 /* Can be applied to div or hr. */
 .column-limit {
    height: .4em;
-   width: 10%; min-width: 5em;
+   width: 15%; min-width: 7em;
    margin: 2em auto;
    border: none;
    background: #bbb; /* default */
@@ -991,6 +986,7 @@
 }
 
 
+
 /*====================================================================*/
 /*                      IMAGES & EMPHASIZED TEXT                      */
 /*====================================================================*/
@@ -1000,7 +996,6 @@
 /*  IMAGES  */
 /************/
 
-/* This removes the extended background below images. */
 img { vertical-align: top; }
 
 .imgright, .imgleft { max-width: 100%; }
@@ -1048,11 +1043,9 @@
 
 /* NetSurf collapses the bottom border of the last element with that of
    its parent div, even when the div has a padding or border.
-   To fix this, strip the bottom margin of <p> and <pre>. If another
-   element comes last, it may need a special clause. */
-div.highlight-para p, div.highlight-para pre, div.highlight-para ul,
-div.emph-box p, div.emph-box  pre, div.emph-box  ul,
- .lyrics p { margin-bottom: 0; }
+   To get consistent results, strip the bottom margin of the last child. */
+div.highlight-para > *:last-child, div.emph-box > *:last-child,
+.lyrics > *:last-child { margin-bottom: 0; }
 
 div.highlight-para > h3, div.emph-box > h3 { margin-top: .7em; }