MediaWiki:Vector.css: Difference between revisions
From Ardent Spacers Wiki
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
/* tilted tabs at the top of the page */ | |||
#mw-head #left-navigation .mw-list-item { | |||
transform: skew(30deg); | |||
padding: 0 .25em; | |||
border-left: .25em solid var(--vector-tab-gap); | |||
font-weight: 600; | |||
text-transform: uppercase; | |||
font-variant-caps: all-small-caps; | |||
} | |||
#mw-head #right-navigation nav:not(.mw-portlet-cactions) .mw-list-item { | |||
transform: skew(-30deg); | |||
padding: 0 .26em; | |||
margin: 0 -.1em; /* Use negative margin to fill in one pixel gaps that can occur */ | |||
border-left: .25em solid var(--vector-tab-gap); | |||
font-weight: 600; | |||
text-transform: uppercase; | |||
font-variant-caps: all-small-caps; | |||
} | |||
#mw-head #left-navigation .mw-list-item>a>span { | |||
display: inline-block; | |||
transform: skew(-30deg); | |||
} | |||
#mw-head #right-navigation nav:not(.mw-portlet-cactions) .mw-list-item>a>span { | |||
display: inline-block; | |||
transform: skew(30deg); | |||
position: relative; | |||
left: -2px; | |||
Revision as of 23:53, 9 August 2026
/* All CSS here will be loaded for users of the Vector skin */
:root {
/* tilted tabs at the top of the page */
#mw-head #left-navigation .mw-list-item {
transform: skew(30deg);
padding: 0 .25em;
border-left: .25em solid var(--vector-tab-gap);
font-weight: 600;
text-transform: uppercase;
font-variant-caps: all-small-caps;
}
#mw-head #right-navigation nav:not(.mw-portlet-cactions) .mw-list-item {
transform: skew(-30deg);
padding: 0 .26em;
margin: 0 -.1em; /* Use negative margin to fill in one pixel gaps that can occur */
border-left: .25em solid var(--vector-tab-gap);
font-weight: 600;
text-transform: uppercase;
font-variant-caps: all-small-caps;
}
#mw-head #left-navigation .mw-list-item>a>span {
display: inline-block;
transform: skew(-30deg);
}
#mw-head #right-navigation nav:not(.mw-portlet-cactions) .mw-list-item>a>span {
display: inline-block;
transform: skew(30deg);
position: relative;
left: -2px;
}
