MediaWiki:Vector.css: Difference between revisions

From BTA-Mirror
imported>Ttv pedro270707
mNo edit summary
imported>Ttv pedro270707
mNo edit summary
(No difference)

Revision as of 00:39, 27 February 2023

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

.vector-menu-tabs-legacy .selected {
	background: 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%;
	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);
    left: 4px;
}

.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;
}

.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;
}