MediaWiki:Vector.less/vectorsidebar.less

// sidebar

1. mw-panel {

padding-top: 2.5em; }

// sidebar links div#mw-panel .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; // default sidebar font size font-weight: bold; border-radius: @border-radius * 2; border: 1px solid @discord-bg-darker; background-color: @discord-bg;

display: block; position: relative; padding: 4px 4px 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` is the default timing-function

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

&::after { content: ; background: url('/images/rss/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-theme-dark #n-Discord a { background-color: @discord-bg-dark;

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