Difference between revisions of "MediaWiki:Common.css"
From MHWiki
(adding zebra stripes table class) |
m (Replaced with Hitgrab approved CSS code from BT) |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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: |
| + | [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, table.b_and_p 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; | ||
| + | } | ||
Latest revision as of 14:31, 18 November 2021
/* CSS placed here will be applied to all skins */
/* The following CSS properties can be understood generally as follows:
[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, table.b_and_p 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;
}
