www layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/09/05 08:04:46

Modified files:
        .              : layout.css 

Log message:
        Remove unused definitions and '*:after', margin/padding adjustments.

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.208
retrieving revision 1.209
diff -u -b -r1.208 -r1.209
--- layout.css  27 Aug 2016 05:37:16 -0000      1.208
+++ layout.css  5 Sep 2016 08:04:45 -0000       1.209
@@ -216,16 +216,18 @@
 
 p, pre { margin-top: 1em; }   /* In combo.css: margin-bottom:1em. */
 address { margin-bottom: 1em; }
-ul, ol, blockquote { margin-left: 1.5%; margin-right: 1.5%; }
 
+ul, ol, blockquote {
+   margin-left: 1.5%; margin-right: 1.5%; /* In combo.css: margin:1em. */
+}
 /* Lists of underlined links are difficult to read. The top margin
    gives a little more spacing between entries. */
-ul li { margin: .5em 1em; }
-ol li { margin: 1em; }
-ol ul li { margin: .5em 1em; }
-ul li p, ul li pre, ul ul li { margin-top: .3em; margin-bottom: .3em; }
-ul ul, ol ul, table ul { margin-top: 0; margin-bottom: 0; }
-table li { margin-top: .2em; margin-bottom: .2em; }
+ol li { margin: 1em 0 0 1em; }
+ul li, ul ol li { margin: .5em 0 0 1em; }
+ul li p, ul li pre, ul ul li, ul li blockquote, table li {
+   margin-top: .3em; margin-bottom: 0;
+}
+ul ul, ol ul, table ul { margin: 0 1.5%; }
 
 /* Separate description lists from preceding text */
 dl { margin: 1.5em 0 0 0; }
@@ -234,9 +236,6 @@
 /* separate the "description" from subsequent list item
    when the final <dd> child is an anonymous box */
 dl dd { margin: 1em 3% 1.5em 3%; }
-/* separate anonymous box (used to be the first element in <dd>)
-   from subsequent <p> */
-dd p { margin-top: 1em; }
 
 small { font-size: .9em; }
 
@@ -274,13 +273,12 @@
 .underline { text-decoration: underline; }
 .nounderline { text-decoration: none; }
 
-.big { font-size: 130%; padding-top: 0.7em; }
+.big { font-size: 1.3em; padding: .3em 0; }
 
 .inline-list li { display: inline }
-/* Found in a few software pages and many manuals. */
 .no-bullet li { list-style: none; }
 
-.netscape4, .no-display { display: none; }
+.no-display { display: none; }
 
 
 /*** SEPARATOR ***/
@@ -327,11 +325,6 @@
 
 /*** BUTTONS ***/
 
-#home .button {
-   text-align: center;
-   font-weight: bold;
-   margin-top: .7em; margin-bottom: .8em;
-}
 .button a, .button a:visited {
    color: #971611;
    text-decoration: none;
@@ -339,13 +332,6 @@
 .button a:hover {
    color: #777;
 }
-.large {
-   width: auto: max-width: 100%;
-   font-size: 2em;
-   padding: .1em;
-   background-color: #e7e9eb;
-   border: .4em solid #c9cccf;
-}
 .small {
    font-size: 1.6em;
    background-color: #e7e9eb;
@@ -362,7 +348,7 @@
    -webkit-border-radius: .3em;
    -opera-border-radius: .3em;
 }
-#home .button, #join-fsf a, #join-fsf a:visited, #fssbox input[type="submit"] {
+#join-fsf a, #fssbox input[type="submit"] {
    box-shadow: 0 .15em #171d33;
    -moz-box-shadow: 0 .15em #171d33;
    -webkit-box-shadow: 0 .15em #171d33;
@@ -493,7 +479,7 @@
    border-bottom: .3em solid #333;
 }
 #urgent a, #urgent a:visited {
-   color: blue; text-decoration: underline;
+   color: blue;
 }
 #urgent a:hover { color: #777; }
 
@@ -524,8 +510,12 @@
 #outdated a:hover { color: #777; }
 
 /* For translators notes */
-.translators-notes { font-size: .9em; }
-.translators-notes hr { margin-top: 1.65em; }
+.translators-notes {
+   clear: left;
+   font-size: .9em;
+   margin-top: 2em;
+}
+.translators-notes hr { margin-bottom: 1em; }
 .translators-notes ol li { margin: .5em 1.1em; }
 
 
