Subheader style for blogger tables

Author: pilafmon

src/css/blogger-tweaks/spec.html

@@ -127,6 +127,8 @@ <h1 class=entry-title>
    &lt;tbody&gt;
       &lt;tr&gt;&lt;td&gt;Chrome&lt;/td&gt;&lt;td&gt;Google&lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Safari&lt;/td&gt;&lt;td&gt;Apple&lt;/td&gt;&lt;/tr&gt;
+      &lt;tr&gt;&lt;th colspan=2&gt;Historic&lt;/th&gt;
+      &lt;tr&gt;&lt;td&gt;Mosaic&lt;/td&gt;&lt;td&gt;NCSA&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
 &lt;/table&gt;
 

src/css/blogger-tweaks/style.less

@@ -214,6 +214,13 @@ body >.viewitem-panel {
             &:hover {
                background-color: aliceblue;
                }
+            th[colspan] {  //add colspan attribute to fill table width
+               font-size: 0.9rem;
+               text-align: center;
+               text-transform: uppercase;
+               color: white;
+               background-color: steelblue;
+               }
             td {
                vertical-align: top;
                padding: 4px 10px;