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 */
.zebra tr:nth-child(odd){background:#eee}
+
/* 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;
}