MediaWiki:Vector.css

From Ardent Spacers Wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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;











}