www layout.css

[Therese Godefroy]

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

Modified files:
        .              : layout.css 

Log message:
        Define a new class for images: 'pict' (narrow, medium or wide).

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

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/layout.css,v
retrieving revision 1.209
retrieving revision 1.210
diff -u -b -r1.209 -r1.210
--- layout.css  5 Sep 2016 08:04:45 -0000       1.209
+++ layout.css  5 Sep 2016 08:08:11 -0000       1.210
@@ -583,9 +583,39 @@
 
 /*** IMAGES ***/
 
-.imgright { float: right; margin: 1em; margin-right: 0; }
-.imgleft { float: left; margin: 1em; margin-left: 0; }
+.imgright { float: right; margin: .2em 0 1em 1.5em; }
+.imgleft  { float: left;  margin: .2em 1.5em 1em 0; }
 
+/* For pictures with/without legend. */
+.narrow { width: 15em; }
+.medium { width: 20em; }
+.wide   { width: 27em; }
+.pict { max-width: 100%; margin: 1em auto; }
+.pict img { width: 100%; }
+.pict p {
+   text-align: center;
+   font-style: italic;
+   margin-top: .5em;
+}
+
address@hidden (min-width: 43em) {
+   .pict.narrow {
+       float:right; margin: .2em 0 1em 1.5em;
+   }
+}
address@hidden (min-width: 48em) {
+   .pict.medium {
+       float:right; margin: .2em 0 1em 1.5em;
+   }
+}
address@hidden (min-width: 55em) {
+   .pict.wide {
+       float:right; margin: .2em 0 1em 1.5em;
+   }
+}
+
+/* This will be removed as soon as pages that use .photo
+   are updated to .pict. */
 .photo {
    float: right;
    width: 30em; max-width: 100%;