checkpoint use CSS class now id for support and social CSS

ioccc.css

@@ -817,11 +817,12 @@ blockquote {
     color: DarkBlue;
 }
 
-/* This is how we hack the "Support IOCCC" and "IOCCC on Social Media" pseudo-h3 headings
+/* .pseudo_h3 - pseudo-h3 headings for HTML tables
  *
+ * This is how we hack the "Support IOCCC" and "IOCCC on Social Media" pseudo-h3 headings
  * Format like it is h3-ish.  We cannot use h3 because this is used within a HTML table.
  */
-#pseudo_h3 {
+.pseudo_h3 {
     font-family: Georgia, serif;
     font-weight: bold;
     page-break-after: avoid;
@@ -829,11 +830,13 @@ blockquote {
     color: DarkBlue;
 }
 
-/* This is how we hack the "click below to ..." small text
+/* .small_click_below - small text for for HTML tables
+ *
+ * This is how we hack the "click below to ..." small text
  *
  * Format small text that shows up on the same row as the pseudo-h3 headings.
  */
-#small_click_below {
+.small_click_below {
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
     font-weight: bold;
     page-break-after: avoid;
@@ -1048,10 +1051,10 @@ blockquote {
     .content h3 {
 	font-size: 1.25em;
     }
-    #pseudo_h3 {
+    .pseudo_h3 {
 	font-size: 1.25em;
     }
-    #small_click_below {
+    .small_click_below {
 	font-size: 0.75em;
     }
 }
@@ -1093,10 +1096,10 @@ blockquote {
     .content h3 {
 	font-size: 1em;
     }
-    #pseudo_h3 {
+    .pseudo_h3 {
 	font-size: 1em;
     }
-    #small_click_below {
+    .small_click_below {
 	font-size: 0.6em;
     }
 }
@@ -1148,10 +1151,10 @@ blockquote {
     .content h3 {
 	font-size: 0.9em;
     }
-    #pseudo_h3 {
+    .pseudo_h3 {
 	font-size: 0.9em;
     }
-    #small_click_below {
+    .small_click_below {
 	font-size: 0.5em;
     }
 }