MediaWiki:Vector-2022.css - Revision history

Stevium: Moved background image to only appear in the header. Fixed (hopefully all) menu and icon overflow issues on smaller window widths

2026-04-03T05:26:52Z

Moved background image to only appear in the header. Fixed (hopefully all) menu and icon overflow issues on smaller window widths

@@ Line 88: / Line 88: @@
          --background-color-tab-list-item-framed--hover: rgba(255,255,255,0.3);
          --background-color-tab-list-item-framed--active: rgba(255,255,255,0.65);
          /* Opacity */
          --opacity-icon-base: 0.87;
@@ Line 191: / Line 192: @@
          --background-color-backdrop-light: rgba(0,0,0,0.65);
          --background-color-backdrop-dark: rgba(255,255,255,0.65);
          /* Border colors */
          --border-color-base: #424663;
@@ Line 268: / Line 270: @@
          --background-color-backdrop-light: rgba(0,0,0,0.65);
          --background-color-backdrop-dark: rgba(255,255,255,0.65);
          /* Border colors */
          --border-color-base: #424663;
@@ Line 292: / Line 295: @@
   | PAGE CONTAINER |
   *================*/
 .mw-page-container {
      border-radius: 40px;
      margin-top: 0.5rem;
+}
@@ Line 365: / Line 347: @@
   | HEADER |
   *========*/
 /* Search bar */
-#p-search {
+@media screen and (min-width: 1120px) {
-    display: flex;
+    #p-search {
-    justify-content: center;
+        display: flex;
-    align-items: center;
+        justify-content: center;
+}
@@ Line 425: / Line 449: @@
              border-color: var(--color-progressive);
+         }
+     }
+}
@@ Line 462: / Line 492: @@
          border-color: var(--color-progressive);
+     }
+}
@@ Line 627: / Line 645: @@
          background-color: var(--color-accent) !important;
          color: var(--color-accent-text) !important;
+     }
+}

Stevium at 11:11, 18 February 2026

2026-02-18T11:11:48Z

← Older revision		Revision as of 11:11, 18 February 2026
Line 11:		Line 11:
	.skin-invert,		.skin-invert,
	.notheme {		.notheme {
	/* Colors */s		/* Colors */
	--color-base: #5a4a3c;		--color-base: #5a4a3c;
	--color-base-fixed: #5a4a3c;		--color-base-fixed: #5a4a3c;

Stevium: Decreased font-size of h1

2026-02-18T11:11:15Z

Decreased font-size of h1

← Older revision		Revision as of 11:11, 18 February 2026
Line 327:		Line 327:
	/* Headings */		/* Headings */
	.mw-body h1 {		.mw-body h1 {
	font-size: ~~48px~~;		font-size: 2rem;
	}		}

Stevium: Moved all wikitable styling to MediaWiki:Common.css

2026-02-18T09:37:57Z

Moved all wikitable styling to MediaWiki:Common.css

@@ Line 644: / Line 644: @@
   | CONTENT BODY |
   *==============*/
 /* Edit section buttons */
 .mw-editsection {

Stevium at 15:28, 16 December 2025

2025-12-16T15:28:59Z

← Older revision		Revision as of 15:28, 16 December 2025
Line 492:		Line 492:
	width: fit-content;		width: fit-content;
	border-radius: 6px;		border-radius: 6px;
	background: linear-gradient(to right, oklch(0.55 0.21 274) 0%, oklch(0.55 0.21 274) 27%, oklch(0.60 0.21 274) 27%, oklch(0.60 0.21 274) 100%);		background: linear-gradient(to right, oklch(0.55 0.21 274) 0%, oklch(0.55 0.21 274) 27%, oklch(0.62 0.21 274) 27%, oklch(0.62 0.21 274) 100%);
	display: block;		display: block;
	position: relative;		position: relative;
Line 519:		Line 519:
	#n-Wiki-Discord a:hover {		#n-Wiki-Discord a:hover {
	text-decoration: none;		text-decoration: none;
	background: linear-gradient(to right, oklch(0.51 0.21 274) 0%, oklch(0.51 0.21 274) 27%, oklch(0.56 0.21 274) 27%, oklch(0.56 0.21 274) 100%);		background: linear-gradient(to right, oklch(0.51 0.21 274) 0%, oklch(0.51 0.21 274) 27%, oklch(0.58 0.21 274) 27%, oklch(0.58 0.21 274) 100%);
	}		}

Stevium at 15:15, 16 December 2025

2025-12-16T15:15:34Z

← Older revision		Revision as of 15:15, 16 December 2025
Line 488:		Line 488:
	/* Adapted from Runescape Wiki */		/* Adapted from Runescape Wiki */
	#n-Wiki-Discord a {		#n-Wiki-Discord a {
	color: white ~~!important~~;		color: white;
	font-size: 12px;		font-size: 12px;
	~~font-weight: bold;~~
	width: fit-content;		width: fit-content;
	border-radius: ~~10px~~;		border-radius: 6px;
	~~border~~: ~~1px solid #4b56d0;~~		background: linear-gradient(to right, oklch(0.55 0.21 274) 0%, oklch(0.55 0.21 274) 27%, oklch(0.60 0.21 274) 27%, oklch(0.60 0.21 274) 100%);
	~~background~~-~~color: #5865F2~~;
	display: block;		display: block;
	position: relative;		position: relative;
	padding: 4px ~~10px~~ 5px calc(17px + ~~5.5px~~ * 2);		padding: 4px 7px 5px calc(17px + 10px * 2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);		box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	transition: 0.2s ease;		transition: 0.2s ease;
Line 504:		Line 502:
	#n-Wiki-Discord a::before {		#n-Wiki-Discord a::before {
	content: '';		content: '';
	~~font-weight: normal;~~		margin-left: 1px;
	~~opacity: 0.85;~~
	margin-~~right~~: ~~5px~~;
	}		}

