MediaWiki:Vector.css: Difference between revisions
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; | ||
} | } | ||
.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); | ||
} | } | ||
.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); | ||
} | } | ||
.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: | ||
} | } | ||
.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs-legacy { | |||
background-size: 32px; | background-size: 32px; | ||
position: relative; | position: relative; | ||
} | } | ||
.vector-menu-tabs-legacy li::before { | |||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
Line 36: | Line 36: | ||
} | } | ||
.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: | ||
} | } | ||
.vector-menu-tabs-legacy::before { | |||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
Line 56: | Line 56: | ||
} | } | ||
.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; }