chiark / gitweb /
css: coloring also for <th> elements.
authorVladimír Vondruš <mosra@centrum.cz>
Sun, 10 Sep 2017 16:54:06 +0000 (18:54 +0200)
committerVladimír Vondruš <mosra@centrum.cz>
Tue, 12 Sep 2017 10:06:26 +0000 (12:06 +0200)
css/m-components.css

index d823e51f114e3e3c2ff53204c867125a13a4c85f..5a689f4f19c7cfc6a7daeb94eec94a84aae344b8 100644 (file)
@@ -563,13 +563,13 @@ table.m-table th, table.m-table td {
 table.m-table th {
   text-align: left;
 }
-table.m-table td.m-default,
-table.m-table td.m-primary,
-table.m-table td.m-success,
-table.m-table td.m-warning,
-table.m-table td.m-danger,
-table.m-table td.m-info,
-table.m-table td.m-dim {
+table.m-table td.m-default, th.m-default,
+table.m-table td.m-primary, th.m-primary,
+table.m-table td.m-success, th.m-success,
+table.m-table td.m-warning, th.m-warning,
+table.m-table td.m-danger, th.m-danger,
+table.m-table td.m-info, th.m-info,
+table.m-table td.m-dim, th.m-dim {
   padding-left: 0.4375rem;
   padding-right: 0.4375rem;
   border-left-width: 0.0625rem;
@@ -577,12 +577,19 @@ table.m-table td.m-dim {
 }
 
 table.m-table tr.m-default td, table.m-table td.m-default,
+table.m-table tr.m-default th, table.m-table th.m-default,
 table.m-table tr.m-primary td, table.m-table td.m-primary,
+table.m-table tr.m-primary th, table.m-table th.m-primary,
 table.m-table tr.m-success td, table.m-table td.m-success,
+table.m-table tr.m-success th, table.m-table th.m-success,
 table.m-table tr.m-warning td, table.m-table td.m-warning,
+table.m-table tr.m-warning th, table.m-table th.m-warning,
 table.m-table tr.m-danger td, table.m-table td.m-danger,
+table.m-table tr.m-danger th, table.m-table th.m-danger,
 table.m-table tr.m-info td, table.m-table td.m-info,
-table.m-table tr.m-dim td, table.m-table td.m-dim {
+table.m-table tr.m-info th, table.m-table th.m-info,
+table.m-table tr.m-dim td, table.m-table td.m-dim,
+table.m-table tr.m-dim th, table.m-table th.m-dim {
   border-color: var(--background-color);
 }
 
@@ -612,89 +619,124 @@ table.m-table tr.m-dim td, table.m-table td.m-dim {
 
 /* Colored note, table coloring */
 .m-note.m-default { background-color: var(--default-filled-background-color); }
-.m-note.m-default, table.m-table tr.m-default td, table.m-table td.m-default {
+.m-note.m-default, table.m-table tr.m-default td, table.m-table td.m-default,
+                   table.m-table tr.m-default th, table.m-table th.m-default {
   /* No background for default table to keep the row hover */
   color: var(--default-filled-color);
 }
 .m-note.m-primary a:hover, table.m-table tr.m-primary td a:hover, table.m-table td.m-primary a:hover,
+                           table.m-table tr.m-primary th a:hover, table.m-table th.m-primary a:hover,
 .m-note.m-primary a:focus, table.m-table tr.m-primary td a:focus, table.m-table td.m-primary a:focus,
-.m-note.m-primary a:active, table.m-table tr.m-primary td a:active, table.m-table td.m-primary a:active {
+                           table.m-table tr.m-primary th a:focus, table.m-table th.m-primary a:focus,
+.m-note.m-primary a:active, table.m-table tr.m-primary td a:active, table.m-table td.m-primary a:active,
+                            table.m-table tr.m-primary th a:active, table.m-table th.m-primary a:active {
   color: var(--default-filled-link-active-color);
 }
-.m-note.m-primary a, table.m-table tr.m-primary td a, table.m-table td.m-primary a {
+.m-note.m-primary a, table.m-table tr.m-primary td a, table.m-table td.m-primary a,
+                     table.m-table tr.m-primary th a, table.m-table th.m-primary a {
   color: var(--default-filled-link-color);
 }
 
-.m-note.m-primary, table.m-table tr.m-primary td, table.m-table td.m-primary {
+.m-note.m-primary, table.m-table tr.m-primary td, table.m-table td.m-primary,
+                   table.m-table tr.m-primary th, table.m-table th.m-primary {
   background-color: var(--primary-filled-background-color);
   color: var(--primary-filled-color);
 }
-.m-note.m-primary a, table.m-table tr.m-primary td a, table.m-table td.m-primary a {
+.m-note.m-primary a, table.m-table tr.m-primary td a, table.m-table td.m-primary a,
+                     table.m-table tr.m-primary th a, table.m-table th.m-primary a {
   color: var(--primary-filled-link-color);
 }
 .m-note.m-primary a:hover, table.m-table tr.m-primary td a:hover, table.m-table td.m-primary a:hover,
+                           table.m-table tr.m-primary th a:hover, table.m-table th.m-primary a:hover,
 .m-note.m-primary a:focus, table.m-table tr.m-primary td a:focus, table.m-table td.m-primary a:focus,
-.m-note.m-primary a:active, table.m-table tr.m-primary td a:active, table.m-table td.m-primary a:active {
+                           table.m-table tr.m-primary th a:focus, table.m-table th.m-primary a:focus,
+.m-note.m-primary a:active, table.m-table tr.m-primary td a:active, table.m-table td.m-primary a:active,
+                            table.m-table tr.m-primary th a:active, table.m-table th.m-primary a:active {
   color: var(--primary-filled-link-active-color);
 }
-.m-note.m-success, table.m-table tr.m-success td, table.m-table td.m-success {
+.m-note.m-success, table.m-table tr.m-success td, table.m-table td.m-success,
+                   table.m-table tr.m-success th, table.m-table th.m-success {
   background-color: var(--success-filled-background-color);
   color: var(--success-filled-color);
 }
-.m-note.m-success a, table.m-table tr.m-success td a, table.m-table td.m-success a {
+.m-note.m-success a, table.m-table tr.m-success td a, table.m-table td.m-success a,
+                     table.m-table tr.m-success th a, table.m-table th.m-success a {
   color: var(--success-filled-link-color);
 }
 .m-note.m-success a:hover, table.m-table tr.m-success td a:hover, table.m-table td.m-success a:hover,
+                           table.m-table tr.m-success th a:hover, table.m-table th.m-success a:hover,
 .m-note.m-success a:focus, table.m-table tr.m-success td a:focus, table.m-table td.m-success a:focus,
-.m-note.m-success a:active, table.m-table tr.m-success td a:active, table.m-table td.m-success a:active {
+                           table.m-table tr.m-success th a:focus, table.m-table th.m-success a:focus,
+.m-note.m-success a:active, table.m-table tr.m-success td a:active, table.m-table td.m-success a:active,
+                            table.m-table tr.m-success th a:active, table.m-table th.m-success a:active {
   color: var(--success-filled-link-active-color);
 }
-.m-note.m-warning, table.m-table tr.m-warning td, table.m-table td.m-warning {
+.m-note.m-warning, table.m-table tr.m-warning td, table.m-table td.m-warning,
+                   table.m-table tr.m-warning th, table.m-table th.m-warning {
   background-color: var(--warning-filled-background-color);
   color: var(--warning-filled-color);
 }
-.m-note.m-warning a, table.m-table tr.m-warning td a, table.m-table td.m-warning a {
+.m-note.m-warning a, table.m-table tr.m-warning td a, table.m-table td.m-warning a,
+                     table.m-table tr.m-warning th a, table.m-table th.m-warning a {
   color: var(--warning-filled-link-color);
 }
 .m-note.m-warning a:hover, table.m-table tr.m-warning td a:hover, table.m-table td.m-warning a:hover,
+                           table.m-table tr.m-warning th a:hover, table.m-table th.m-warning a:hover,
 .m-note.m-warning a:focus, table.m-table tr.m-warning td a:focus, table.m-table td.m-warning a:focus,
-.m-note.m-warning a:active, table.m-table tr.m-warning td a:active, table.m-table td.m-warning a:active {
+                           table.m-table tr.m-warning th a:focus, table.m-table th.m-warning a:focus,
+.m-note.m-warning a:active, table.m-table tr.m-warning td a:active, table.m-table td.m-warning a:active,
+                            table.m-table tr.m-warning th a:active, table.m-table th.m-warning a:active {
   color: var(--warning-filled-link-active-color);
 }
-.m-note.m-danger, table.m-table tr.m-danger td, table.m-table td.m-danger {
+.m-note.m-danger, table.m-table tr.m-danger td, table.m-table td.m-danger,
+                  table.m-table tr.m-danger th, table.m-table th.m-danger {
   background-color: var(--danger-filled-background-color);
   color: var(--danger-filled-color);
 }
-.m-note.m-danger a, table.m-table tr.m-danger td a, table.m-table td.m-danger a {
+.m-note.m-danger a, table.m-table tr.m-danger td a, table.m-table td.m-danger a,
+                    table.m-table tr.m-danger th a, table.m-table th.m-danger a {
   color: var(--danger-filled-link-color);
 }
 .m-note.m-danger a:hover, table.m-table tr.m-danger td a:hover, table.m-table td.m-danger a:hover,
+                          table.m-table tr.m-danger th a:hover, table.m-table th.m-danger a:hover,
 .m-note.m-danger a:focus, table.m-table tr.m-danger td a:focus, table.m-table td.m-danger a:focus,
-.m-note.m-danger a:active, table.m-table tr.m-danger td a:active, table.m-table td.m-danger a:active {
+                          table.m-table tr.m-danger th a:focus, table.m-table th.m-danger a:focus,
+.m-note.m-danger a:active, table.m-table tr.m-danger td a:active, table.m-table td.m-danger a:active,
+                           table.m-table tr.m-danger th a:active, table.m-table th.m-danger a:active {
   color: var(--danger-filled-link-active-color);
 }
-.m-note.m-info, table.m-table tr.m-info td, table.m-table td.m-info {
+.m-note.m-info, table.m-table tr.m-info td, table.m-table td.m-info,
+                table.m-table tr.m-info th, table.m-table th.m-info {
   background-color: var(--info-filled-background-color);
   color: var(--info-filled-color);
 }
-.m-note.m-info a, table.m-table tr.m-info td a, table.m-table td.m-info a {
+.m-note.m-info a, table.m-table tr.m-info td a, table.m-table td.m-info a,
+                  table.m-table tr.m-info th a, table.m-table th.m-info a {
   color: var(--info-filled-link-color);
 }
 .m-note.m-info a:hover, table.m-table tr.m-info td a:hover, table.m-table td.m-info a:hover,
+                        table.m-table tr.m-info th a:hover, table.m-table th.m-info a:hover,
 .m-note.m-info a:focus, table.m-table tr.m-info td a:focus, table.m-table td.m-info a:focus,
-.m-note.m-info a:active, table.m-table tr.m-info td a:active, table.m-table td.m-info a:active {
+                        table.m-table tr.m-info th a:focus, table.m-table th.m-info a:focus,
+.m-note.m-info a:active, table.m-table tr.m-info td a:active, table.m-table td.m-info a:active,
+                         table.m-table tr.m-info th a:active, table.m-table th.m-info a:active {
   color: var(--info-filled-link-active-color);
 }
-.m-note.m-dim, table.m-table tr.m-dim td, table.m-table td.m-dim {
+.m-note.m-dim, table.m-table tr.m-dim td, table.m-table td.m-dim,
+               table.m-table tr.m-dim th, table.m-table th.m-dim {
   background-color: var(--dim-filled-background-color);
   color: var(--dim-filled-color);
 }
-.m-note.m-dim a, table.m-table tr.m-dim td a, table.m-table td.m-dim a {
+.m-note.m-dim a, table.m-table tr.m-dim td a, table.m-table td.m-dim a,
+                 table.m-table tr.m-dim th a, table.m-table th.m-dim a {
   color: var(--dim-filled-link-color);
 }
 .m-note.m-dim a:hover, table.m-table tr.m-dim td a:hover, table.m-table td.m-dim a:hover,
+                       table.m-table tr.m-dim th a:hover, table.m-table th.m-dim a:hover,
 .m-note.m-dim a:focus, table.m-table tr.m-dim td a:focus, table.m-table td.m-dim a:focus,
-.m-note.m-dim a:active, table.m-table tr.m-dim td a:active, table.m-table td.m-dim a:active {
+                       table.m-table tr.m-dim th a:focus, table.m-table th.m-dim a:focus,
+.m-note.m-dim a:active, table.m-table tr.m-dim td a:active, table.m-table td.m-dim a:active,
+                        table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: var(--dim-filled-link-active-color);
 }