www/server/staging layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/03/15 17:18:07

Modified files:
        server/staging : layout.css 

Log message:
        Change #translation defs for new version of the translist.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout.css?cvsroot=www&r1=1.39&r2=1.40

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/layout.css,v
retrieving revision 1.39
retrieving revision 1.40
diff -u -b -r1.39 -r1.40
--- layout.css  10 Mar 2020 13:10:53 -0000      1.39
+++ layout.css  15 Mar 2020 21:18:07 -0000      1.40
@@ -418,16 +418,14 @@
 #translations p { margin: 0; }
 #translations span {
    display:  inline-block;
-   width: 17em;
-   line-height: 1.2em;
-   margin: .5em 0;
+   width: 10.5em;
+   line-height: 2em;
+   margin: 0;
 }
-#translations span.original { font-weight: bold; }
 #translations span a {
-   white-space: normal;
-   line-height: 1.2em;
-   padding: .25em;
+   line-height: 1.9em;
 }
+#translations span.original { font-weight: bold; }
 
 
 /***************************************************/
@@ -485,23 +483,15 @@
       border: .2em solid #bbb;
    }
    #translations {
-      display: block;
       column-width: 10em;
-      column-count: 3;
+      column-count: 4;
       column-gap: 0;
    }
-   #translations p {
-      line-height: .3em;
-   }
    #translations span {
-      display: block;
-      font-size: 0;
+      display: inline-block;
    }
    #translations span a {
       display: inline-block;
-      font-size: .94rem;
-      width: 9em;
-      white-space: normal;
    }
    input#language-input:checked ~ #language-close {
       display: inline-block;
@@ -552,22 +542,6 @@
    #fsf-support a { font-weight: bold; }
 
    #languages { max-width: 48em; }
-   #translations {
-      column-width: 15em;
-      line-height: 1.2em;
-      margin: 1px 0;
-   }
-   #translations span {
-      display: inline-block;
-      font-size: .94rem;  /* 15px */
-      width: 14em;
-      line-height: 1.2em;
-      margin: .5em 0;
-   }
-   #translations span a {
-      display: inline;
-      width: auto;
-   }
 
    #outdated-button { display: none; }
    #outdated { display: block; }
@@ -1229,9 +1203,9 @@
 
 /* For information that isn't part of the article. The border is
    green. */
-.announcement { border-left: .3em solid #5c5; }
+.announcement { border-left: .4em solid #5c5; }
 /* For important information inside an article. The border is orange. */
-.important    { border-left: .3em solid #fc7; }
+.important    { border-left: .4em solid #fc7; }
 
 
 /***********/
@@ -1248,17 +1222,9 @@
 /* Single <p> */
 .edu-note p {
    font-style: italic;
-   padding: .8em 1em;
+   padding: .8em 3%;
    margin: 0;
 }
-/* Baby NetSurf (1.2) would hurt itself using these definitions.
-   Place them out of reach. Too bad for its older brother (2.9). */
-@media (min-width: 0) {
-   .edu-note {
-      width: 40em;
-      max-width: 100%;
-   }
-}
 
 /* Several <p>'s */
 .note {
@@ -1266,12 +1232,9 @@
    background: white;
 }
 .note p {
-   padding: .4em 0;
+   padding: .4em;
    margin: 0;
 }
-@media (min-width: 0) {
-   .note { max-width: 44.7em; }
-}
 
 /** STYLE **/
 
@@ -1301,11 +1264,6 @@
 .summary h4, .toc h4 {
    font-size: 1.125em;  /* 18px */
 }
-@media (min-width: 0) {
-   .summary { width: 30em; }
-   .toc { width: 45em; }
-   .summary, .toc { max-width: 94%; }
-}
 
 .toc-inline {
    font-size: 1rem;
@@ -1339,20 +1297,25 @@
 /*  MEDIA QUERIES FOR NOTE & SUMMARY  */
 /**************************************/
 
-@media (min-width: 48em) {
+/* Baby NetSurf (1.2) would hurt itself using these definitions.
+   Place them out of reach. Too bad for its older brother (2.9). */
+@media (min-width: 0) {
+   .note, .summary { width: 30rem; }
+   .toc { width: 45em; }
+   .note,.summary, .toc { max-width: 92%; }
+   .edu-note {
+      width: 40em;
+      max-width: 100%;
+   }
+}
+
+@media (min-width: 45em) {
    .note, .summary {
       clear: right;
       float: right;
-      width: 20em;
+      width: 20rem;
       max-width: 40%;
-      margin: .3em 0 1em 2em;
-/* This keeps an adjacent background (e.g. highlight-para)
-   from touching the note or summary. */
-      box-shadow: 0 0 0 1em white;
-     -moz-box-shadow: 0 0 0 1em white;
-     -webkit-box-shadow: 0 0 0 1em white;
-     -icab-box-shadow: 0 0 0 1em white;
-     -o-box-shadow: 0 0 0 1em white;
+      margin: .5em 0 1em 2em;
    }
    .summary { padding: 1em 1.2em 1.5em; }
    .note { padding: .4em 1.2em; }
@@ -1514,6 +1477,7 @@
    border: 1px solid #008400;
 }
 .button a:hover, .backtotop a[href]:hover, #back-to-top a:hover {
+   color: #006400;
    background: #e7f2e2;
    border-color: #006400;
 }