MediaWiki:Vector.css: Difference between revisions

Revision as of 01:12, 15 March 2023

/* All CSS here will be loaded for users of the Vector skin */
.skin-vector-legacy .mw-body {
	z-index: 1;
    position: relative;
}

.vector-menu-tabs-legacy .selected {
	background-image: url(https://static.miraheze.org/btawiki/8/85/Navigation_bg.png),linear-gradient(#fff, #fff);
}
.vector-menu-tabs-legacy li {
	background-image: url(https://static.miraheze.org/btawiki/8/85/Navigation_bg.png);
}

.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs-legacy li::before {
	background-repeat: repeat-x;
	background-position: top;
	image-rendering: pixelated;
}

.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs-legacy {
	background-size: 32px;
	position: relative;
}

.vector-menu-tabs-legacy li::before {
    content: '';
    display: block;
    height: 8px;
    width: 100.56%;
    background-image: url(https://static.miraheze.org/btawiki/e/e3/Navigation_top.png);
    background-size: 32px 100%;
    position: absolute;
    bottom: 40px;
    transform: matrix(1, 0, -1, 1, 0, 0);
    transform-origin: bottom left;
}

.vector-menu-tabs-legacy .vector-menu-content-list, .vector-menu-tabs-legacy::before {
	background-image: url(https://static.miraheze.org/btawiki/e/eb/Navigation_dirt.png);
	background-size: 32px;
    image-rendering: pixelated;
}

.client-darkmode .vector-menu-tabs-legacy .vector-menu-content-list, .client-darkmode .vector-menu-tabs-legacy::before {
	background-color: #000000 !important;
}

.vector-menu-tabs-legacy::before {
	content: '';
    display: block;
    height: calc(100% + 8px);
    position: absolute;
    background-size: 16px 32px;
    width: 8px;
    background-repeat: repeat;
    left: 100%;
    transform: matrix(1,-1,0,1,0,0);
    bottom: -4px;
    image-rendering: pixelated;
}

.vector-menu-tabs-legacy li::after {
	content: '';
	display: block;
	height: 100%;
	background-image: url(https://static.miraheze.org/btawiki/8/85/Navigation_bg.png);
	position: absolute;
	background-size: 16px 10px;
	width: 8px;
	background-repeat: no-repeat;
	left: 100%;
	transform: matrix(1, -1, 0, 1, 0, 0);
    bottom: 4px;
}