www/graphics graphics.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 19/02/04 12:58:36

Added files:
        graphics       : graphics.css 

Log message:
        New stylesheet for graphics/.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/graphics/graphics.css?cvsroot=www&rev=1.1

Patches:
Index: graphics.css
===================================================================
RCS file: graphics.css
diff -N graphics.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ graphics.css        4 Feb 2019 17:58:35 -0000       1.1
@@ -0,0 +1,138 @@
+/* Stylesheet for the GNU Art section of https://www.gnu.org,
+created February 4, 2019.  
+This file is in the public domain. */
+
+h2 {
+   margin-bottom: .5em;
+}
+h3 {
+   font-size: 1.2em;
+   margin: 1.9em 0 1.2em;
+}
+h3 span {
+   font-size: .9em;
+   font-weight: normal;
+}
+dl.compact dd {
+   margin-right: 0;
+}
+
+/* Defined in layout.css. */
+.reduced-width {
+   width: 50em;
+}
+.reduced-width blockquote {
+   margin: 1.5em 3%;
+}
+
+/* ====== This may eventually move to layout.css. */
+table.overflow {
+   display: block;
+   max-width: 100%;
+/* width needs to be specified. */
+   overflow: auto;
+   margin: auto;
+}
+
+/* For copyright and license notices. */
+.infobox {
+   font-size: .9em;
+   line-height: 1.3em;
+   margin: 2.5em 0 0;  
+}
+.infobox h3 {
+   font-size: 1.2em;
+   margin-top: 0;
+}
+.infobox p {
+   margin: .3em 0 0;
+}
+.infobox hr {
+   display: block;
+   width: 15em; max-width: 100%;
+   height: 1px;
+   background: #999;
+   border: none;
+   margin: 0 0 1em 0;
+}
+.infobox.c {
+   clear: both;
+   border: none;
+}
+.infobox.c hr {
+   display: none;
+}
+/* =============== */
+
+/* Many small images on the same type. */ 
+.thumb {
+   display: inline-block;
+   vertical-align: top;
+   width: 15em;
+   line-height: 1.2em;
+   padding: .5em;
+   background: #eee;
+   margin: .5em .3em;
+}
+.thumb dd {
+   margin: .3em 0 0 1em;
+} 
+.thumb dt {
+   font-weight: normal;
+   font-style: italic;
+}
+
+/* A few large images. */
+.left { float: left; }
+.right { float: right; }
+.left, .right {
+   width: 23.5em;
+   max-width: 98%;
+   text-align: center;
+   margin: 0 1% 2.3em;
+}
address@hidden (max-width: 53em) {
+   .left, .right {
+      float: none;
+      margin: auto;
+   }
+}
+.centered {
+   max-width: 100%;
+   text-align: center;
+   margin: 0 auto 2.3em; 
+}
+.left img, .right img, .centered img, .thumb img {
+/* width should be defined in the page. */
+   max-width: 100%;
+}
+
+/* Captions. */
+.left p, .right p, .centered p, thumb p,
+ .thumb ul, .thumb dl, .thumb dt {
+   margin: .5em 0 0;
+}
+.left ul, .right ul, .centered ul {
+   margin: .7em 0 0;
+}
+.left ul li, .right ul li, .centered  ul li, .thumb ul li  {
+   list-style-type: none;
+   margin: .3em 0 0;
+}
+
+/* Defined in layout.css. */
address@hidden (min-width: 43em) {
+   .pict.narrow {
+      margin-bottom: 2.5em;
+   }
+}
address@hidden (min-width: 48em) {
+   .pict.medium {
+      margin-bottom: 2.5em;
+   }
+}
address@hidden (min-width: 55em) {
+   .pict.wide {
+      margin-bottom: 2.5em;
+   }
+}