www layout.css style.rtl.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/09/13 09:17:00

Modified files:
        .              : layout.css style.rtl.css 

Log message:
        Define .note and .summary for wide screens.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/layout.css?cvsroot=www&r1=1.213&r2=1.214
http://web.cvs.savannah.gnu.org/viewcvs/www/style.rtl.css?cvsroot=www&r1=1.14&r2=1.15

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.213
retrieving revision 1.214
diff -u -b -r1.213 -r1.214
--- layout.css  13 Sep 2016 09:14:57 -0000      1.213
+++ layout.css  13 Sep 2016 09:16:59 -0000      1.214
@@ -617,12 +617,25 @@
    .summary, .toc { max-width: 94%; }
 }
 
address@hidden (max-width: 46em) {
-   div.summary {
-      float: none; width: 30em; max-width: 80%;
-      margin: 2.5em auto 2em auto;
-      border: none;
+/*** NOTE AND SUMMARY ON WIDE SCREENS ***/
+
address@hidden (min-width: 48em) {
+   .note, .summary {
+      clear: right;
+      float: right;
+      width: 20em;
+      max-width: 40%;
+      margin: .2em 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;
    }
+   .summary { padding: 1em 1.2em 1.5em; }
+   .note { padding: .4em 1.2em; }
 }
 
 

Index: style.rtl.css
===================================================================
RCS file: /webcvs/www/www/style.rtl.css,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -b -r1.14 -r1.15
--- style.rtl.css       13 Sep 2016 09:14:57 -0000      1.14
+++ style.rtl.css       13 Sep 2016 09:16:59 -0000      1.15
@@ -53,6 +53,11 @@
    .pict.medium {
        float:right; margin: .2em 1.5em 1em 0;
    }
+   .note, .summary {
+      clear: left;
+      float: left;
+      margin: .2em 2em 1em 0;
+   }
 }
 @media (min-width: 55em) {
    .pict.wide {