https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AVector.less%2Fvectormenu.less 2026-04-26T05:18:46Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Vector.less/vectormenu.less&diff=34898&oldid=prev 2024-10-16T23:11:33Z

<p>Created page with &quot;:root { --personal-links-bg: var(--body-main); // --background-text-color (#444) fill --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;12&#039; height=&#039;12&#039; viewBox=&#039;0 0 12 12&#039;%3E%3Cpath d=&#039;M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5&#039; fill=&#039;%23444&#039;/%3E%3C/svg%3E&quot;); } .vector-menu-dropdown { .vector-menu-heading { background-color: var(--vector-tab-background); padding: 1em 0.75em 0.6923em; // 0.6923em is roug...&quot;</p> <p><b>New page</b></p><div>:root {<br /> --personal-links-bg: var(--body-main);<br /> // --background-text-color (#444) fill<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;12&#039; height=&#039;12&#039; viewBox=&#039;0 0 12 12&#039;%3E%3Cpath d=&#039;M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5&#039; fill=&#039;%23444&#039;/%3E%3C/svg%3E&quot;);<br /> }<br /> <br /> .vector-menu-dropdown {<br /> .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em; // 0.6923em is roughly 9px<br /> margin: 0; // kill negative pixel margin<br /> <br /> // &quot;More&quot; text<br /> &amp;,<br /> &amp;:hover,<br /> &amp;:focus {<br /> color: var(--background-text-color);<br /> }<br /> <br /> &amp;:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1;<br /> }<br /> }<br /> <br /> .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);<br /> left: 0; // reset -1px offset since we don&#039;t have border between tabs<br /> }<br /> <br /> .mw-list-item {<br /> a {<br /> color: var(--link-color);<br /> }<br /> <br /> // Selected page on the menu<br /> &amp;.selected a,<br /> &amp;.selected a:visited {<br /> color: var(--text-color);<br /> }<br /> }<br /> }<br /> <br /> // top links<br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 @border-radius * 2;<br /> height: 1.875em; // 30px with a 16px default font-size<br /> <br /> ul {<br /> padding: 0 1em 0 .4375em; // + list items&#039; margin-left of 9px = 1em on both sides<br /> }<br /> }</div>

Alex