https://wiki.geministation.com/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-checkboxList.css 2026-06-04T15:48:06Z Revision history for this page on the wiki MediaWiki 1.43.8 https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-checkboxList.css&diff=4307&oldid=prev 2020-06-02T22:24:38Z

<p>Created page with &quot;<span class="autocomment">CSS for &#91;&#91;MediaWiki:Gadget-checkboxList.js&#93;&#93;: </span> <span class="autocomment">Use with &#91;&#91;Template:Checklist&#93;&#93;: </span> /* =========================== lighttable checklists =======================...&quot;</p> <p><b>New page</b></p><div>/* CSS for [[MediaWiki:Gadget-checkboxList.js]] */<br /> /* Use with [[Template:Checklist]] */<br /> <br /> /* ===========================<br /> lighttable checklists<br /> =========================== */<br /> <br /> /* checklist will otherwise render anything floated to the right unclickable<br /> due to overlap; 300px is the width of infoboxes and default thumbnail size */<br /> .lighttable.checklist {<br /> max-width: calc(100% - 350px);<br /> }<br /> <br /> /* mobile skin and {{Quest details}} */<br /> body.skin-minerva .lighttable.checklist,<br /> .questdetails .lighttable.checklist {<br /> max-width: 100%;<br /> }<br /> <br /> /* kill excessive margin if nested */<br /> .lighttable.checklist ul ul {<br /> margin-left: .5em;<br /> }<br /> <br /> .lighttable.checklist li {<br /> padding-left: 1.75em;<br /> margin-bottom: .3em;<br /> position: relative;<br /> list-style: none;<br /> cursor: pointer;<br /> }<br /> <br /> /* ---------------------------<br /> unchecked state<br /> --------------------------- */<br /> <br /> .lighttable.checklist li::before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> height: 1rem;<br /> width: 1rem;<br /> top: .3rem;<br /> left: 0;<br /> background-image: url(&#039;https://wiki.geministation.com/images/d/de/Checkbox-unchecked.png&#039;);<br /> background-size: 1rem;<br /> }<br /> <br /> /* unchecked hover state */<br /> .lighttable.checklist li:not(.checked):hover::before {<br /> background-color: #e4eaee;<br /> border-radius: .2rem;<br /> }<br /> <br /> body.wgl-darkmode .lighttable.checklist li:not(.checked):hover::before {<br /> background-color: #313e59;<br /> }<br /> <br /> /* ---------------------------<br /> checked state<br /> --------------------------- */<br /> <br /> /* only fade the text content, not the checkbox; exclude nested checklists and<br /> bold/italics, otherwise the fading gets applied twice */<br /> <br /> .lighttable.checklist .checked &gt; *:not(ul):not(i):not(b) {<br /> opacity: 0.5;<br /> }<br /> <br /> .lighttable.checklist .checked::before {<br /> background-image: url(&#039;https://wiki.geministation.com/images/9/9d/Checkbox-checked.png&#039;);<br /> }<br /> <br /> .lighttable.checklist .checked {<br /> color: rgba(54, 65, 79, 0.5); /* #36414f in rgba */<br /> }<br /> <br /> body.wgl-darkmode .lighttable.checklist .checked {<br /> color: rgba(204, 217, 244, 0.5); /* #ccd9f4 in rgba */<br /> }</div>

Banri