|
(Tags: Replaced, Rollback) |
| Line 1: |
Line 1: |
| | /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| − | /* The following CSS properties can be understood generally as follows:
| + | .zebra tr:nth-child(odd){background:#eee} |
| − | [element type].[class name] [element descendants] {
| |
| − | [property]: [value];
| |
| − | }
| |
| − | If you wish to apply the properties, simply insert class="[class name]" on applicable elements of [element type] */
| |
| − | | |
| − | /* Padding-right specification for sort buttons in table headers */
| |
| − | table.sortable th:not(.unsortable) {
| |
| − | padding-right: 2em;
| |
| − | }
| |
| − | | |
| − | /* 5px padding, 1px border and border-collapse for tables */
| |
| − | table.b_and_p th, td {
| |
| − | border: 0.083em solid;
| |
| − | padding: 0.416em;
| |
| − | }
| |
| − | table.b_and_p {
| |
| − | border-collapse: collapse;
| |
| − | }
| |
| − | | |
| − | /* Sticky table rows including persistent bordering during scroll */
| |
| − | tr.sticky_table_row {
| |
| − | position: sticky;
| |
| − | position: -webkit-sticky; /* for Safari compatibility */
| |
| − | top: 0.083em;
| |
| − | box-shadow: 0 0.083em, 0 -0.083em;
| |
| − | }
| |
| − | | |
| − | /* Zebra stripe styling for tables */
| |
| − | table.zebra_even tr:nth-child(even) {
| |
| − | background-color: #eeeeee;
| |
| − | }
| |
| − | table.zebra_odd tr:nth-child(odd) {
| |
| − | background-color: #eeeeee;
| |
| − | } | |
Revision as of 20:33, 17 November 2021
/* CSS placed here will be applied to all skins */
.zebra tr:nth-child(odd){background:#eee}
