MediaWiki:Vector.css - Revision history

Reese Riverson: Wiki CSS Fixes / Updates

2025-09-28T15:52:34Z

Wiki CSS Fixes / Updates

Reese Riverson: CSS Fixes to fix some graphical issues.

2025-09-20T15:02:19Z

CSS Fixes to fix some graphical issues.

@@ Line 1,103: / Line 1,103: @@
+}
 /* Search */
@@ Line 1,869: / Line 1,873: @@
 	background: var(--dark-bg-color);
 	border-radius: 8px;
+}
@@ Line 3,210: / Line 3,230: @@
 .ext-WikiEditor-ResizingDragBar-ns {
-	border-top: 1px solid var(--light-border-color);
+	border-top: 1px solid var(--dark-border-color);
+}
 .ext-WikiEditor-ResizingDragBar span {
 	background-color: var(--text-color);
+}
@@ Line 3,738: / Line 3,762: @@
 .mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
 	background-image: var(--image-arrow-expand-icon);
+}
@@ Line 3,821: / Line 3,853: @@
 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 	color: var(--text-disabled-color);
+}

Reese Riverson: Wiki CSS Fixes

2025-09-14T19:57:07Z

Wiki CSS Fixes

@@ Line 37: / Line 37: @@
 	--image-arrow-expand-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M1.165%203.624h9.671L5.965%208.376z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
 	--image-indicator-down-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23B10EFF%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
 	--image-checkmark-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.285%2C2L9%2C13.567L3.714%2C8.556L0%2C12.272L9%2C21L24%2C5.715L20.285%2C2Z%22%20style%3D%22fill%3Argb%28177%2C14%2C255%29%3Bfill-rule%3Anonzero%3B%22%2F%3E%0A%3C%2Fsvg%3E);
 	--image-search-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23B10EFF%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E);
@@ Line 2,025: / Line 2,024: @@
 	background-color: var(--dark-bg-color);
 	border: 1px solid var(--dark-2-bg-color);
+}
@@ Line 2,085: / Line 2,089: @@
 	border-radius: 5px;
 	margin-bottom: 2px;
+}
@@ Line 2,633: / Line 2,646: @@
 span.mpcommonheaderlang {
 	font-size: 80%;
+}
@@ Line 3,197: / Line 3,203: @@
 	background: var(--dark-border-color);
 	border: 1px dashed var(--light-border-color);
+}
@@ Line 3,616: / Line 3,634: @@
 .mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover {
 	filter: var(--icon-color-hover-filter);
+}
@@ Line 3,767: / Line 3,791: @@
 .mw-message-box {
 	color: var(--text-color);
+}

Reese Riverson at 03:15, 19 March 2025

2025-03-19T03:15:20Z

@@ Line 585: / Line 585: @@
+}
 pre,
@@ Line 682: / Line 676: @@
 .mw-recentchanges-table .mw-input select#namespace {
 	background-color: var(--light-bg-color);
+}
@@ Line 938: / Line 936: @@
 /* Thumbnails */
 figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
@@ Line 996: / Line 951: @@
 	border-top: 0;
 	background-color: var(--dark-bg-color);
+}
@@ Line 2,549: / Line 2,508: @@
 	background: transparent;
 	margin-bottom: 6px;
+}
@@ Line 3,454: / Line 3,405: @@
 	background-color: var(--dark-bg-color);
 	border-color: var(--dark-border-color);
+}

Reese Riverson: Thumbnail color fix.

2025-01-22T20:22:07Z

Thumbnail color fix.

← Older revision		Revision as of 22:22, 22 January 2025
Line 980:		Line 980:
	}		}

			/* New Thumbnails */

			figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
			border: 1px solid var(--dark-border-color);
			border-bottom: 0;
			background-color: var(--dark-bg-color);
			}

			figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
			border: 1px solid var(--dark-border-color);
			}

			figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
			border: 1px solid var(--dark-border-color);
			border-top: 0;
			background-color: var(--dark-bg-color);
			}

	/* @noflip */		/* @noflip */

Hunchman801 at 13:55, 4 January 2025

2025-01-04T13:55:54Z

← Older revision		Revision as of 15:55, 4 January 2025
Line 1,096:		Line 1,096:
	/* Sidebar headings */		/* Sidebar headings */

	.vector-menu-portal .vector-menu-heading {		.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
	color: var(--text-color);		color: var(--text-color);
	background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);		background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);
Line 1,106:		Line 1,106:
	/* Sidebar links */		/* Sidebar links */

	.vector-menu-portal .vector-menu-content li a,		.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
	.vector-menu-portal .vector-menu-content li a:visited {		.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
	color: var(--text-link-header-color);		color: var(--text-link-header-color);
	}		}

