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;











}