MediaWiki:Vector.less/vectorsidebar.less

// sidebar

1. mw-panel {

padding-top: 2.5em; }

// sidebar links .vector-menu-portal { .vector-menu-heading { color: var(--background-text-color); font-weight: bold; background: none; } .vector-menu-content li { a, a:visited { color: var(--background-link-color); } } }

// logo

1. p-logo {

filter: drop-shadow(0 2px 5px rgba(0,0,0,.25)); margin: -1.5em 0 0; }

/* Forum:Add a better Discord link to the sidebar */

1. n-Discord a {

color: white !important; font-size: 12px; font-weight: bold; border-radius: 5px; border: 1px solid @discord-bg-darker; background-color: @discord-bg;

display: block; position: relative; padding: 4px 0 5px calc(17px + 6.5px * 2); // width of icon + padding on either side box-shadow: 0 2px 3px rgba(0, 0, 0, .1); transition: .2s ease;

&::before { content: 'Chat on '; font-weight: normal; opacity: .85; }

&::after { content: ; background: url('images/Discord_logo_icon.svg') no-repeat; background-size: 17px 13px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .1));

position: absolute; top: 5px; left: 7px; width: 17px; height: 13px; }

&:hover { text-decoration: none; background-color: @discord-bg-dark; }

}

.wgl-darkmode #n-Discord a { background-color: @discord-bg-dark;

&:hover { background-color: @discord-bg-darker; } }