MediaWiki:ExternalIcons.css — dev

/*
 * Adds colorful icons for some external links
 * @docs [[ExternalIcons]]
 * @author Kofirs2634
 */
/** Icons config **/
.external:after,
.extiw:after {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 .1em 0 .3em;
    vertical-align: -0.15em
}

/** Icons **/
/* A */
a[href*="music.apple.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/59/Apple_Music_Icon.svg')
}

/* D */
a[href*="dailymotion.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/16/Dailymotion%2BIcon%2BSquare.svg')
}

a[href*="datatables.net"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a4/Datatables_logo_square.png')
}

a[href*="deviantart.com"]:after {
    content: '';
    background-image: url('https://cdn.worldvectorlogo.com/logos/deviantart-2.svg')
}

a[href*="discord.com"]:after,
a[href*="discord.gg"]:after,
a[href*="dis.gd"]:after {
    content: '';
    background-image: url('https://cdn.worldvectorlogo.com/logos/discord-6.svg')
}

/* E */
a[href*="emojipedia.org"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/en/0/03/Emojipedia_logo.png')
}

/* F */
a[href*="facebook.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b8/2021_Facebook_icon.svg')
}

/* G */
a[href*="github.io"]:after,
a[href*="github.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg')
}

.theme-fandomdesktop-dark a[href*="github.io"]:after,
.theme-fandomdesktop-dark a[href*="github.com"]:after {
    filter: invert()
}

a[href*="google.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg')
}

/* I */
a[href*="imgur.com"]:after {
    content: '';
    background-image: url('https://static.wikia.nocookie.net/logopedia/images/5/5e/Imgur_Icon_2018.svg/revision/latest?cb=20231129170004')
}

a[href*="instagram.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/e7/Instagram_logo_2016.svg')
}

/* K */
a[href*="kick.com"]:after {
    content: '';
    background-image: url('https://static.wikia.nocookie.net/logopedia/images/1/11/Kick_%28Icon%29.svg/revision/latest?cb=20230622003955');
}

/* M */
a[href*="mastodon.social"]:after {
    content: '';
    background-image: url('https://mastodon.social/packs/media/icons/favicon-16x16-c58fdef40ced38d582d5b8eed9d15c5a.png');
}

a[href*="mediawiki.org"]:after {
    content: '';
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/ce/Mediawiki_logo_icon_proposal_%283_colors%29.svg")
}

a[href*="meta.wikimedia.org"]:after {
    content: '';
    background-image: url('https://meta.wikimedia.org/static/favicon/community.ico')
}

/* N */
a[href*="newgrounds.com"]:after {
    content: '';
    background-image: url('https://www.newgrounds.com/favicon.ico')
}

a[href*="nngroup.com"]:after {
    content: '';
    background-image: url('https://media.nngroup.com/static/img/favicon.ico')
}

/* P */
a[href*="patreon.com"]:after {
    content: '';
    background-image: url('https://c5.patreon.com/external/favicon/rebrand/favicon.ico')
}

.theme-fandomdesktop-dark a[href*="patreon.com"]:after {
    filter: invert(1);
}

a[href*="pikuco.ru"]:after {
    content: '';
    background-image: url('https://pikuco.ru/local/templates/pikuco/favicon-ru.svg')
}

a[href*="pikuco.com"]:after {
    content: '';
    background-image: url('https://pikuco.com/local/templates/pikuco/favicon-en.svg')
}

/* Q */
a[href*="qidian.com"]:after {
    content: '';
    background-image: url('https://static.wikia.nocookie.net/dev/images/5/5f/Qidian.webp')
}

/* R */
a[href*="reddit.com"]:after {
    content: '';
    background-image: url('https://cdn.worldvectorlogo.com/logos/reddit-4.svg')
}

a[href*="roblox.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3a/Roblox_player_icon_black.svg')
}

.theme-fandomdesktop-dark a[href*="roblox.com"]:after {
    filter: invert(1);
}

/* S */
a[href*="scratch.mit.edu"]:after {
    content: '';
    background-image: url('https://scratch.mit.edu/favicon.ico')
}

