MediaWiki:Gadget-switch-infobox.css
Revision as of 17:24, 3 October 2022 by Jacmob (talk | contribs) (Created page with ".switch-infobox > p, .switch-infobox-triggers > p { display: none; } .switch-infobox > p:first-child, .switch-infobox-triggers > p:first-child { display: block; } .switch-infobox > .item { display: none; } .switch-infobox > .item.showing { display: block; } .switch-infobox > .loading-button { display: none; } →out of place and not really done elsewhere .switch-infobox.loading > .loading-button { display: inline-block; }: .switch-infobox.loading > .switch-in...")
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 .switch-infobox > p,
2 .switch-infobox-triggers > p {
3 display: none;
4 }
5
6 .switch-infobox > p:first-child,
7 .switch-infobox-triggers > p:first-child {
8 display: block;
9 }
10
11 .switch-infobox > .item {
12 display: none;
13 }
14
15 .switch-infobox > .item.showing {
16 display: block;
17 }
18
19 .switch-infobox > .loading-button {
20 display: none;
21 }
22 /* out of place and not really done elsewhere
23 .switch-infobox.loading > .loading-button {
24 display: inline-block;
25 }
26 */
27 .switch-infobox.loading > .switch-infobox-triggers {
28 display: none;
29 }
30
31 .trigger.button {
32 white-space: pre;
33 margin: 0 2px;
34 }
35
36 .switch-infobox-triggers .trigger.button[disabled="disabled"],
37 .infobox-buttons .button[disabled="disabled"],
38 .infobox-buttons .button.button-selected,
39 .switch-infobox-triggers .trigger.button.button-selected {
40 opacity: 0.5;
41 }
42
43 .rsw-infobox td.rsw-infobox-switch-buttons,
44 .infobox .infobox-switch-buttons {
45 padding-top: 0.5em;
46 padding-bottom: 0;
47 border-top: 0;
48 }
49
50 .switch-infobox .switch-infobox-triggers .button,
51 .infobox-switch .infobox-buttons .button,
52 .infobox-wrapper .infobox-buttons .button {
53 background: var(--button-background);
54 border: transparent;
55 color: var(--button-color);
56 cursor: pointer;
57 display: inline-block;
58 font-size: 0.75rem;
59 height: 19px;
60 line-height: 20px;
61 padding: 0 10px;
62 white-space: pre;
63 margin: 0 2px;
64 }
65
66 .switch-infobox .switch-infobox-triggers,
67 .switch-infobox .loading-button {
68 clear: left;
69 }
70
71 .switch-infobox caption .switch-infobox-triggers,
72 .rsw-infobox-switch-buttons-row .infobox-buttons,
73 .infobox-switch-buttons-row .infobox-buttons {
74 text-align: center;
75 }
76
77 .rsw-synced-switch .rsw-synced-switch-item {
78 display: none;
79 }
80
81 .rsw-synced-switch .rsw-synced-switch-item.showing {
82 display: block;
83 }
84
85 /* workaround so mobile buttons don't get bg */
86 body.skin-minerva caption.rsw-infobox-switch-buttons-caption,
87 body.skin-minerva caption.infobox-switch-buttons-caption {
88 background: none;
89 display: table-caption;
90 }
91
92 body.skin-minerva .infobox-switch {
93 display: table;
94 }
95
96 .gender-render-hidden {
97 display: none;
98 }
99
100 .infobox-bonuses .gender-render {
101 border-left: 1px solid #94866d;
102 }
103
104 body.wgl-darkmode .infobox-bonuses .gender-render {
105 border-left-color: #596e96;
106 }