Template:MCwiki/styles.css: Difference between revisions
Template page
More actions
Create MCwiki link template (minecraft.wiki, our chosen Minecraft reference wiki) |
m Empirically align the MCwiki icon with the link text |
||
| Line 3: | Line 3: | ||
} | } | ||
/* | /* Empirically measured against the live rendered text/icon (same method | ||
as the Wikipedia/YouTube/Twitch/Loka icons) -- vertical-align:middle | |||
left it 1.4px high; this is the exact value that lines up the icon's | |||
centre with the text's centre. Unlike the Wikipedia icon, this one is | |||
full colour (the Minecraft Wiki's actual textless logo, not a solid | full colour (the Minecraft Wiki's actual textless logo, not a solid | ||
monochrome glyph), so it isn't inverted for dark mode -- doing that to | monochrome glyph), so it isn't inverted for dark mode -- doing that to | ||
a colour image would distort it, not just recolour it. */ | a colour image would distort it, not just recolour it. */ | ||
.loka-mcwiki-icon img { | .loka-mcwiki-icon img { | ||
vertical-align: | vertical-align: -1.5px; | ||
} | } | ||
Latest revision as of 21:35, 19 August 2026
.loka-mcwiki-link {
display: inline;
}
/* Empirically measured against the live rendered text/icon (same method
as the Wikipedia/YouTube/Twitch/Loka icons) -- vertical-align:middle
left it 1.4px high; this is the exact value that lines up the icon's
centre with the text's centre. Unlike the Wikipedia icon, this one is
full colour (the Minecraft Wiki's actual textless logo, not a solid
monochrome glyph), so it isn't inverted for dark mode -- doing that to
a colour image would distort it, not just recolour it. */
.loka-mcwiki-icon img {
vertical-align: -1.5px;
}