a[href*="searchenginejournal.com"]:after {
    content: '';
    background-image: url('https://searchenginejournal.com/wp-content/uploads/2014/07/favicon.png')
}

a[href*="seroundtable.com"]:after {
    content: '';
    background-image: url('https://seroundtable.com/favicon.ico')
}

a[href*="soundcloud.com"]:after {
    content: '';
    background-image: url('https://cdn.worldvectorlogo.com/logos/soundcloud-icon-1.svg')
}

a[href*="sourceforge.net"]:after {
    content: '';
    background-image: url('https://sourceforge.net/favicon.ico')
}

a[href*="open.spotify.com"]:after,
a[href*="spotify.link"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/19/Spotify_logo_without_text.svg')
}

a[href*="statcounter.com"]:after {
    content: '';
    background-image: url('https://ps.w.org/official-statcounter-plugin-for-wordpress/assets/icon.svg')
}

a[href*="stackoverflow.com"]:after {
    content: '';
    background-image: url('https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico');
}

a[href*="store.steampowered.com"]:after,
a[href*="steamcommunity.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/83/Steam_icon_logo.svg')
}

/* T */
a[href*="telegram.org"]:after,
a[href*="t.me"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/5a/Telegram_2019_simple_logo.svg')
}

a[href*="tiktok.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a6/Tiktok_icon.svg')
}

a[href*="tumblr.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/43/Tumblr.svg')
}

a[href*="twitch.tv"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d3/Twitch_Glitch_Logo_Purple.svg')
}

a[href*="twitter.com"]:after,
a[href*="//x.com"]:after {
    /* this matches https://x.com, while not matching https://roblox.com */
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/ce/X_logo_2023.svg')
}

.theme-fandomdesktop-dark a[href*="twitter.com"]:after,
.theme-fandomdesktop-dark a[href*="//x.com"]:after {
    filter: invert(1);
}

/* U */
a[href*="uxplanet.org"]:after {
    content: '';
    background-image: url('https://miro.medium.com/1*m-R_BkNf1Qjr1YbyOIJY2w.png')
}

/* V */
a[href*="vimeo.com"]:after {
    content: '';
    background-image: url('https://static.cdnlogo.com/logos/v/66/vimeo-icon.svg')
}

a[href*="vk.com"]:after,
a[href*="vkontakte.ru"]:after {
    content: '';
    background-image: url('https://vk.com/favicon.ico')
}

/* W */
a[href*="w3schools.com"]:after {
    content: '';
    background-image: url('https://w3schools.com/favicon.ico')
}

a[href*="web.dev"]:after {
    content: '';
    background-image: url('https://static.wikia.nocookie.net/dev/images/6/6e/Web-dev-logo-png_seeklogo-429445.png')
}

a[href*="whatsapp.com"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg')
}

a[href*="whatwg.org"]:after {
    content: '';
    background-image: url('https://resources.whatwg.org/logo.svg')
}

a[href*="webnovel.com"]:after {
    content: '';
    background-image: url('https://static.wikia.nocookie.net/dev/images/4/44/Webnovel.png')
}

a[href*="wikipedia.org"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/5a/Wikipedia\'s_W.svg')
}

a[href*="wiktionary.org"]:after {
    content: '';
    background-image: url('https://en.wiktionary.org/static/favicon/wiktionary/en.ico')
}

.theme-fandomdesktop-dark a[href*="wikipedia.org"]:after {
    filter: invert()
}

/* Y */
a[href*="yahoo.com"]:after {
    content: '';
    background-image: url('https://s.yimg.com/cv/apiv2/default/icons/favicon_y19_32x32_custom.svg');
}

a[href*="youku.com"]:after {
    content: '';
    background-image: url('https://www.youku.com/favicon.ico');
}

a[href*="youtube.com"]:after,
a[href*="youtu.be"]:after {
    content: '';
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/09/YouTube_full-color_icon_(2017).svg')
}

a[href*="//music.youtube.com"]:after {
    content: '';
    background-image: url('https://music.youtube.com/img/favicon_144.png');
}