https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-toplinksDropdown.less 2026-04-26T11:18:58Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Gadget-toplinksDropdown.less&diff=34677&oldid=prev 2024-10-16T23:10:49Z

<p>Created page with &quot;// prevent this from doing anything on Special:Preferences; JS doesn&#039;t load on that // page, so users will be unable to access the personal links that are display: none&#039;d body:not(.mw-special-Preferences) { // hide these with css first so there&#039;s no jump after js loads #pt-mytalk, #pt-preferences, #pt-watchlist, #pt-mycontris, #pt-logout { display: none; } // username link #p-personal #pt-userpage { float: right;...&quot;</p> <p><b>New page</b></p><div>// prevent this from doing anything on Special:Preferences; JS doesn&#039;t load on that<br /> // page, so users will be unable to access the personal links that are display: none&#039;d<br /> <br /> body:not(.mw-special-Preferences) {<br /> <br /> // hide these with css first so there&#039;s no jump after js loads<br /> #pt-mytalk,<br /> #pt-preferences,<br /> #pt-watchlist,<br /> #pt-mycontris,<br /> #pt-logout {<br /> display: none;<br /> }<br /> <br /> // username link<br /> #p-personal #pt-userpage {<br /> float: right;<br /> position: relative;<br /> <br /> // needs large padding (not margin) to increase hover target<br /> padding-bottom: 1.4em;<br /> background-position: left center;<br /> }<br /> <br /> #pt-userpage {<br /> <br /> // dropdown stuff<br /> .pt-userpage-dropdown {<br /> display: none;<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 1em;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> <br /> position: absolute;<br /> top: 2.5em;<br /> right: 0;<br /> z-index: 10;<br /> <br /> // same as .vector-menu-content (&quot;More&quot; dropdown)<br /> transition: opacity 100ms;<br /> <br /> // pointy triangle<br /> &amp;::before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> border: 8px solid transparent;<br /> border-top: 0;<br /> border-bottom: 8px solid var(--body-border);<br /> top: -8px;<br /> right: 10px;<br /> }<br /> <br /> &amp;::after {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> border: 11px solid transparent;<br /> border-top: 0;<br /> border-bottom: 11px solid var(--body-light);<br /> top: -6.5px;<br /> right: 7px;<br /> }<br /> <br /> ul {<br /> padding: 0;<br /> list-style: none;<br /> }<br /> <br /> li {<br /> display: block; // undo the display: none<br /> width: 100%;<br /> font-size: 1.08333em; // 13px<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> // make link span entire dropdown<br /> li a {<br /> color: var(--link-color);<br /> display: block;<br /> padding: 0.625em;<br /> box-sizing: border-box;<br /> background-image: none;<br /> }<br /> <br /> }<br /> <br /> // show dropdown on username hover<br /> &amp;:hover .pt-userpage-dropdown {<br /> display: block;<br /> }<br /> <br /> }<br /> <br /> // new talk page message<br /> #pt-mytalk .mw-echo-alert {<br /> color: #6bc71f;<br /> background: none;<br /> font-weight: bold;<br /> }<br /> <br /> }</div>

Alex