MediaWiki:Gadget-highlightTable-core.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS for [[MediaWiki:Gadget-highlightTable.js]] */

/* ===========================
      wikitable lighttables
   =========================== */

:root {
	/* [[RS:THEME]] colours */
	--lighttable-bg-hover: #def2cc; /* lighten(@caper, 10%) in .less */
	--lighttable-bg-active: #bbee91; /* lighten(@lima, 30%) */
	--lighttable-link-color: #3c780a; /* @la-palma */
}

table.lighttable .highlight-on {
	background-color: var(--lighttable-bg-active);
}

table.lighttable .highlight-over {
	background-color: var(--lighttable-bg-hover);
}

table.lighttable .highlight-on a,
table.lighttable .highlight-over a {
	color: var(--lighttable-link-color);
}

/* Underground pass and Lunar Diplomacy lighttable layout to make a 5x5 grid */
.underpasstable {
	margin-left: 3em;
}

/* need to be more specific for mobile */
body.skin-minerva .content table.underpasstable {
	margin-left: 3em;
}

.underpasstable,
.underpasstable .lighttable {
	border-collapse: collapse;

	/* only needed on mobile */
	margin-top: 0;
	margin-bottom: 0;
}

.underpasstable td {
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	border-spacing: 0;
	border-left: 1px solid var(--body-border);
	border-right: 1px solid var(--body-border);
}

.underpasstable td td {
	border: none;
	border-top: 1px solid var(--body-border);
	border-bottom: 1px solid var(--body-border);
}

.underpasstable tfoot {
	display: none;
}