MediaWiki:Common.css: Difference between revisions

Keep search clear of the header wordmark
Style imported Fandom tables and identify imported history
Line 94: Line 94:
/* Keep Vector search clear of the wider wordmark. */
/* Keep Vector search clear of the wider wordmark. */
.client-js .mw-header .vector-search-box.vector-search-box-auto-expand-width { margin-left: 0; }
.client-js .mw-header .vector-search-box.vector-search-box-auto-expand-width { margin-left: 0; }
/* Imported Fandom tables, adapted to the selected MediaWiki colour scheme. */
.mw-parser-output table.article-table,
.mw-parser-output table.fandom-table,
.mw-parser-output table.eStationTable {
  border-collapse: collapse;
  border: 1px solid var(--elite-border, #a2a9b1);
  background: var(--elite-surface, #fff);
  color: var(--elite-ink, #202122);
  margin: 1em 0;
}
.mw-parser-output table.eStationTable { margin-left: auto; margin-right: auto; text-align: left; }
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > :is(thead, tbody, tfoot) > tr > :is(th, td),
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > tr > :is(th, td) {
  border: 1px solid var(--elite-border, #a2a9b1);
  padding: 0.35em 0.6em;
}
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > :is(thead, tbody, tfoot) > tr > th,
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > tr > th {
  background: var(--elite-subtle, #f8f9fa);
  color: var(--elite-ink, #202122);
  text-align: center;
}
.mw-parser-output table.eStationTable > :is(thead, tbody, tfoot) > tr > th,
.mw-parser-output table.eStationTable > tr > th { text-align: right; }
.mw-parser-output table.eTable_RowHighlighting > :is(thead, tbody, tfoot) > tr:nth-child(even),
.mw-parser-output table.eTable_RowHighlighting > tr:nth-child(even) { background: var(--elite-subtle, #f8f9fa); }
.mw-parser-output table:is(.article-table, .fandom-table, .eStationTable) > caption { font-weight: bold; padding: 0.35em; }
.fandom-import-mark { display: inline-block; vertical-align: -0.1em; margin-inline-end: 0.25em; }
.fandom-import-mark img { display: inline-block; width: 48px; height: 12px; object-fit: contain; }
.fandom-import-legend { font-size: 0.875em; margin: 0.5em 0 1em; }
.fandom-import-mark img, .fandom-import-legend img { background: #fff; border-radius: 2px; }