Jump to content

User:Jonesey95/vector-2022.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Various CSS customizations added over the years to make my interface look better */

.citation-comment {display: inline !important;}  /* show all Citation Style 1 error messages */

.cs1-prop-tracked-param {background:lightgreen;} /* show citations with tracked (hyphenated as of May 2021) parameters in green */

.mw-thanks-thank-link {display: none;} /* don't show the Thank link */
.mw-pager-tools {display: none;} /* don't show the parens around the Thank link; new in Jan 2023 */

.mw-changeslist-legend {display: none;} /* don't show the legend on the Changes list */

.ambox-Orphan{display: table !important;} /* show all orphan messages */

#wpSummary { padding: 0.2em !important; } /* Return edit summary box to normal size */

#wpSummary { font-size: 95% !important; } /* Return edit summary box to normal size */

.mw-redirect { color:green;} /* Change color for redirects */

.mw-redirect:visited { color:darkgreen;} /* Change color for visited redirects */

.mw-editfont-monospace,
.mw-editfont-sans-serif,
.mw-editfont-serif {
	font-size: 98% !important;
} /* Return editing window text to the usual size after January 2018 change */



/* Adjust April 2014 typography changes - commented after no longer needed
#bodyContent {
	font-size: 0.8em !important;
}
 
#content {
	color: black !important;
}
 
h1, h2 {
	font-family: inherit !important;
}
 
#firstHeading {
	font-size: 1.6em !important;
}
*/

.mw-parser-output span.brokenref { display: inline; } /* show hidden msgs about broken refs, see [[Template:Broken ref/doc]] */

.harv-error {display: inline !important;}					/* display Module:Footnotes errors */


/* Adjust April 2020 typography change in diffs */
.diff-editfont-monospace .diff-addedline,
.diff-editfont-monospace .diff-deletedline,
.diff-editfont-monospace .diff-context {
  font-family: sans-serif;
  font-size: 88%;
}

/* Try suppressing blockquote border */
.mw-body-content blockquote { border-left-style: none; }

/* Hide the dumb "your edit has been saved" dialog that covers the LintHint button */
.postedit { display: none; }

/* Show the what links here box expanded by default */
.mw-special-Whatlinkshere .oo-ui-fieldsetLayout-group.mw-collapsible-content {
	display: block !important;
	margin-top: 2em;
}

/* Remove dumb search thumbnails Oct 2022 */
.searchResultImage-thumbnail {display:none}

/* Full-width search results */
.mw-search-results.mw-search-results,
.mw-search-results-container.mw-search-results-container {
	max-width: none;
	width: 100%;
}

/* Change the default height of the edit window (from 25em) */
#wpTextbox1 {height: 38em;}



/* Vector 2022 changes moved to vector-2022.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;
}

#mw-navigation {
  width: 134px;
}

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

.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 */
#siteNotice {
    margin:0
}

/* 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;
}
*/

#vector-toc-pinned-container .vector-toc {
  max-height:88vh;
}

.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. (Still broken October 2024.) */
a.new {
    color: #d73333
}
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 (restored in Sep 2024 when they moved Wikidata links there) */
/* .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 */
#vector-sticky-header {
	transition-duration: 0ms;
}


/* *** 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;
}

#p-twinkle .mw-list-item {
  padding: 0px;
}

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

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

.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) */
#vector-page-tools-pinned-container .vector-page-tools {
    font-size: 75%;
}

.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://wiki.riteme.site/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) */
#vector-page-tools-pinned-container .vector-page-tools {
    background-color: #f6f6f6;
}

.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) */
#siteSub {
  display: inline;
  margin-top: 0px;
  font-size: 85%;
}

/* 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 */
#contentSub:not(:empty), #contentSub2 {
  margin-top: 4px;
}

#mw-content-text {
  margin-top: 8px;
}

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

/* 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 */
#vector-appearance {
  display: none; 
}

/* Show true dark mode behavior. See https://wiki.riteme.site/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;
}

/* Hide the Visual/Wikitext/Inline buttons in diffs to regain vertical space at the top of the page */
.mw-diff-table-prefix {
  display:none;
}