Reese Riverson: CSS Fixes to fix some graphical issues.

2024-09-02T19:04:58Z

CSS Fixes to fix some graphical issues.

← Older revision		Revision as of 21:04, 2 September 2024
Line 205:		Line 205:
	.vector-menu-dropdown .mw-list-item a {		.vector-menu-dropdown .mw-list-item a {
	color: var(--text-link-header-color);		color: var(--text-link-header-color);
			}

			#p-variants-label::before {
			display: none;
	}		}

Line 336:		Line 340:


	/* Plusminus on History Page */		/* Plusminus and Hidden Revisions on History Page */

	.mw-plusminus-pos {		.mw-plusminus-pos {
Line 346:		Line 350:
	}		}

			span.mw-history-suppressed {
			color: #72777d;
			}

	/**		/**
Line 397:		Line 404:
	}		}

	#bodyContent a.external:not(.plainlinks a.external) {		#bodyContent a.external:not(.plainlinks a.external, .oo-ui-fieldLayout-field a.external.text) {
	background-image: linear-gradient(transparent,transparent),var(--image-external-link-icon) !important;		background-image: linear-gradient(transparent,transparent),var(--image-external-link-icon) !important;
			}

			#bodyContent .oo-ui-fieldLayout-field a.external.text, .mw-body-content .sharedUploadNotice a.external.text, #mw-imagepage-section-globalusage a.external {
			background-size: 0;
			padding-right: 0;
	}		}

Reese Riverson at 23:01, 4 March 2024

2024-03-04T23:01:11Z

← Older revision		Revision as of 01:01, 5 March 2024
Line 2:		Line 2:

	:root {		:root {
			/* Wiki Specific Colors Between RayWiki and Rayfanpedia */
			--gallerybox-div-thumb: var(--light-border-color); /* RayWiki: '--dark-border-color' Rayfanpedia: '--light-border-color' */

	/* Background colors */		/* Background colors */
	--dark-bg-color: #17131B;		--dark-bg-color: #17131B;
Line 915:		Line 918:
	li.gallerybox div.thumb {		li.gallerybox div.thumb {
	text-align: center;		text-align: center;
	border: 1px solid var(--~~light~~-~~border~~-~~color~~);		border: 1px solid var(--gallerybox-div-thumb);
	background-color: var(--dark-bg-color);		background-color: var(--dark-bg-color);
	margin: 2px;		margin: 2px;
Line 1,082:		Line 1,085:

	.vector-menu-portal .vector-menu-heading {		.vector-menu-portal .vector-menu-heading {
	color: var(--text~~-link-header~~-color);		color: var(--text-color);
	background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);		background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);
	background-position: center bottom;		background-position: center bottom;
Line 1,093:		Line 1,096:
	.vector-menu-portal .vector-menu-content li a,		.vector-menu-portal .vector-menu-content li a,
	.vector-menu-portal .vector-menu-content li a:visited {		.vector-menu-portal .vector-menu-content li a:visited {
	color: var(--text-color);		color: var(--text-link-header-color);
	}		}

Line 1,340:		Line 1,343:
	border: none;		border: none;
	padding: 0.2em;		padding: 0.2em;
	background: var(--~~dark~~-2-bg-color);		background: var(--light-3-bg-color);
	}		}

	table.wikitable>tr>th,		table.wikitable>tr>th,
	table.wikitable>*>tr>th {		table.wikitable>*>tr>th {
	background-color: var(--light-bg-color);		background-color: var(--light-2-bg-color);
	text-align: center;		text-align: center;
	color: var(--text-color);		color: var(--text-color);
Line 2,840:		Line 2,843:
	.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {		.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
	background-color: inherit;		background-color: inherit;
			}

			.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
			background-color: var(--light-bg-color);
	}		}

Line 3,857:		Line 3,864:
	background-color: var(--light-border-color);		background-color: var(--light-border-color);
	border-color: var(--text-inactive-tab-color);		border-color: var(--text-inactive-tab-color);
			}

			.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
			background-color: var(--light-border-color);
			}

			.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
			background-color: var(--dark-bg-color);
			}

			.oo-ui-progressBarWidget {
			border: 1px solid var(--dark-border-color);
	}		}

Reese Riverson: Third major update to the CSS.

2023-12-16T00:43:11Z

Third major update to the CSS.

Show changes

Reese Riverson: Second major update to the CSS.

2023-12-02T23:34:26Z

Second major update to the CSS.

Show changes