From dfff17d0431d19421f9061aad4155202e7e4caf9 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Sun, 10 Sep 2017 18:54:06 +0200 Subject: [PATCH] css: coloring also for elements. --- css/m-components.css | 100 ++++++++++++++++++++++++++++++------------- 1 file changed, 71 insertions(+), 29 deletions(-) diff --git a/css/m-components.css b/css/m-components.css index d823e51f..5a689f4f 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -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); } -- 2.30.2