MediaWiki:Vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Taken from Minecraft wiki */
/* Remove excess spacing between the sidebar and the logo */
div#mw-panel {
	padding-top: 0;
	padding-bottom: 10px;
}

/* Changes size of logo panel */
#p-logo,
#p-logo a {
	height: 140px;
}

/* Collapsible side panel sections (arrow copied from the Aether Wiki) */
#mw-panel nav.vector-menu-portal h3:before {
    content: "";
    display: inline-block;
    background: 0 0;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #AAA transparent;
    border-width: 6px 5px 0;
    margin-right: -11px;
    margin-bottom: 1px;
}

#mw-panel nav.vector-menu-portal.collapsed h3:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.vector-legacy-sidebar .vector-menu-portal {
	display: var(--sidebar-display, block);
    margin: 0.5em 8px 2px 6px;
    padding: 0;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content {
    margin-left: 0;
    padding: 0;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content-list {
    padding: 0.3em 0.5em;
}

div#mw-panel nav.vector-menu-portal h3 {
    background: conic-gradient(from 180deg at 2px calc(100% - 2px), #6a6b6c 90deg, transparent 0),
                conic-gradient(from 0 at calc(100% - 2px) 2px, #6a6b6c 90deg, transparent 0),
                linear-gradient(to top, #464747 2px, transparent 0px),
                linear-gradient(to bottom, #5a5b5c 2px, transparent 0px),
                linear-gradient(to left, #464747 2px, transparent 0px),
                linear-gradient(to right, #5a5b5c 2px, transparent 0px);
    background-color: #313233;
    padding: calc(0.5em + 2px);
    border-bottom: 2px solid black;
}

@media screen and (min-width: 720px) {
	div#mw-panel nav.vector-menu-portal.collapsed h3 {
	    background: conic-gradient(from 180deg at 2px calc(100% - 2px), #7c7c7d 90deg, transparent 0),
	                conic-gradient(from 0 at calc(100% - 2px) 2px, #7c7c7d 90deg, transparent 0),
	                linear-gradient(to top, #5a5b5c 2px, transparent 0),
	                linear-gradient(to bottom, #6d6d6e 2px, transparent 0),
	                linear-gradient(to left, #5a5b5c 2px, transparent 0),
	                linear-gradient(to right, #6d6d6e 2px, transparent 0);
	    background-color: #48494a;
	    padding: 0.5em calc(0.5em + 2px);
	    border-bottom: 5px solid #313233;
	}
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    margin: 0;
}

nav.mw-portlet.emptyPortlet {
	display: none;
}