@@ -623,7 +613,7 @@
 .stx table th {
    background: #fff898;
    color: black;
-   font-weight: bold !important;
+   font-weight: bold
    border: 1px solid #666666;
    font-weight: normal;
    padding: .7em;
@@ -632,7 +622,7 @@
 .listing td a { display: block; }
 .listing .top {
    border-top: 1px solid #666666;
-   text-align: right ! important;
+   text-align: right
    padding: 0em 0em 1em 0em;
 }
 
@@ -653,19 +643,11 @@
    text-align: center;
    line-height: 1.3em
 }
-
-.listing a:hover {
-   text-decoration: underline;
-}
-
 .listing img {
    vertical-align: middle;
 }
-
-.listing { width: 100%; }
-
-/* For wide tables, e.g. in doc/other-free-books.html */
-table.listing {
+.listing {
+   width: 100%;
    display: block;
    overflow: auto;
    padding: .1em;
@@ -678,11 +660,11 @@
 #toplinks {
    float: left;
    /* For NetSurf 1.2, and maybe a few other browsers. */
-   padding: .5em 2em .3em 2em;
+   padding: .5em 2em .3em;
 }
 /* For standard browsers. */
address@hidden (max-width: 500em) {
-   #toplinks { padding: .5em 3% .3em 3%; }
address@hidden (min-width: 0) {
+   #toplinks { padding: .5em 3% .3em; }
 }
 #toplinks a, #toplinks a:visited {
    white-space: nowrap;
@@ -690,7 +672,8 @@
    display: inline-block;
    font-weight: bold;
    font-size: .9em;
-   color: #404040; text-decoration: none;
+   color: #404040;
+   text-decoration: none;
    margin-right: 1em;
 }
 #toplinks a:hover { color: #777; }
@@ -741,28 +724,6 @@
    color: #777;
 }
 
-/* For translation list below the navigation bar, in
-   s/sather/index.html -  patch sent to the maintainer. */
-#content #translations { display: none; }
-
-/* Still used in software/ */
-#translations h3, #translations h4 {
-   padding-top: .5em;
-   margin: 0 0 .5em 0;
-}
-#translations ul { padding-bottom: 1em; margin: 0 1em; }
-#translations li {
-   direction: ltr; display: inline; white-space: nowrap;
-   margin: 0; padding-right: .5em;
-}
-
-
-/*** HEADER ***/
-
-#header:after {
-   clear: both; content: ""; display: block;
-   height: 0px; visibility: hidden; width: 0px;
-}
 
 /** FSF frame **/
 
@@ -902,12 +863,7 @@
 
 /*** CONTENT ***/
 
-/* This gives a 2.5em spacing between the last element
-   and the following div. */
-#content:after {
-   display: block; height: .1em;
-   content: ""; margin-top: 2.4em;
-}
+#content { margin-bottom: 2.5em; }
 
 
 /*** MISSION STATEMENT ***/
@@ -929,23 +885,19 @@
 
 /*** FOOTER ***/
 
-#footer:after {
-   display: block; height: 1px;
-   content: ""; margin-top: 1.2em;
-}
 #footer {
-   clear: both;
    font-size: .9em;
-   padding-top: 1.2em;
+   padding-top: 1.5em; padding-bottom: 1.5em;
    color: #333;
    border-top: 1px solid #c9cccf;
 }
-#footer p { margin: 0; }
+#footer p, #bottom-notes { margin: 0; }
 
-#footer .unprintable, #footer .translators-credits {
-   margin-bottom: .7em;
-}
-#bottom-notes p { margin-bottom: .7em; }
+.unprintable { margin-bottom: .7em; }
+
+.translators-credits { margin: .7em 0; }
+
+#footer p.unprintable, #generic p { margin-top: .7em; }
 
 
 /*** EDUCATION ***/
@@ -954,7 +906,6 @@
 .edu-breadcrumb {
    font-size: .9em;
    font-weight: bold;
-   text-align: left;
    padding-top: .4em;
    margin-top: 0;
    color: #333;
@@ -969,7 +920,7 @@
 }
 
 /* Subsections of /education "Case Studies" */
-div.edu-cases {
+.edu-cases {
    border-top: 5px ridge #3465a4;
    border-bottom: 5px ridge #3465a4;
    padding: 1.5em 0;
@@ -977,11 +928,10 @@
 }
 
 /* make h3 for edu-cases look like h4 for other pages */
-div.edu-cases h3 {
+.edu-cases h3 {
    font-size: 1.3em;
    margin: 0; margin-bottom: 1em;
 }
-div.edu-cases ul, div.edu-cases ol {
+.edu-cases ul, .edu-cases ol {
    padding: 0 4%;
 }
-