www/graphics graphics.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 21/01/19 11:00:11

Modified files:
        graphics       : graphics.html 

Log message:
        Tables: define the 'gnu-art' class for more precise selection;
        image links: suppress background on hover. 

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/graphics/graphics.html?cvsroot=www&r1=1.219&r2=1.220

Patches:
Index: graphics.html
===================================================================
RCS file: /webcvs/www/www/graphics/graphics.html,v
retrieving revision 1.219
retrieving revision 1.220
diff -u -b -r1.219 -r1.220
--- graphics.html       11 Nov 2020 14:37:26 -0000      1.219
+++ graphics.html       19 Jan 2021 16:00:11 -0000      1.220
@@ -13,48 +13,48 @@
     display: inline-block;
     margin: .5em;
 }
-a:hover img {
-    opacity: 0.7;
-    filter: alpha(opacity=70); /* For IE8 and earlier */
-}
-.button a {
-    display: inline-block;
-}
-table {
+.gnu-art {
     display: block;
     max-width: 100%;
     margin: auto;
     overflow: auto;
 }
-tr {
+.gnu-art tr {
     display: inline-block;
     width: 18.5em;
 }
-table td {
+.gnu-art td {
     padding: 0 .5em;
     border: none;
 }
+.gnu-art td:first-child a {
+    background: none;
+}
+.gnu-art a:hover img {
+    opacity: 0.7;
+    filter: alpha(opacity=70); /* For IE8 and earlier */
+}
 /* Suppress arrows after thumbnails in German translation. */
-#content table tr td:first-child a[href^="http://"]:after,
-#content table tr td:first-child a[href^="https://"]:after {
+.gnu-art td:first-child a[href^="http://"]:after,
+.gnu-art td:first-child a[href^="https://"]:after {
    content:"";
 }
 @media (min-width: 22em) {
-    table {
+    .gnu-art {
         width: 20.5em;
     }
-    tr {
+    .gnu-art tr {
         width: 19em;
         margin: .5em;
     }
 }
 @media (min-width: 44em) {
-    table {
+    .gnu-art {
         width: 41em;
     }
 }
 @media (min-width: 65.5em) {
-    table {
+    .gnu-art {
         width: 61.5em;
     }
 }
@@ -158,7 +158,7 @@
 
 <h3 id="whats-new">What's new?</h3>
 
-<table>
+<table class="gnu-art">
 <tr style="display:none"><td></td></tr><!-- Dummy entry for xhtml validation.
 --><!--#if expr="$THEME = /^(gnuhead|)$/
                && $TYPE  = /^(wallpaper|)$/" -->
@@ -253,7 +253,7 @@
 
 <p class="button"><a href="#collections">Next section</a></p>
 
-<table>
+<table class="gnu-art">
 <tr style="display:none"><td></td></tr><!-- Dummy entry for xhtml validation.
 --><!--#if expr="$THEME = /^(gnu|tux|)$/
                && $TYPE  = /^$/" -->
@@ -991,7 +991,7 @@
 </table>
 
 <h4 id="collections">Collections</h4>
-<table>
+<table class="gnu-art">
 <tr style="display:none"><td></td></tr><!-- Dummy entry for xhtml validation.
 --><!--#if expr="$THEME = /^$/
                && $TYPE  = /^(icon|)$/" -->
@@ -1034,7 +1034,7 @@
 
 <h3 id="other-sites">GNU Art on other sites</h3>
 
-<table>
+<table class="gnu-art">
 <tr style="display:none"><td></td></tr><!-- Dummy entry for xhtml validation.
 --><!--#if expr="$THEME = /^(fs|)$/
                && $TYPE  = /^(logo|)$/" -->
@@ -1176,7 +1176,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2020/11/11 14:37:26 $
+$Date: 2021/01/19 16:00:11 $
 <!-- timestamp end -->
 </p>
 </div>