User:Aaron Liu/v22.css
Appearance
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.
/*&* Ahoy, editors! Here are some considerable enhancement to your Vector 2022 experience.
Everything except link colors (which are at [[User:Aaron Liu/oldLinkColors.css]]) has its roots in the far shores of [[w:User:Jonesey95/common.css]]! 🙀 (wait why does he put all of his v22 rules in common and normal rules in v22?)
You are very much free to use these by including @import url(//meta.wikimedia.org/w/index.php?title=User:Aaron_Liu/v22.css&action=raw&ctype=text/css); in your global.css file.
enjoy!>:) *&*/
/** Vector 2022 padding shrinkers **/
/* Vector 2022: Fix excessive padding inside floaty stuff */
.vector-pinned-container {
padding: 0 2px;
}
/* V22: Unshrink ToC buttons */
.vector-toc .vector-toc-toggle {
left: -7px;
}
/* V22: revert weird extra width when ToC section name is bolded */
.vector-toc .vector-toc-list-item-active > .vector-toc-link .vector-toc-text, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link .vector-toc-text, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link .vector-toc-text {
width: inherit;
}
/** V22 grid configs **/
/* Vector 2022: Fix excessive left padding when TOC is in the sidebar. See [https://phabricator.wikimedia.org/T325099] */
.vector-feature-toc-pinned-clientpref-1 .mw-page-container-inner {
grid-template-columns: 164px minmax(0,1fr);
column-gap: 14px;
}
/* Vector 2022: Main menu sidebar is far too wide, with wasted white space to its left (next four items). No bug submitted. This may be fixed by https://phabricator.wikimedia.org/T321860 */
.vector-feature-main-menu-pinned-enabled #vector-main-menu-pinned-container .vector-main-menu {
padding: 0;
/*margin-left: -7px;*/
}
#mw-panel {
padding: 0;
}
/* V22: Fix excessive padding when right sidebar present. */
.vector-feature-page-tools-pinned-enabled .mw-body,
.vector-feature-appearance-pinned-clientpref-1 .mw-body,
.vector-feature-client-prefs-pinned-enabled .mw-body {
column-gap: 14px;
grid-template-columns: minmax(0,1fr) min-content;
}
.vector-feature-page-tools-pinned-enabled .vector-column-end {
width: 10.5rem;
}
/* V22: Fix excessive padding when no right sidebar */
.vector-feature-page-tools-pinned-disabled.vector-feature-appearance-pinned-clientpref-0 .mw-body,
.vector-feature-page-tools-pinned-disabled.vector-feature-client-prefs-pinned-disabled .mw-body,
.vector-feature-page-tools-pinned-disabled.vector-feature-client-preferences-disabled .mw-body {
grid-template-columns: 1fr min-content
}
/** end grid configs **/
/** V22: Revert some of Zebra's most obnoxious dropdown changes **/
.vector-dropdown .vector-dropdown-content {
padding: 0;
border:1px solid #a2a9b1;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
}
.vector-dropdown-content .mw-list-item a {
display: flex;
align-items: center;
padding:6px 14px;
}
.vector-dropdown-content > :not(:last-child) {
border-bottom: 1px solid #eaecf0;
}
/* Make unpinned stuff retain a bit of padding */
.vector-unpinned-container {
padding: 0.5em 1em;
}
/* Vector 2022: Fix sitenotice padding at top of page. See https://phabricator.wikimedia.org/T325219 */
.skin-vector-2022 #siteNotice {
margin:0
}
/* V22/RedWarn: Fix header gap on Main Page */
.skin-vector-2022.rootpage-Main_Page #content #rwPGIconContainer {
font-size: 0;
}
/* Vector 2022: reduce vertical size of sticky header (top of page; next two items); see phab T314328 */
.vector-sticky-header-context-bar-primary {
font-size: 22px;
}
.vector-sticky-header {
padding-bottom: 2px;
padding-top: 2px;
height: 35px;
}
/* Vector 2022: remove unneeded subtitles' padding */
.mw-body #contentSub, #contentSub2 {
margin-top: 0;
}
/* V22: remove weird gap at top of page */
#mw-content-text.mw-body-content {
margin-top: 0;
}
/*** end vector 2022 padding shrinkers ***/
/* *** Vector 2022 miscellaneous adjustments *** */
/* Vector 2022: hide "languages list moved" message in sidebar */
.vector-language-sidebar-alert {
display: none;
}
.vector-main-menu-action-lang-alert {
display: none;
}
/* Vector 2022: hide "Switch to old look" */
.vector-main-menu-action-opt-out {
display: none;
}
/* Hide "Print this page" section, which Jonesey95 has never used in ten years as an editor and neither have I */
.mw-portlet-coll-print_export {
display: none;
}
.mw-portlet-electronpdfservice-sidebar-portlet-heading {
display: none;
}
/* Vector 2022: eliminate slow slide-out transition of sticky header */
#vector-sticky-header {
transition-duration: 0ms;
}
/* Vector: Hack back T265947, which the angry anti-decoration people have hacked away */
.vector-body blockquote {
border-left:4px solid #eaecf0;
}