http://www.kiwiki.info/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-checkboxList.css 2026-05-06T11:56:44Z História úprav pre túto stránku na wiki MediaWiki 1.34.0 http://www.kiwiki.info/index.php?title=MediaWiki:Gadget-checkboxList.css&diff=12133&oldid=prev 2020-04-16T17:57:10Z

<p>Vytvorená stránka „<span dir="auto"><span class="autocomment">CSS for <a href="/index.php/MediaWiki:Gadget-checkboxList.js" title="MediaWiki:Gadget-checkboxList.js">MediaWiki:Gadget-checkboxList.js</a>: </span> <span dir="auto"><span class="autocomment">Use with <a href="/index.php/%C5%A0abl%C3%B3na:Checklist" title="Šablóna:Checklist">Template:Checklist</a>: </span> /* =========================== lighttable checklists =================…“</span></span></p> <p><b>Nová stránka</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: '';<br /> position: absolute;<br /> height: 1rem;<br /> width: 1rem;<br /> top: .3rem;<br /> left: 0;<br /> background-image: url('filepath://Checkbox-unchecked.svg');<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('filepath://Checkbox-checked.svg');<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>

Juraj