Line 523:		Line 519:
	#n-Wiki-Discord a:hover {		#n-Wiki-Discord a:hover {
	text-decoration: none;		text-decoration: none;
	background-~~color: #525ee0~~;		background: linear-gradient(to right, oklch(0.51 0.21 274) 0%, oklch(0.51 0.21 274) 27%, oklch(0.56 0.21 274) 27%, oklch(0.56 0.21 274) 100%);
	}		}

Stevium: Adjusted format

2025-12-16T09:07:34Z

Adjusted format

← Older revision		Revision as of 09:07, 16 December 2025
Line 491:		Line 491:
	font-size: 12px;		font-size: 12px;
	font-weight: bold;		font-weight: bold;
	border-radius: ~~5px~~;		width: fit-content;
			border-radius: 10px;
	border: 1px solid #4b56d0;		border: 1px solid #4b56d0;
	background-color: #5865F2;		background-color: #5865F2;
	display: block;		display: block;
	position: relative;		position: relative;
	padding: 4px 0 5px calc(17px + 5.5px * 2);		padding: 4px 10px 5px calc(17px + 5.5px * 2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);		box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	transition: 0.2s ease;		transition: 0.2s ease;

Stevium: Format link to Wiki Discord

2025-12-16T08:56:32Z

Format link to Wiki Discord

@@ Line 11: / Line 11: @@
      .skin-invert,
      .notheme {
-         /* Colors */
+         /* Colors */s
          --color-base: #5a4a3c;
          --color-base-fixed: #5a4a3c;
@@ Line 479: / Line 479: @@
   | SIDEBAR |
   *=========*/
 /* Hide the Vector-2022 "switch back" link in sidebar */
 .vector-main-menu-action-opt-out {

Stevium: Adjusted wikitable to fix space issue

2025-12-04T08:22:09Z

Adjusted wikitable to fix space issue

← Older revision		Revision as of 08:22, 4 December 2025
Line 604:		Line 604:
	/* Ensure tables overflow while also retaining border-radius styling */		/* Ensure tables overflow while also retaining border-radius styling */
	body:not(.ns-special) .wikitable {		body:not(.ns-special) .wikitable {
	display: ~~inline-~~block;		display: block;
	max-width: ~~100%~~;		max-width: max-content;
	overflow-x: auto;		overflow-x: auto;
	overflow-y: hidden;		overflow-y: hidden;
	background: transparent;		background: transparent;
	border: none !important;		border: none !important;
	border-collapse: ~~separate !important~~;		border-collapse: collapse;
	border-spacing: 0 !important;		border-spacing: 0 !important;
	border-radius: 10px;		border-radius: 10px;
	~~clip-path: inset(0 round 10px);~~

	th {		th {
Line 628:		Line 627:
	.noarticletext.mw-content-ltr .wikitable,		.noarticletext.mw-content-ltr .wikitable,
	.mw-newarticletext.plainlinks .wikitable {		.mw-newarticletext.plainlinks .wikitable {
	~~display: revert;~~
	~~max-width: fit-content;~~

	.mw-collapsible-toggle::before {		.mw-collapsible-toggle::before {
	margin-left: 0.5em;		margin-left: 0.5em;

Stevium: Additional fix for noarticletext preload table

2025-11-26T17:30:45Z

Additional fix for noarticletext preload table

← Older revision		Revision as of 17:30, 26 November 2025
Line 626:		Line 626:
	}		}

	.noarticletext.mw-content-ltr .wikitable {		.noarticletext.mw-content-ltr .wikitable,
			.mw-newarticletext.plainlinks .wikitable {
	display: revert;		display: revert;
			max-width: fit-content;

			.mw-collapsible-toggle::before {
			margin-left: 0.5em;
			}

			.mw-collapsible-toggle::after {
			margin-right: 0.25em;
			}
	}		}