MediaWiki:Gadget-highlightTable-core.css
Revision as of 17:37, 3 October 2022 by Jacmob (talk | contribs) (Created page with "→CSS for [[MediaWiki:Gadget-highlightTable.js]]: →=========================== wikitable lighttables ===========================: :root { →remind me later to change this colors: --lighttable-bg-hover: #ccc; --lighttable-bg-active: #cfc; →or #c3e8a3/@caper?: --lighttable-border: black; } table.lighttable .highlight-on { background-color: var(--lighttable-bg-active); } table.lighttable .highlight-over { background-color: var(--...")
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
1 /* CSS for [[MediaWiki:Gadget-highlightTable.js]] */
2
3 /* ===========================
4 wikitable lighttables
5 =========================== */
6
7 :root {
8 /* remind me later to change this colors */
9 --lighttable-bg-hover: #ccc;
10 --lighttable-bg-active: #cfc; /* or #c3e8a3/@caper? */
11 --lighttable-border: black;
12 }
13
14 table.lighttable .highlight-on {
15 background-color: var(--lighttable-bg-active);
16 }
17
18 table.lighttable .highlight-over {
19 background-color: var(--lighttable-bg-hover);
20 }
21
22 /* Underground pass and Lunar Diplomacy lighttable layout to make a 5x5 grid */
23 .underpasstable {
24 margin-left: 3em;
25 }
26
27 /* need to be more specific for mobile */
28 body.skin-minerva .content table.underpasstable {
29 margin-left: 3em;
30 }
31
32 .underpasstable,
33 .underpasstable .lighttable {
34 border-collapse: collapse;
35
36 /* only needed on mobile */
37 margin-top: 0;
38 margin-bottom: 0;
39 }
40
41 .underpasstable td {
42 padding: 0;
43 margin: 0;
44 width: 50px;
45 height: 50px;
46 border-spacing: 0;
47 border-left: 1px solid var(--lighttable-border);
48 border-right: 1px solid var(--lighttable-border);
49 }
50
51 .underpasstable td td {
52 border: none;
53 border-top: 1px solid var(--lighttable-border);
54 border-bottom: 1px solid var(--lighttable-border);
55 }
56
57 .underpasstable tfoot {
58 display: none;
59 }