MediaWiki:Common.css - Revision history

Beornulf: Tweaking how external links are selected due to MediaWiki quirks

2026-10-01T17:15:10Z

Tweaking how external links are selected due to MediaWiki quirks

← Older revision		Revision as of 1:15 PM, October 1, 2026
Line 5:		Line 5:

	/*		/*
	* Shared formatting for recognized image-based external links.		* Shared formatting for recognized image-based external
			* and interwiki links.
	* Icons are displayed at a consistent 16 × 16 px.		* Icons are displayed at a consistent 16 × 16 px.
	*/		*/
	a.external:is(		a:is(.external, .extiw):is(
	[href*="wowhead.com"],		[href*="wowhead.com"],
	[href*="mmo-champion.com"],		[href*="mmo-champion.com"],
Line 39:		Line 40:

	/* Retail / general Wowhead */		/* Retail / general Wowhead */
	a.external[href*="wowhead.com"]:not(		a:is(.external, .extiw)[href*="wowhead.com"]:not(
	[href*="wowhead.com/classic"],		[href*="wowhead.com/classic"],
	[href*="wowhead.com/tbc"],		[href*="wowhead.com/tbc"],
Line 48:		Line 49:

	/* Classic */		/* Classic */
	a.external[href*="wowhead.com/classic"]::before {		a:is(.external, .extiw)[href*="wowhead.com/classic"]::before {
	background-image: url("/mediawiki/images/4/48/External-wowheadc.png");		background-image: url("/mediawiki/images/4/48/External-wowheadc.png");
	}		}

	/* The Burning Crusade */		/* The Burning Crusade */
	a.external[href*="wowhead.com/tbc"]::before {		a:is(.external, .extiw)[href*="wowhead.com/tbc"]::before {
	background-image: url("/mediawiki/images/a/aa/External-wowhead-bc.png");		background-image: url("/mediawiki/images/a/aa/External-wowhead-bc.png");
	}		}

	/* Wrath of the Lich King */		/* Wrath of the Lich King */
	a.external[href*="wowhead.com/wotlk"]::before {		a:is(.external, .extiw)[href*="wowhead.com/wotlk"]::before {
	background-image: url("/mediawiki/images/5/55/External-wowhead-wrath.png");		background-image: url("/mediawiki/images/5/55/External-wowhead-wrath.png");
	}		}
Line 68:		Line 69:

	/* MMO-Champion */		/* MMO-Champion */
	a.external[href*="mmo-champion.com"]::before {		a:is(.external, .extiw)[href*="mmo-champion.com"]::before {
	background-image: url("/mediawiki/images/8/8c/External-mmochampion.png");		background-image: url("/mediawiki/images/8/8c/External-mmochampion.png");
	}		}

	/* Warcraft Wiki */		/* Warcraft Wiki */
	a.external[href*="warcraft.wiki.gg"]::before {		a:is(.external, .extiw)[href*="warcraft.wiki.gg"]::before {
	background-image: url("/mediawiki/images/e/ea/External-wwiki.png");		background-image: url("/mediawiki/images/e/ea/External-wwiki.png");
	}		}

	/* Petopia */		/* Petopia */
	a.external[href*="wow-petopia.com"]::before {		a:is(.external, .extiw)[href*="wow-petopia.com"]::before {
	background-image: url("/mediawiki/images/7/71/External-petopia.png");		background-image: url("/mediawiki/images/7/71/External-petopia.png");
	}		}

	/* Official World of Warcraft website */		/* Official World of Warcraft website */
	a.external[href*="worldofwarcraft.blizzard.com"]::before {		a:is(.external, .extiw)[href*="worldofwarcraft.blizzard.com"]::before {
	background-image: url("/mediawiki/images/c/cb/External-wow.png");		background-image: url("/mediawiki/images/c/cb/External-wow.png");
	}		}

	/* Turtle WoW Wiki */		/* Turtle WoW Wiki */
	a.external[href*="turtle-wow.fandom.com"]::before {		a:is(.external, .extiw)[href*="turtle-wow.fandom.com"]::before {
	background-image: url("/mediawiki/images/6/60/External-twwiki.png");		background-image: url("/mediawiki/images/6/60/External-twwiki.png");
	}		}

	/* Tortoise DB Viewer */		/* Tortoise DB Viewer */
	a.external[href*="xian55.github.io/tortoise-db-viewer/"]::before {		a:is(.external, .extiw)[href*="xian55.github.io/tortoise-db-viewer/"]::before {
	content: "🐢";		content: "🐢";
	display: inline-block;		display: inline-block;
Line 105:		Line 106:

	/* OctoWoW */		/* OctoWoW */
	a.external[href*="octowow.st"]::before {		a:is(.external, .extiw)[href*="octowow.st"]::before {
	content: "🐙";		content: "🐙";
	display: inline-block;		display: inline-block;
Line 122:		Line 123:

	/* Wikipedia */		/* Wikipedia */
	a.external[href*="wikipedia.org"]::before {		a:is(.external, .extiw)[href*="wikipedia.org"]::before {
	content: "ⓦ";		content: "ⓦ";
	display: inline-block;		display: inline-block;
Line 134:		Line 135:

	/* Wiktionary */		/* Wiktionary */
	a.external[href*="wiktionary.org"]::before {		a:is(.external, .extiw)[href*="wiktionary.org"]::before {
	content: "📖";		content: "📖";
	display: inline-block;		display: inline-block;
Line 151:		Line 152:

	/* GitHub */		/* GitHub */
	a.external[href*="github.com"]::before {		a:is(.external, .extiw)[href*="github.com"]::before {
	background-image: url("/mediawiki/images/f/f4/External-github.svg");		background-image: url("/mediawiki/images/f/f4/External-github.svg");
	}		}
Line 161:		Line 162:

	/* Internet Archive */		/* Internet Archive */
	a.external[href*="archive.org"]::before {		a:is(.external, .extiw)[href*="archive.org"]::before {
	background-image: url("/mediawiki/images/0/0e/External-internetarchive.svg");		background-image: url("/mediawiki/images/0/0e/External-internetarchive.svg");
	}		}

	/* Archive.today and alternate domains */		/* Archive.today and alternate domains */
	a.external:is(		a:is(.external, .extiw):is(
	[href*="archive.ph"],		[href*="archive.ph"],
	[href*="archive.today"],		[href*="archive.today"],

Beornulf: Tweaking margins

2026-10-01T16:59:20Z

Tweaking margins

← Older revision		Revision as of 12:59 PM, October 1, 2026
Line 97:		Line 97:
	display: inline-block;		display: inline-block;
	width: 16px;		width: 16px;
	margin-right: ~~3px~~;		margin-right: 5px;
	text-align: center;		text-align: center;
	font-size: 16px;		font-size: 16px;
Line 109:		Line 109:
	display: inline-block;		display: inline-block;
	width: 16px;		width: 16px;
	margin-right: ~~3px~~;		margin-right: 5px;
	text-align: center;		text-align: center;
	font-size: 16px;		font-size: 16px;
Line 126:		Line 126:
	display: inline-block;		display: inline-block;
	width: 16px;		width: 16px;
	margin-right: ~~3px~~;		margin-right: 5px;
	text-align: center;		text-align: center;
	font-size: 16px;		font-size: 16px;
Line 138:		Line 138:
	display: inline-block;		display: inline-block;
	width: 16px;		width: 16px;
	margin-right: ~~3px~~;		margin-right: 5px;
	text-align: center;		text-align: center;
	font-size: 16px;		font-size: 16px;

Beornulf: Additional sites added

2026-10-01T16:45:58Z

Additional sites added

@@ Line 5: / Line 5: @@
 /*
-  * Shared formatting for recognized external links.
+  * Shared formatting for recognized image-based external links.
   * Icons are displayed at a consistent 16 × 16 px.
   */
@@ Line 18: / Line 18: @@
      [href*="archive.is"],
      [href*="worldofwarcraft.blizzard.com"],
-     [href*="turtle-wow.fandom.com"]
+     [href*="turtle-wow.fandom.com"],
 )::before {
      content: "";
@@ Line 101: / Line 102: @@
      line-height: 16px;
      vertical-align: -2px;
+}

Beornulf: Add Tortoise DB Viewer with a tweaked rule

2026-10-01T16:04:13Z

Add Tortoise DB Viewer with a tweaked rule

@@ Line 89: / Line 89: @@
 a.external[href*="turtle-wow.fandom.com"]::before {
      background-image: url("/mediawiki/images/6/60/External-twwiki.png");
+}

Beornulf: Add Turtle WoW Wiki

2026-10-01T15:51:10Z

Add Turtle WoW Wiki

← Older revision		Revision as of 11:51 AM, October 1, 2026
Line 17:		Line 17:
	[href*="archive.today"],		[href*="archive.today"],
	[href*="archive.is"],		[href*="archive.is"],
	[href*="worldofwarcraft.blizzard.com"]		[href*="worldofwarcraft.blizzard.com"],
			[href*="turtle-wow.fandom.com"]
	)::before {		)::before {
	content: "";		content: "";
Line 83:		Line 84:
	a.external[href*="worldofwarcraft.blizzard.com"]::before {		a.external[href*="worldofwarcraft.blizzard.com"]::before {
	background-image: url("/mediawiki/images/c/cb/External-wow.png");		background-image: url("/mediawiki/images/c/cb/External-wow.png");
			}

			/* Turtle WoW Wiki */
			a.external[href*="turtle-wow.fandom.com"]::before {
			background-image: url("/mediawiki/images/6/60/External-twwiki.png");
	}		}

Beornulf: Fixing image URLs

2026-09-30T21:51:34Z

Fixing image URLs

← Older revision		Revision as of 5:51 PM, September 30, 2026
Line 42:		Line 42:
	[href*="wowhead.com/wotlk"]		[href*="wowhead.com/wotlk"]
	)::before {		)::before {
	background-image: url(~~filepath:~~//External-wowhead.png);		background-image: url("/mediawiki/images/6/61/External-wowhead.png");
	}		}

	/* Classic */		/* Classic */
	a.external[href*="wowhead.com/classic"]::before {		a.external[href*="wowhead.com/classic"]::before {
	background-image: url(/mediawiki/images/4/48/External-wowheadc.png);		background-image: url("/mediawiki/images/4/48/External-wowheadc.png");
	}		}

	/* The Burning Crusade */		/* The Burning Crusade */
	a.external[href*="wowhead.com/tbc"]::before {		a.external[href*="wowhead.com/tbc"]::before {
	background-image: url(~~filepath:~~//External-wowhead-bc.png);		background-image: url("/mediawiki/images/a/aa/External-wowhead-bc.png");
	}		}

	/* Wrath of the Lich King */		/* Wrath of the Lich King */
	a.external[href*="wowhead.com/wotlk"]::before {		a.external[href*="wowhead.com/wotlk"]::before {
	background-image: url(~~filepath:~~//External-wowhead-wrath.png);		background-image: url("/mediawiki/images/5/55/External-wowhead-wrath.png");
	}		}

Line 67:		Line 67:
	/* MMO-Champion */		/* MMO-Champion */
	a.external[href*="mmo-champion.com"]::before {		a.external[href*="mmo-champion.com"]::before {
	background-image: url(~~filepath:~~//External-mmochampion.png);		background-image: url("/mediawiki/images/8/8c/External-mmochampion.png");
	}		}

	/* Warcraft Wiki */		/* Warcraft Wiki */
	a.external[href*="warcraft.wiki.gg"]::before {		a.external[href*="warcraft.wiki.gg"]::before {
	background-image: url("~~https://azerothgazetteer.com~~/mediawiki/images/e/ea/External-wwiki.png");		background-image: url("/mediawiki/images/e/ea/External-wwiki.png");
	}		}

	/* Petopia */		/* Petopia */
	a.external[href*="wow-petopia.com"]::before {		a.external[href*="wow-petopia.com"]::before {
	background-image: url(~~filepath:~~//External-petopia.png);		background-image: url("/mediawiki/images/7/71/External-petopia.png");
	}		}

	/* Official World of Warcraft website */		/* Official World of Warcraft website */
	a.external[href*="worldofwarcraft.blizzard.com"]::before {		a.external[href*="worldofwarcraft.blizzard.com"]::before {
	background-image: url(~~filepath:~~//External-wow.png);		background-image: url("/mediawiki/images/c/cb/External-wow.png");
	}		}

Line 92:		Line 92:
	/* Internet Archive */		/* Internet Archive */
	a.external[href*="archive.org"]::before {		a.external[href*="archive.org"]::before {
	background-image: url(~~filepath:~~//External-internetarchive.svg);		background-image: url("/mediawiki/images/0/0e/External-internetarchive.svg");
	}		}

Line 101:		Line 101:
	[href*="archive.is"]		[href*="archive.is"]
	)::before {		)::before {
	background-image: url(~~filepath:~~//External-archivetoday.png);		background-image: url("/mediawiki/images/e/e6/External-archivetoday.png");
	}		}

Beornulf: More error testing

2026-09-30T21:49:07Z

More error testing

← Older revision		Revision as of 5:49 PM, September 30, 2026
Line 47:		Line 47:
	/* Classic */		/* Classic */
	a.external[href*="wowhead.com/classic"]::before {		a.external[href*="wowhead.com/classic"]::before {
	background-image: url(~~filepath:~~//External-wowheadc.png);		background-image: url(/mediawiki/images/4/48/External-wowheadc.png);
	}		}

Beornulf: Error testing

2026-09-30T21:45:34Z

Error testing

← Older revision		Revision as of 5:45 PM, September 30, 2026
Line 72:		Line 72:
	/* Warcraft Wiki */		/* Warcraft Wiki */
	a.external[href*="warcraft.wiki.gg"]::before {		a.external[href*="warcraft.wiki.gg"]::before {
	background-image: url(~~filepath~~://External-wwiki.png);		background-image: url("https://azerothgazetteer.com/mediawiki/images/e/ea/External-wwiki.png");
	}		}

Beornulf: Initial attempt at prefixed icons for external links

2026-09-30T21:40:52Z

Initial attempt at prefixed icons for external links

New page

/* =========================================================
Domain-specific external link icons
Azeroth Gazetteer
========================================================= */

/*
* Shared formatting for recognized external links.
* Icons are displayed at a consistent 16 × 16 px.
*/
a.external:is(
[href*="wowhead.com"],
[href*="mmo-champion.com"],
[href*="warcraft.wiki.gg"],
[href*="wow-petopia.com"],
[href*="archive.org"],
[href*="archive.ph"],
[href*="archive.today"],
[href*="archive.is"],
[href*="worldofwarcraft.blizzard.com"]
)::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 3px;
vertical-align: -2px;

background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

/* =========================================================
Wowhead
========================================================= */

/* Retail / general Wowhead */
a.external[href*="wowhead.com"]:not(
[href*="wowhead.com/classic"],
[href*="wowhead.com/tbc"],
[href*="wowhead.com/wotlk"]
)::before {
background-image: url(filepath://External-wowhead.png);
}

/* Classic */
a.external[href*="wowhead.com/classic"]::before {
background-image: url(filepath://External-wowheadc.png);
}

/* The Burning Crusade */
a.external[href*="wowhead.com/tbc"]::before {
background-image: url(filepath://External-wowhead-bc.png);
}

/* Wrath of the Lich King */
a.external[href*="wowhead.com/wotlk"]::before {
background-image: url(filepath://External-wowhead-wrath.png);
}

/* =========================================================
Warcraft sites
========================================================= */

/* MMO-Champion */
a.external[href*="mmo-champion.com"]::before {
background-image: url(filepath://External-mmochampion.png);
}

/* Warcraft Wiki */
a.external[href*="warcraft.wiki.gg"]::before {
background-image: url(filepath://External-wwiki.png);
}

/* Petopia */
a.external[href*="wow-petopia.com"]::before {
background-image: url(filepath://External-petopia.png);
}

/* Official World of Warcraft website */
a.external[href*="worldofwarcraft.blizzard.com"]::before {
background-image: url(filepath://External-wow.png);
}

/* =========================================================
Web archives
========================================================= */

/* Internet Archive */
a.external[href*="archive.org"]::before {
background-image: url(filepath://External-internetarchive.svg);
}

/* Archive.today and alternate domains */
a.external:is(
[href*="archive.ph"],
[href*="archive.today"],
[href*="archive.is"]
)::before {
background-image: url(filepath://External-archivetoday.png);
}