User:Aaron Liu/v22.css

From Meta, a Wikimedia project coordination wiki

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.
/*&* Ahoy, editors! Here are some considerable enhancement to your Vector 2022 experience.
Everything except link colors 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/global.css&action=raw&ctype=text/css); in your global.css file.
enjoy!>:) *&*/

/* Vector 2022: Fix excessive padding inside floaty stuff */
.vector-pinned-container {
	padding: 0 2px;
	padding-bottom: 16px;
}

/* V22: Unshrink ToC buttons */
.vector-toc .vector-toc-toggle {
	left: -7px;
}

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

.skin-vector-2022 .mw-body {
	padding-left: 14px;
}

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

.vector-feature-page-tools-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;
}

/* 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 */
.vector-feature-main-menu-pinned-enabled #vector-main-menu-pinned-container .vector-main-menu {
	padding: 0;
	/*margin-left: -7px;*/
}

/* Vector 2022: Revert some of Zebra's most obnoxious dropdown changes */
.vector-dropdown .vector-dropdown-content {
	padding:4px 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;
}

/* 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: reduce subtitle padding */
#contentSub:not(:empty), #contentSub2 {
  margin-top: 4px;
}
#mw-content-text {
  margin-top: 8px;
}

/* *** Vector 2022 miscellaneous adjustments *** */

/* Multiple references columns, important as this is inline for some reason */
.reflist-columns {
	column-width: 27em !important;
}

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

/* ** Vector 2022: Revert normal link link colors ** */
.skin-vector-2022 a {
	color: #0645ad;
}
.skin-vector-2022 a:visited {
	color: #0b0080;
}
.skin-vector-2022 .vector-toc .vector-toc-link { /*TOC*/
	color: #0645ad;
}
.vector-menu-tabs .mw-list-item a { /*Page Tabs (default is #5788BA for some reason)*/
	color: #0645ad;
}
.skin-vector-2022 .vector-pinnable-element .mw-list-item a { /*Page tools and Main menu*/
	color: #0645ad;
}
.skin-vector-2022 .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited { /*Page tools and Main menu visted items should still show as not visited*/
	color: #0645ad;	
}
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited { /*User dropdown*/
	color: #0645ad;
}
#pt-userpage-2 a:not(.mw-selflink) { /*User page. Note that it is never a selflink! How crazy is that‽*/
	color: #0645ad;
}

/* Keep new colors for extlinks */
.skin-vector-2022 .mw-parser-output a.extiw, .skin-vector-2022 .mw-parser-output a.external {
	color: #3366cc;
}
.skin-vector-2022 .mw-parser-output a.extiw:visited, .skin-vector-2022 .mw-parser-output a.external:visited {
	color: #795cb2;
}
.skin-vector-2022 .wb-otherproject-link a { /* External project links */
	color: #3366cc;
}/*TODO: .t-wikibase, #wbc-editpage wait what were these for again uhhh pls tell me */

/* Fix red link colors */
.skin-vector-2022 a.new {
	color: #dd3333;
}
.skin-vector-2022 a.new:visited {
	color: #a55858;
}

/* Fix section links in history */
.autocomment,.autocomment a, .autocomment a:visited{
	color: #72777d;
}

/* Fix self-link blacks */
.skin-vector-2022 a.mw-selflink {
	color: inherit;	
}