MediaWiki:Vector.css: Difference between revisions

From BTA-Mirror
imported>Ttv pedro270707
m (Now it should only affect Vector legacy)
imported>Ttv pedro270707
mNo edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Vector skin */
/* All CSS here will be loaded for users of the Vector skin */
.skin-vector-legacy.mw-body {
.skin-vector-legacy .mw-body {
z-index: 1;
z-index: 1;
     position: absolute;
     position: absolute;
}
}


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


.skin-vector-legacy .vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs-legacy li::before {
.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs-legacy li::before {
background-repeat: repeat-x;
background-repeat: repeat-x;
background-position: top;
background-position: top;
Line 18: Line 18:
}
}


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


.skin-vector-legacy .vector-menu-tabs-legacy li::before {
.vector-menu-tabs-legacy li::before {
content: '';
content: '';
display: block;
display: block;
Line 36: Line 36:
}
}


.skin-vector-legacy .vector-menu-tabs-legacy .vector-menu-content-list, .vector-menu-tabs-legacy::before {
.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-image: url(https://static.miraheze.org/btawiki/e/eb/Navigation_dirt.png);
background-size: 32px;
background-size: 32px;
Line 42: Line 42:
}
}


.skin-vector-legacy .vector-menu-tabs-legacy::before {
.vector-menu-tabs-legacy::before {
content: '';
content: '';
     display: block;
     display: block;
Line 56: Line 56:
}
}


.skin-vector-legacy .vector-menu-tabs-legacy li::after {
.vector-menu-tabs-legacy li::after {
content: '';
content: '';
display: block;
display: block;

Revision as of 17:25, 27 February 2023

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

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