Vorlage:IconExternal/styles

[Verwendung]   [CSS bearbeiten]

Diese Seite dokumentiert TemplateStyles betreffend Vorlage:IconExternal.
Sie sind auf dieser Seite aktiviert.

CSS

.dewiki-iconexternal > a {
	background-position: center right;
	background-repeat: no-repeat;
}

body.skin-minerva .dewiki-iconexternal > a {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/a4/OOjs_UI_icon_external-link-ltr-progressive.svg") !important;
	background-size: 10px;
	padding-right: 13px !important;
}

body.skin-timeless .dewiki-iconexternal > a,
body.skin-monobook .dewiki-iconexternal > a {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/30/MediaWiki_external_link_icon.svg") !important;
	padding-right: 13px !important;
}

body.skin-vector .dewiki-iconexternal > a {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/96/Link-external-small-ltr-progressive.svg") !important;
	background-size: 0.857em;
	padding-right: 1em !important;
}

Kopiervorlage

<templatestyles src="IconExternal/styles.css" />

---

Erläuterung

Da das Symbol für die Kennzeichnung externer Links skinabhängig ist, muss je nach Skin das passende Icon eingebunden werden. Die Angaben zur background-size und zum padding entsprechen den jeweiligen Stildefinitionen des Skins.

Die Nutzung von !important ist erforderlich, um die in MediaWiki:Common.css definierte Entfernung des Link-Symbols bei bestimmten Links auf Schwesterprojekte bei Bedarf rückgängig machen zu können.