User:Jonesey95/common.css

/* Vector 2022 changes. If any of these stop working, it may be due to changes in the class names or refactoring of code related to padding. See https://phabricator.wikimedia.org/T322361 and https://phabricator.wikimedia.org/T321860 */

/* See https://www.mediawiki.org/wiki/User:Quiddity/Vector-2022-condensed.css for more potential improvements */

/* *** Vector 2022 white space issues *** */

/* First, uncheck "Enable limited width mode" in Preferences -> Appearance */

/* Vector 2022: Reduce excessive padding at left and right page edges */ .mw-page-container { padding-left: 0em; padding-right: 0em; background-color: #f6f6f6; }

/* Vector 2022: Fix excessive left padding when TOC is in the sidebar. See https://phabricator.wikimedia.org/T325099 */ .mw-page-container-inner { grid-template-columns: 164px minmax(0,1fr); column-gap: 0px; background-color: #ffffff; }

.vector-pinned-container { background-color: #ffffff; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; }

.vector-feature-page-tools-pinned-enabled .mw-body { column-gap: 6px; }

.mw-body { padding-left: 12px; } /* (something changed on 14 Dec 2023 to require this) */ .vector-column-start .vector-sticky-pinned-container { margin-left: 0px; }

/* Vector 2022: Fix excessive padding when page tools are in the right sidebar. */

.vector-feature-page-tools-pinned-enabled.vector-feature-page-tools-enabled .mw-body { column-gap: 16px; }

.vector-feature-page-tools-pinned-enabled .vector-column-end { width: 10.5rem; }

/* Vector 2022: Main menu sidebar is far too wide, with wasted white space to its right (next four items). No bug submitted. This may be fixed by https://phabricator.wikimedia.org/T321860 (WMF devs keep breaking these hacks with changes to CSS; below is currently not optimal and does not show the full blue border) */ .vector-feature-page-tools-enabled .vector-main-menu { width: 164px; }

.vector-main-menu-container { width: 134px; }

width: 134px; }
 * 1) mw-navigation {

width: 134px; }
 * 1) vector-main-menu-pinned-container .vector-pinned-container {

.vector-main-menu-container .vector-sidebar-container-no-toc { width: 134px; }

.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu { padding: 0px 0px; }

.vector-feature-page-tools-enabled #vector-toc-pinned-container .vector-toc { width: 184px; border-right: 1px solid #a7d7f9; }

/* Vector 2022: Reduce padding above TOC (below the hidden language box) */ .vector-feature-page-tools-enabled .vector-toc { padding: 0px 4px 20px 27px; }

.vector-toc-pinned #vector-toc-pinned-container { padding-top: 0.5em; }

.vector-pinnable-header-label { display: none; }

.client-js .vector-pinnable-header-pinned .vector-pinnable-header-unpin-button { display: none; }

/* Vector 2022: CSS update on 2 Feb caused the left sidebar background to overwrite the page title on pages with no TOC. Removing this also causes the scroll bar and the blue line to disappear */ .vector-toc-pinned #mw-panel-toc { contain: none; }

/* Vector 2022: Fix sitenotice padding at top of page. See https://phabricator.wikimedia.org/T325219 */ margin:0 }
 * 1) siteNotice {

/* Vector 2022: Fix excessive padding at top of page: above Page/Edit/Talk/etc. links at the top (the following three items). See Phab T316590 */ .vector-menu-tabs .mw-list-item.vector-tab-noicon > a { padding: 10px 0 2px 0; }

.vector-menu-tabs .mw-list-item .mw-ui-icon { margin: 0px 0 0 0; }

.vector-page-toolbar-container .vector-menu-dropdown > .vector-menu-heading { padding: 10px 0 2px 0; margin-bottom: 1px; }

/* Vector 2022: Eliminate padding above and below search box row at the very top of the screen */ .mw-header { padding: 0; }

.mw-body { padding-top: 0; }

/* Vector 2022: Make the page header sticky instead of transitioning to the sticky header. This section is copied from Quiddity; see link above */ .mw-header { position: fixed; background: white; width: 99%; top: 0; left: 12px; padding: 0; } /* Nudge content down to account for no-default gap */ @media screen { .vector-sitenotice-container { padding-top: 44px; } } /* hide the sticky header (different from Quiddity's mod, which floats a mini sticky header at the upper right, below the personal menu) */ @media (min-width: 300px) { #vector-sticky-header { display:none; } }

/* End of sticky header section copied from Quiddity */

/* 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: hide Languages drop-down in title bar */ .vector-dropdown .mw-portlet .mw-portlet-lang { display:none !important; }

.vector-page-titlebar .mw-portlet-lang { display:none !important; }

.mw-body .mw-portlet-lang { display:none !important; }

/* *** End of Vector 2022 white space issues section *** */

/* *** Vector 2022 Table of Contents (TOC) adjustments to make it functional *** */

/* Vector 2022: Fix for missing TOC numbering. See https://phabricator.wikimedia.org/T307316 */ .vector-toc .vector-toc-numb { display: initial; color: black; margin-right: 4px; }

/* Vector 2022: Adjust for way too much vertical white space in the sidebar TOC, and too-large text. No bug submitted, because it will no doubt be declined as "works as poorly designed". (next three items) */ .vector-pinnable-element .mw-list-item a { padding: 1px 0; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; font-size: 85%; line-height: 1.45; }

.vector-toc .vector-toc-list-item { background-color: #f6f6f6; font-size: 85%; padding-left: 3px; }

.vector-toc .vector-toc-text { padding: 1px 0; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; }

/* Vector 2022: fix size of short description text and other text in ContentSub that should be semantically smaller (see phab:T346062) */ .sdh-showdescrip { font-size: 85%; }

.ext-discussiontools-init-pageframe-latestcomment { font-size: 85%; }

.mw-indicator #coordinates { font-size: 85%; }

.mw-redirectedfrom { font-size: 85%; }

.mw-message-box{ font-size: 85%; }

/* Vector 2022: adjust size and indentation and padding of "XX comments" gray text under TOC headers */ .ext-discussiontools-visualenhancements_pageframe-enabled .ext-discussiontools-init-sidebar-meta { padding-bottom: 2px; font-size: 0.75em; padding-left: 10px; }

/* Vector 2022: Make the TOC longer so that it uses more available vertical space in my browser window. No bug submitted. Also restore gray background from Vector 2010. There must be a more elegant way to do this. (commented out Dec 2023 after changes to Vector appear to have fixed this problem) .vector-toc { max-height:88vh; background-color: #f6f6f6; }

max-height:88vh; }
 * 1) vector-toc-pinned-container .vector-toc {

.vector-toc .vector-pinnable-element { background-color: #f6f6f6; }

.vector-toc-pinned #vector-toc-pinned-container .vector-toc::after { display: none; }

.vector-feature-limited-width-clientpref-0 .mw-table-of-contents-container { background-color: #f6f6f6; }

/* Auto-expand sections, and hide the H2-arrows */ .client-js .vector-toc .vector-toc-level-1 .vector-toc-list-item { display: block; } .vector-toc-toggle { visibility: hidden; } .vector-toc { padding-left: 5px !important; background-color: #f6f6f6; }

/* *** Vector 2022 link colors *** */

/* Vector 2022: Darken link and visited link colors, which are unreadably light. No bug submitted, because people have complained about it from the beginning and it hasn't been fixed. */ a { color: #0645ad } a:visited { color: #58219a; }

/* *** 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 "main page" group in left sidebar */ .mw-portlet-navigation { display: none; }

/* Vector 2022: hide "Contribute" group in left sidebar */ .mw-portlet-interaction { display: none; }

/* Vector 2022: hide "Switch to old look", which does nothing of the kind */ .vector-main-menu-action-opt-out { display: none; }

/* Vector 2022: hide "In other projects" section, which I have never used in ten years as an editor */ .mw-portlet-wikibase-otherprojects { display: none; }

/* Vector 2022: hide "Print this page" section, which I have never used in ten years as an editor */ .mw-portlet-coll-print_export { display: none; }

.mw-portlet-electronpdfservice-sidebar-portlet-heading { display: none; }

/* Vector 2022: I just want to see three columns of references by default, as I do in Vector legacy. This is pure, infantile arm-folding on my part. On my screen, I have about 86em (950px) to work with because the wide sidebar and TOC are still taking up too much horizontal space. This narrows to 850px (69 em) when the right-hand page tools sidebar is visible. In Vector legacy, I have 94em (1038px) for the content because the sidebar is appropriately narrow. */ .mw-parser-output .reflist-columns-2 { column-width: 23em !important; }

.mw-parser-output .reflist-columns { column-width: 23em !important; }

.mw-references-columns { column-width: 23em !important; }

/* Vector 2022: eliminate slow slide-out transition of sticky header */ transition-duration: 0ms; }
 * 1) vector-sticky-header {

/* *** Vector 2022 hacks. Use at your own risk *** */

/* Vector 2022: Fix for inability to open TW menu on hover (See VPT, 13 December 2022 and https://phabricator.wikimedia.org/T325035) Commented due to malfunction: menu appears even when I haven't hovered over it. */ /* .vector-menu-dropdown:hover > .vector-menu-content { opacity: 1; visibility: visible; height: auto; transition-delay: 800ms; }

/* Vector 2022: Fix font size of items in Twinkle drop-down menu */ .vector-dropdown .mw-list-item a { font-size: 85%; padding: 2px 14px; }

padding: 0px; }
 * 1) p-twinkle .mw-list-item {

.vector-dropdown-content .mw-list-item a { padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }

background: white; border: none; }
 * 1) p-twinkle .vector-menu-content-list {

.vector-dropdown .vector-dropdown-content { padding: 6px 16px; }

.vector-dropdown .vector-dropdown-content::after { display:none; }

/* Vector 2022: Fix font size of items in Tools (formerly More) drop-down menu */

.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a { font-size: 85%; padding: 2px 14px; }

/* Vector 2022: Fix font size and padding of items in Tools sidebar (waiting for bug fix; 75% because sidebar text is larger than body text) */ font-size: 75%; }
 * 1) vector-page-tools-pinned-container .vector-page-tools {

.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a { padding: 2px 2px; }

/* Vector 2022: Fix for font size too large in Preview (and syntax highlighter doesn't work right), https://phabricator.wikimedia.org/T321728. Has negative side effects, so ideally this problem will be fixed soon. (commented; supposedly fixed in Nov 2022) */ /* body.skin-vector-2022:is(.action-edit, .action-submit) .vector-body { font-size:0.875em; }

/* Vector 2022: Someone took away the border around category tables of contents, so I have to put it back. See Phab:T314254 and https://en.wikipedia.org/wiki/MediaWiki_talk:Common.css/to_do#toccolours */ .toc, .toccolours { border: 1px solid #a2a9b1; }

/* Vector 2022: Restore border to the right of the TOC left sidebar (not working Nov 2023, commented out) .mw-table-of-contents-container { background-color: #f6f6f6; }

/* Vector 2022: gray background in the right side toolbar, plus a blue line between the right sidebar and the body (blue line not working Nov 2023) */ background-color: #f6f6f6; }
 * 1) vector-page-tools-pinned-container .vector-page-tools {

.vector-feature-page-tools-enabled .mw-body .vector-column-end { background-color: #f6f6f6; border-left: 1px solid #a7d7f9; }

/* Vector 2022: work around bug that hid "From Wikipedia" and caused white space problems at the top of every page (28 Apr 2023) */ display: inline; margin-top: 0px; font-size: 85%; }
 * 1) siteSub {

/* Vector 2022 tweak xtools gadget to stop overlapping coords (width does not get applied because I do not know how to CSS?) */ div#xtools { line-height: 1em; width: 70%; }

/* Hide new (March 2024) copyright warning that appears in preview on every page ?!? (Turns out it was just a misguided ugly edit to MediaWiki:Editpage-head-copy-warn.) */ .editpage-head-copywarn { display: none; }

/* Hide MediaWiki:Wikimedia-copyrightwarning to gain more vertical space (less scrolling) */ div#editpage-copywarn { display: none; }

/* reduce padding at top of page to reduce scrolling */ margin-top: 4px; }
 * 1) contentSub:not(:empty), #contentSub2 {

margin-top: 8px; }
 * 1) mw-content-text {

/* Hide the default talk page nag message at MediaWiki:Talkpagetext to regain some vertical space */ display: none; }
 * 1) talkpagetext {

/* Hide the very long BLP edit notice */ .editnotice_BLP_editintro { display: none; }

/* Hide the garish and non-dismissable right sidebar font-size selector that should be in Preferences */ display: none; }
 * 1) vector-appearance {

/* Show true dark mode behavior. See https://en.wikipedia.org/w/index.php?title=Wikipedia_talk:Linter&curid=55873426&diff=1231048660&oldid=1231005427 */ html.skin-theme-clientpref-night body .mw-parser-output [style*='background'] { color: inherit; }

/* Fix June 2024 talk page time stamp contrast failure */ .ext-discussiontools-init-timestamplink, .ext-discussiontools-init-timestamplink:visited, .ext-discussiontools-init-timestamplink:active { color: #38383E; }