User:Jonesey95/common.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.
/* 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. */
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 */
#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://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) */
#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; 
}