User:DragoonAethis/vector-2022.css

From ArchWiki

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Make responsive Vector 2022 a little wider: */
.mw-page-container,
#vector-sticky-header,
.mw-workspace-container,
#p-search > div:nth-child(1),
.skin-vector-disable-max-width .mw-content-container,
.skin-vector-disable-max-width .mw-article-toolbar-container,
.client-js .vector-search-box-vue.vector-search-box-show-thumbnail > div {
    max-width: 100%;
}

#mw-panel-toc.sidebar-toc {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 12px;
	width: 100%;
}

@media screen and (min-width: 86.75em) {
    .skin-vector-disable-max-width .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container #mw-navigation #mw-head {
        margin-left: 11.5em;
    }
}

.mw-article-toolbar-container,
.mw-content-container {
    max-width: 80em;
}

/* Remove frame and make the background white */
body.skin-vector div.mw-page-container {
    background-color: white;
}

.mw-content-container > #content {
    border: 0px solid;
}

/* Separator visibility fix */
@media screen and (min-width: 105em) {
    .mw-sidebar { border-right: 1px solid #eaeaea; }
}

/* Bottom pill-style tabs */
.vector-menu-tabs li { border: 0px solid; }

body.skin-vector.skin--responsive nav.vector-menu-tabs li.selected {
    border: none;
    margin-top: 0;
    border-bottom: 3px solid #1794D1;
}

nav.vector-menu-tabs ul li {
    background-clip: border-box;
}

body.skin-vector.skin--responsive nav.vector-menu-tabs li {
    font-weight: bold;
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background: none;
}