Difference between revisions of "MediaWiki:Common.css"
From MHWiki
m (Reverted edits by Mark Bodiella (talk) to last revision by YiKai) (Tags: Replaced, Rollback) |
m (Replaced with Hitgrab approved CSS code from BT) |
||
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; }