https://wiki.geministation.com/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-QDmodal.css 2026-06-04T12:11:42Z Revision history for this page on the wiki MediaWiki 1.43.8 https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-QDmodal.css&diff=4256&oldid=prev 2020-06-02T18:53:10Z

<p>Created page with &quot;<span class="autocomment">CSS for &#91;&#91;MediaWiki:Gadget-QDmodal.js&#93;&#93;: </span> .qdmodal-no-scroll { overflow: hidden; } .qdmodal-container { background-color: hsla(0, 0%, 0%, 0.4); font-size: 14...&quot;</p> <p><b>New page</b></p><div>/* CSS for [[MediaWiki:Gadget-QDmodal.js]] */<br /> <br /> .qdmodal-no-scroll {<br /> overflow: hidden;<br /> }<br /> <br /> .qdmodal-container {<br /> background-color: hsla(0, 0%, 0%, 0.4);<br /> font-size: 14px;<br /> line-height: 22px;<br /> <br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> right: 0;<br /> bottom: 0;<br /> z-index: 101; /* #p-personal has z-index of 100 */<br /> }<br /> <br /> .qdmodal {<br /> color: #36414f;<br /> background-color: #fff;<br /> border-radius: 3px;<br /> <br /> display: flex;<br /> flex-direction: column;<br /> max-height: calc(100% - 50px);<br /> max-width: calc(100% - 50px);<br /> overflow: hidden;<br /> }<br /> <br /> @media (max-height: 500px) {<br /> <br /> .qdmodal {<br /> max-height: 100%;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 500px) {<br /> <br /> .qdmodal {<br /> max-width: 100%;<br /> }<br /> <br /> }<br /> <br /> .qdmodal &gt; section {<br /> flex-grow: 1;<br /> padding: 20px;<br /> min-height: 40px;<br /> overflow-y: auto;<br /> -webkit-overflow-scrolling: touch; /* enable inertia scrolling on mobile */<br /> }<br /> <br /> .qdmodal &gt; header,<br /> .qdmodal &gt; footer {<br /> display: flex;<br /> background-color: hsla(0, 0%, 75%, 0.4);<br /> }<br /> <br /> .qdmodal &gt; header {<br /> min-height: 22px;<br /> padding: 12px 20px;<br /> }<br /> <br /> .qdmodal &gt; footer {<br /> align-items: center;<br /> flex-direction: row-reverse;<br /> min-height: 27px;<br /> padding: 9px;<br /> }<br /> <br /> .qdmodal &gt; header &gt; h3 {<br /> flex-grow: 1;<br /> color: inherit;<br /> font-size: 1.3em;<br /> font-weight: bold;<br /> margin: 0;<br /> padding: 0;<br /> text-overflow: ellipsis;<br /> white-space: nowrap;<br /> overflow: hidden;<br /> }<br /> <br /> .qdmodal .diff-addedline,<br /> .qdmodal .diff-deletedline,<br /> .qdmodal .diff-context {<br /> font-size: 90%;<br /> }<br /> <br /> .qdmodal-close {<br /> width: 28px;<br /> height: 28px;<br /> min-width: 28px;<br /> margin: -12px -20px;<br /> margin-left: 0;<br /> padding: 9px;<br /> }<br /> <br /> .qdmodal-button {<br /> border: 1px solid #999;<br /> border-radius: 3px;<br /> color: inherit;<br /> font-size: 0.9em;<br /> line-height: 1;<br /> cursor: default;<br /> white-space: nowrap;<br /> <br /> display: block;<br /> height: 1em;<br /> margin-left: 12px;<br /> padding: 6px 12px;<br /> }<br /> <br /> .qdmodal-button[href] {<br /> cursor: pointer;<br /> }<br /> <br /> .qdmodal-button:visited {<br /> color: inherit;<br /> }<br /> <br /> .qdmodal-button[disabled] {<br /> opacity: 0.6;<br /> pointer-events: none;<br /> }<br /> <br /> .qdmodal-close,<br /> .qdmodal-button {<br /> transition: background-color 0.2s;<br /> }<br /> <br /> .qdmodal-close:hover,<br /> .qdmodal-button:hover {<br /> background-color: #fff;<br /> border-color: #777;<br /> text-decoration: none;<br /> }<br /> <br /> /* dark mode */<br /> <br /> .wgl-darkmode .qdmodal {<br /> color: #cbd9f4;<br /> background: #172136;<br /> }<br /> <br /> .wgl-darkmode .qdmodal &gt; header,<br /> .wgl-darkmode .qdmodal &gt; footer {<br /> background: #11192a;<br /> }<br /> <br /> .wgl-darkmode .qdmodal .mw-ajax-loader {<br /> filter: invert(1);<br /> }<br /> <br /> .wgl-darkmode .qdmodal-button {<br /> border-color: #596e96;<br /> }<br /> <br /> .wgl-darkmode .qdmodal-close:hover,<br /> .wgl-darkmode .qdmodal-button:hover {<br /> background: #222e45;<br /> border-color: #596e96;<br /> }</div>

Banri