MediaWiki:Vector.css: Difference between revisions
imported>Ttv pedro270707 (Added grass, still needs some work to look good) |
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 */ | ||
.mw-body { | |||
z-index: 1; | |||
position: absolute; | |||
} | |||
.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: url(https://static.miraheze.org/btawiki/8/85/Navigation_bg.png),linear-gradient(#fff, #fff); | ||
Line 13: | Line 18: | ||
} | } | ||
.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected { | .vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected, .vector-menu-tabs-legacy { | ||
background-size: 32px; | background-size: 32px; | ||
position: relative; | position: relative; | ||
Line 29: | Line 34: | ||
transform: matrix(1, 0, -1, 1, 0, 0); | transform: matrix(1, 0, -1, 1, 0, 0); | ||
left: 4px; | 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; | |||
} | } | ||
Line 37: | Line 62: | ||
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); | ||
position: absolute; | position: absolute; | ||
background-size: 16px | background-size: 16px 10px; | ||
width: 8px; | width: 8px; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; |
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; }