MediaWiki:Common.css - Revision history

Iritscen: removed URL that catches ValExtLinks' attention

2026-01-04T23:35:46Z

removed URL that catches ValExtLinks' attention

← Older revision		Revision as of 23:35, 4 January 2026
Line 6:		Line 6:

	/* WIKIPEDIA CARRY-OVERS */		/* WIKIPEDIA CARRY-OVERS */
	/* From ~~https://en.wikipedia.org/wiki/~~MediaWiki:Common.css */		/* From Wikipedia's MediaWiki:Common.css */
	/* The original markup on Wikipedia should be checked once in a while for updates to, or removal of, the markup below. */		/* The original markup on Wikipedia should be checked once in a while for updates to, or removal of, the markup below. */

Iritscen: moved external link icon overriding to MediaWiki:Vector-2022.css as it is skin-specific; also moved help link hiding because it was the only markup left here that was specific to our wiki except for the large amount of material that needs porting to TemplateStyles

2026-01-02T16:26:28Z

moved external link icon overriding to MediaWiki:Vector-2022.css as it is skin-specific; also moved help link hiding because it was the only markup left here that was specific to our wiki except for the large amount of material that needs porting to TemplateStyles

@@ Line 1: / Line 1: @@
 /* CSS brought over from Wikipedia appears first. CSS written for our wiki comes second, under the heading ONI WIKI CUSTOMIZATIONS. */
 /* Editors: See TODO comments for items needing work. */
 /* WIKIPEDIA CARRY-OVERS */
-/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */
+/* From https://en.wikipedia.org/wiki/MediaWiki:Common.css */
 @media screen
@@ Line 58: / Line 61: @@
     padding-left:0.2em;
+}
 .mw-collapsible-leftside-toggle .mw-collapsible-toggle
