MediaWiki:PortableListUsers.css

/** * @Name           PortableListUsers * @Version        v1.0 * @Author         Ursuul * @Author         TheGoldenPatrik1 * @Description    Styles the PortableListUsers script. */

/* Universal */ position: fixed; top: 0; left: 0; z-index: 1000000000; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); }/**/ /* Desktop */ .list-users-desktop #lu-table { width: 100%; } .list-users-desktop #lu-table #lu-table-first { font-weight: bold; } .list-users-desktop #lu-table #lu-avatar { width: auto; height: 22px; }   cursor: pointer; }/**/ /* Mobile */ .list-users-mobile { display: flex; flex-direction: column; } .list-users-mobile #lu-edits-select, .list-users-mobile #lu-tally { margin-top: 5px; } .list-users-mobile #lu-list li { display: grid; grid-template: "border border border" 20px "username username username" 30px "edits avatar gender" minmax(50px, min-content) "edited avatar registered" minmax(40px, min-content) "groups groups groups" min-content / minmax(min-content, 1fr) min-content minmax(min-content, 1fr); grid-column-gap: 10px; place-items: start center; text-align: center; margin: 10px 0 20px; -webkit-text-size-adjust: 100%; } .list-users-mobile #lu-list li:before { content: ""; grid-area: border; place-self: start stretch; border-bottom: 1px solid; } .list-users-mobile #lu-list li:last-child { margin-bottom: 0; } .list-users-mobile #lu-list li #lu-list-user { grid-area: username; } .list-users-mobile #lu-list li #lu-list-editcount { grid-area: edits; } .list-users-mobile #lu-list li #lu-list-avatar { grid-area: avatar; } .list-users-mobile #lu-list li #lu-avatar { width: auto; height: 60px; border: 1px solid; border-radius: 100%; margin-top: 7px; } .list-users-mobile #lu-list li #lu-list-gender { grid-area: gender; } .list-users-mobile #lu-list li #lu-list-last-edited { grid-area: edited; } .list-users-mobile #lu-list li #lu-list-registration { grid-area: registered; } .list-users-mobile #lu-list li #lu-list-groups { grid-area: groups; font-style: italic; padding-top: 5px; } .list-users-mobile #lu-list strong { font-weight: bold; }/**/
 * 1) lu-throbber {
 * 1) my-tools-menu #lu-link {