MediaWiki:Common.css: Difference between revisions

From Azeroth Gazetteer
Jump to navigation Jump to search
m Tweaking margins
Tweaking how external links are selected due to MediaWiki quirks
 
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"],

Latest revision as of 1:15 PM, October 1, 2026

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

/*
 * Shared formatting for recognized image-based external
 * and interwiki links.
 * Icons are displayed at a consistent 16 × 16 px.
 */
a:is(.external, .extiw):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"],
    [href*="turtle-wow.fandom.com"],
    [href*="github.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:is(.external, .extiw)[href*="wowhead.com"]:not(
    [href*="wowhead.com/classic"],
    [href*="wowhead.com/tbc"],
    [href*="wowhead.com/wotlk"]
)::before {
    background-image: url("/mediawiki/images/6/61/External-wowhead.png");
}

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

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

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


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

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

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

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

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

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

/* Tortoise DB Viewer */
a:is(.external, .extiw)[href*="xian55.github.io/tortoise-db-viewer/"]::before {
    content: "🐢";
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    vertical-align: -2px;
}

/* OctoWoW */
a:is(.external, .extiw)[href*="octowow.st"]::before {
    content: "🐙";
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    vertical-align: -2px;
}


/* =========================================================
   Reference sites
   ========================================================= */

/* Wikipedia */
a:is(.external, .extiw)[href*="wikipedia.org"]::before {
    content: "ⓦ";
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    vertical-align: -2px;
}

/* Wiktionary */
a:is(.external, .extiw)[href*="wiktionary.org"]::before {
    content: "📖";
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    vertical-align: -2px;
}


/* =========================================================
   Development sites
   ========================================================= */

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


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

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

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