MediaWiki:Gadget-highlightTable-core.css

From Old School Near-Reality Wiki
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(--...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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 }