MediaWiki:Vector.less/vectormenu.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
:root {
	--personal-links-bg: hsl(43, 27%, 78%);
}
.vector-menu-dropdown {
	h3 {
		box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);
		background-color: var(--body-background-color);
		padding-top: 1em;

		// "more" text
		span {
			color: var(--sidebar-text-color);
		}

		&:after {
			margin-bottom: 0.4em;
		}
	}

	.vector-menu-content {
		border: 1px solid var(--body-border);
		background-color: var(--body-light);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
	}

	li a {
		color: var(--sidebar-link-color);
	}

	// Selected page on the menu
	.selected a,
	.selected a:visited {
		color: var(--text-color);
	}
}

// top links
#p-personal {
	background: var(--personal-links-bg);
	top: 0;
	right: 0;
	border-radius: 0 0 0 .3em;
	height: 30px;
	
	ul {
		padding: 0 1em 0 .4em;
	}
}