+{
@@ Line 94: / Line 96: @@
 /* ONI WIKI CUSTOMIZATIONS */
 /* TODO: All items beyond this point should be ported to TemplateStyles */

Iritscen: apparently this is how you turn off case sensitivity for these pattern matches

2025-12-28T20:04:57Z

apparently this is how you turn off case sensitivity for these pattern matches

← Older revision		Revision as of 20:04, 28 December 2025
Line 128:		Line 128:

	/* Show movie icon for links to movie files that typically play in-browser */		/* Show movie icon for links to movie files that typically play in-browser */
	#content a[href$=".avi"~~].external~~		#content a[href$=".avi" i].external,
	~~#content a[href$=".avi"~~].external,		#content a[href$=".mov" i].external,
	#content a[href$=".mov"].external,		#content a[href$=".mp4" i].external,
	#content a[href$=".mp4"].external,		#content a[href$=".wmv" i].external
	#content a[href$=".wmv"].external
	{		{
	background-image:url(/w/images/4/45/Link_icon_-_movie_file.svg);		background-image:url(/w/images/4/45/Link_icon_-_movie_file.svg);
Line 142:		Line 141:

	/* Show sound icon for links to audio files that typically play in-browser */		/* Show sound icon for links to audio files that typically play in-browser */
	#content a[href$=".m4a"].external,		#content a[href$=".m4a" i].external,
	#content a[href$=".mp3"].external,		#content a[href$=".mp3" i].external,
	#content a[href$=".wav"].external		#content a[href$=".wav" i].external
	{		{
	background-image:url(/w/images/5/52/Link_icon_-_sound_file.svg);		background-image:url(/w/images/5/52/Link_icon_-_sound_file.svg);

Iritscen: restored our custom external link icon

2025-12-28T19:32:06Z

restored our custom external link icon

← Older revision		Revision as of 19:32, 28 December 2025
Line 98:		Line 98:
	#mw-indicator-mw-helplink { display: none; }		#mw-indicator-mw-helplink { display: none; }

	/* ~~TODO~~: Restore to working order */		/* Redesigned outbound arrow for external links */
			#content a.external
			{
			background-image:url(/w/images/e/ea/Link_icon_-_external.svg);
			background-size:10px;
			background-position:top right;
			background-repeat:no-repeat;
			padding-right:11px;
			}

	/* Provide sideways arrow for links to other Oni2.net sites */		/* Provide sideways arrow for links to other Oni2.net sites */
	#content a[href*=".oni2.net"].external		#content a[href*=".oni2.net"].external

Iritscen: removed link icon overrides for regular outbound links and updated markup for other overrides

2025-12-28T19:22:51Z

removed link icon overrides for regular outbound links and updated markup for other overrides

← Older revision		Revision as of 19:22, 28 December 2025
Line 99:		Line 99:

	/* TODO: Restore to working order */		/* TODO: Restore to working order */
	~~/* Redesigned outbound arrow for external links */~~
	~~div#content a.external~~
	{
	~~background-image:url(/w/images/e/ea/Link_icon_-_external.svg);~~
	~~background-size:10px;~~
	~~background-position:top right;~~
	~~background-repeat:no-repeat;~~
	~~padding-right:11px;~~
	}

	~~/* Replace the padlock icon used for HTTPS links with the same~~
	~~outward arrow used for external HTTP links */~~
	~~div#content a.external[href^="https://"]~~
	{
	~~background-image:url(/w/images/e/ea/Link_icon_-_external.svg);~~
	~~background-position:top right;~~
	~~background-repeat:no-repeat;~~
	~~padding-right:11px;~~
	}

	/* Provide sideways arrow for links to other Oni2.net sites */		/* Provide sideways arrow for links to other Oni2.net sites */
	~~div~~#content a~~.external~~[href*=".oni2.net"]		#content a[href*=".oni2.net"].external
	{		{
	background-image:url(/w/images/9/98/Link_icon_-_oni2.net.svg);		background-image:url(/w/images/9/98/Link_icon_-_oni2.net.svg);
Line 130:		Line 110:

	/* Provide circular arrow for external internal links */		/* Provide circular arrow for external internal links */
	~~div~~#content a~~.external~~[href*="wiki.oni2.net"]		#content a[href*="wiki.oni2.net"].external
	{		{
	background-image:url(/w/images/7/7d/Link_icon_-_external_internal.svg);		background-image:url(/w/images/7/7d/Link_icon_-_external_internal.svg);
Line 139:		Line 119:

	/* Show movie icon for links to movie files that typically play in-browser */		/* Show movie icon for links to movie files that typically play in-browser */
	~~div~~#content a.external[href$=".avi"],		#content a[href$=".avi"].external
	~~div~~#content a~~.external~~[href$=".mov"],		#content a[href$=".avi"].external,
	~~div~~#content a~~.external~~[href$=".mp4"],		#content a[href$=".mov"].external,
	~~div~~#content a~~.external~~[href$=".wmv"]		#content a[href$=".mp4"].external,
			#content a[href$=".wmv"].external
	{		{
	background-image:url(/w/images/4/45/Link_icon_-_movie_file.svg);		background-image:url(/w/images/4/45/Link_icon_-_movie_file.svg);
Line 152:		Line 133:

	/* Show sound icon for links to audio files that typically play in-browser */		/* Show sound icon for links to audio files that typically play in-browser */
	~~div~~#content a~~.external~~[href$=".m4a"],		#content a[href$=".m4a"].external,
	~~div~~#content a~~.external~~[href$=".mp3"],		#content a[href$=".mp3"].external,
	~~div~~#content a~~.external~~[href$=".wav"]		#content a[href$=".wav"].external
	{		{
	background-image:url(/w/images/5/52/Link_icon_-_sound_file.svg);		background-image:url(/w/images/5/52/Link_icon_-_sound_file.svg);
Line 164:		Line 145:

	/* Provide green upward arrow for interwiki links */		/* Provide green upward arrow for interwiki links */
	~~div~~#content a.extiw		#content a.extiw
	{		{
	background-image:url(/w/images/d/dd/Link_icon_-_interwiki.svg);		background-image:url(/w/images/d/dd/Link_icon_-_interwiki.svg);

Iritscen: removed TODO – actually this does seem to work, or at least the problem doesn't exist anymore and maybe it's because of this

2025-12-28T18:21:57Z

removed TODO – actually this does seem to work, or at least the problem doesn't exist anymore and maybe it's because of this

← Older revision		Revision as of 18:21, 28 December 2025
Line 42:		Line 42:
	.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),		.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

	~~/* TODO: Doesn't seem to work in hiding the "do it yourself" box on [[Developer Mode]] */~~
	/* Avoid FOUC/reflows on collapsed elements. */		/* Avoid FOUC/reflows on collapsed elements. */
	/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */		/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */

Iritscen: removed TODO comment for done item, rewrote another

2025-12-27T05:05:57Z

removed TODO comment for done item, rewrote another

← Older revision		Revision as of 05:05, 27 December 2025
Line 6:		Line 6:
	/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */		/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */

	~~/* TODO: Localize checkerboard image */~~
	@media screen		@media screen
	{		{
Line 174:		Line 173:
	}		}

	/* TODO: ~~TO BE PORTED TO TEMPLATESTYLES~~ */		/* TODO: All items beyond this point should be ported to TemplateStyles */

	/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes, used by [[Template:Fmbox]] */		/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes, used by [[Template:Fmbox]] */

Iritscen: all tab characters must die

2025-12-27T05:02:30Z

all tab characters must die

Show changes

Iritscen: removed margin markup I'm not sure we need

2025-12-27T04:59:09Z

removed margin markup I'm not sure we need

← Older revision		Revision as of 04:59, 27 December 2025
Line 30:		Line 30:

	/* Consistent size for <small>, <sub> and <sup> */		/* Consistent size for <small>, <sub> and <sup> */
	small {		small
	font-size: 85%;		{
			font-size:85%;
	}		}
	.mw-body-content sub,		.mw-body-content sub,
	.mw-body-content sup {		.mw-body-content sup
	font-size: 80%;		{
	}		font-size:80%;

	~~/* Same spacing for indented and unindented paragraphs on talk pages */~~
	~~.ns-talk .mw-body-content dd {~~
	~~margin-top: 0.4em;~~
	~~margin-bottom: 0.4em~~;
	}		}

Line 58:		Line 54:

	/* Styling for jQuery makeCollapsible, matching that of collapseButton */		/* Styling for jQuery makeCollapsible, matching that of collapseButton */
	.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {		.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button)
	font-weight: normal;		{
	padding-right: 0.2em;		font-weight:normal;
	padding-left: 0.2em;		padding-right:0.2em;
			padding-left:0.2em;
	}		}

	.mw-collapsible-leftside-toggle .mw-collapsible-toggle {		.mw-collapsible-leftside-toggle .mw-collapsible-toggle
			{
	/* @noflip */		/* @noflip */
	float: left;		float:left;
	}		}

	/* Different margin on references */		/* Different margin on references */
	.references {		.references
	margin-bottom: 0.5em;		{
			margin-bottom:0.5em;
	}		}

	/* Cite customizations */		/* Cite customizations */
	span[ rel="mw:referencedBy" ] {		span[rel="mw:referencedBy"]
	counter-reset: mw-ref-linkback 0;		{
			counter-reset:mw-ref-linkback 0;
	}		}
	span[ rel='mw:referencedBy' ] > a::before {		span[rel='mw:referencedBy'] > a::before
	content: counter( mw-ref-linkback, lower-alpha );		{
	font-size: 80%;		content:counter(mw-ref-linkback, lower-alpha);
	font-weight: bold;		font-size:80%;
	font-style: italic;		font-weight:bold;
			font-style:italic;
	}		}
	a[ rel="mw:referencedBy" ]::before {		a[rel="mw:referencedBy"]::before
	font-weight: bold;		{
	content: "^";		font-weight:bold;
			content:"^";
	}		}
	span[ rel="mw:referencedBy" ]::before {		span[rel="mw:referencedBy"]::before
	content: "^ ";		{
			content:"^ ";
	}		}

Iritscen: okay, just had to make sure – now using localized checker image so we're not pulling it from wikimedia.org every time

2025-12-27T04:53:46Z

okay, just had to make sure – now using localized checker image so we're not pulling it from wikimedia.org every time

← Older revision		Revision as of 04:53, 27 December 2025
Line 7:		Line 7:

	/* TODO: Localize checkerboard image */		/* TODO: Localize checkerboard image */
	@media screen {		@media screen
	/* Put a ~~chequered~~ background behind images, only visible if they have transparency,		{
			/* Put a checkered background behind images, only visible if they have transparency,
	* except on main, user, and portal namespaces		* except on main, user, and portal namespaces
			* NOTE: Somehow this checkerboard doesn't seem to appear on our custom namespaces;
			* that's good, but I don't know why it doesn't -Iritscen
	*/		*/
	body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {		body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img
	background: #fff url(//wiki.oni2.net/w/images/8/84/~~Checkmark_16px_blue~~.png) repeat;		{
			background:#fff url(//wiki.oni2.net/w/images/5/5d/Checker-16x16.png) repeat;
	}		}

	/* Make the list of references smaller */		/* Make the list of references smaller */
	.references {		.references
	font-size: 90%;		{
			font-size:90%;
	}		}
	}		}