https://db.seven-sages-of-rome.org/index.php?action=history&feed=atom&title=MediaWiki%3AUIComponents.css 2026-05-02T00:16:47Z Revision history for this page on the wiki MediaWiki 1.43.6 https://db.seven-sages-of-rome.org/index.php?title=MediaWiki:UIComponents.css&diff=14371&oldid=prev 2026-01-23T12:19:31Z

<p>Created page with &quot;<span class="autocomment">Grid &amp; Layout Containers: </span> .grid-container { display: block; padding: 20px; } .grid-container .wikitable { margin-bottom: 20px; width: 100%; } <span class="autocomment">Standard Card: </span> .card { height: 250px; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); border-radius: 0.75rem; } .card:hover { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); } .card-block { display: grid; align-conte...&quot;</p> <p><b>New page</b></p><div>/* Grid &amp; Layout Containers */<br /> .grid-container {<br /> display: block;<br /> padding: 20px;<br /> }<br /> <br /> .grid-container .wikitable {<br /> margin-bottom: 20px;<br /> width: 100%;<br /> }<br /> <br /> /* Standard Card */<br /> .card {<br /> height: 250px;<br /> box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);<br /> border-radius: 0.75rem;<br /> }<br /> <br /> .card:hover {<br /> box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);<br /> }<br /> <br /> .card-block {<br /> display: grid;<br /> align-content: space-between;<br /> height: 100%;<br /> }<br /> <br /> /* Primary Action Button */<br /> .primary-btn {<br /> margin-right: auto;<br /> margin-left: auto;<br /> background-color: #222;<br /> border-radius: 4px;<br /> border-style: none;<br /> box-sizing: border-box;<br /> color: #fff !important;<br /> cursor: pointer;<br /> display: inline-block;<br /> font-family: &quot;Farfetch Basis&quot;, &quot;Helvetica Neue&quot;, Arial, sans-serif;<br /> font-size: 16px;<br /> font-weight: 700;<br /> line-height: 1.5;<br /> margin: 0;<br /> max-width: none;<br /> min-height: 44px;<br /> min-width: 10px;<br /> outline: none;<br /> overflow: hidden;<br /> padding: 9px 20px 8px;<br /> position: relative;<br /> text-align: center;<br /> text-transform: none;<br /> user-select: none;<br /> -webkit-user-select: none;<br /> touch-action: manipulation;<br /> width: 100%;<br /> }<br /> <br /> .primary-btn:hover,<br /> .primary-btn:focus {<br /> opacity: .75;<br /> }<br /> <br /> /* Alerts */<br /> .alert-info {<br /> background: rgba(64, 112, 255, 0.1) !important;<br /> backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(140%) !important;<br /> -webkit-backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(140%) !important;<br /> border: none !important;<br /> }<br /> <br /> /* WIP Banner */<br /> .wip-alert {<br /> position: fixed;<br /> display: none;<br /> bottom: 0;<br /> left: 50%;<br /> transform: translate(-50%, 0);<br /> z-index: 999;<br /> }</div>

Noeth