MediaWiki:Common.css/src/template/exclusive icons.scss
< MediaWiki:Common.css | src
Jump to navigation
Jump to search
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestors: / src / template / exclusive_icons.scss
Siblings: achievement.scss animation.scss archive_header.scss archive-box.scss chance.scss coin.scss color_box.scss crafts.scss diagram.scss doc.scss dotlist.scss dpl3.scss editcopy_notice.scss error.scss etext.scss exclusive_icon_link.scss exclusive_icons.scss expert,master,journey.scss flavor_text.scss float_file_box.scss gameText.scss getDropInfo.scss hardmode.scss hatnote.scss history.scss hp.scss info_request.scss infobox.scss infocard.scss item.scss itemlist.scss key.scss l10n_subtemplate.scss licensebox.scss living_preferences.scss loot.scss mctoc.scss msgbox.scss multi-column_list.scss na.scss navbox.scss project.scss protected.scss quotation.scss recipes.scss reflist.scss shortcut.scss sound.scss spoiler.scss summoned.scss templatedata.scss toc_limit.scss toggleBox.scss transclude.scss translation_projects.scss use_time,knockback.scss yes,no.scss
Children: (none)
/********* [[Template:Exclusive icons]] *********/
/* Template:eicons
.eico:before => d (.i1)
.eico b:before => c (.i2)
.eico b:after => o (.i3)
.eico b => m (.i4)
.eico i:before => 3 (.i5)
.eico i:after => unused
.eico i => unused
.eico:after => unused
*/
.eico {
--width: 0;
--height: 16px;
--small-scale: 0.75;
--gap: 0;
--base-gap: 2px;
span {
/* hidden text for SEO */
display: none;
}
&, b, i {
padding-right: var(--width);
&, &:before, &:after {
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: var(--height);
width: var(--width);
margin-right: var(--gap);
}
}
&.s {
margin-right: calc(-1 * var(--base-gap) * var(--small-scale));
&, b, i {
padding-right: calc(var(--width) * var(--small-scale));
&, &:before, &:after {
width: calc(var(--width) * var(--small-scale));
height: calc(var(--height) * var(--small-scale));
}
}
}
&, &.s {
&, b, i {
width: auto;
background-position: right center;
}
}
&.i1:before,
&.i2 b:before,
&.i3 b:after,
&.i4 b,
&.i5 i:before,
&.i6 i:after {
--gap: var(--base-gap);
}
& {
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
vertical-align: middle !important;
white-space: nowrap !important;
margin-right: calc(-1 * var(--base-gap));
}
&.j {
/* Japanese console version */
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAApElEQVQoka2SQQrEMAhFPaU5mgeb3sBF6CJpGrML6Z9NO0zoZJiWET4I6gO/kqrCzJBzviQzg/cetCwLRrG1hq21YT3n/BlQQ0AUgTJDmRFEUEMYAFIPqDFCmTER4bFrIoIyo8bY9ZrZGRBEXsPTriMPImdASqnbWZ3rht8h6lznyf8Bt1ZY1/W2iaWUMwD4/YxDwLsn3x6plALy3l9+40PzPOMJC/qV2WNuhKAAAAAASUVORK5CYII=);
width: 16px;
height: 12px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
&.s {
width: 12px;
height: 9px;
}
}
&.i1:before {
/* Desktop version */
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAACp0lEQVQokY2SzUuTcQDHf7haiHjwb/DgSeR3kFGtZeqaLufbHva0mpYoPOIYk9RGoBEmy0wmpEhkGyk8tmVmloHvNdG5x+m02V58aw7nG9Ompw4dvp0KvPW5fuBz+hDyn2g1GhXLMBzDajmGYTkdU8qVqQtURKPVqFidjititFyptpwr0lVyKl0lp9RWckq2glMxOq6U1XJqtbr6cH8PkZ19RLZ3cHJ0gNvqgmpSWFhQvX0Yg//oN7xxwHUMzMWBhTiwcgSEYr8QiZ1i+NMI3HMuuNwCBMED18w0SpRyPVEo5fpg9BA3atuQ++A1ch46oGh+j5LWYZQ/e4eG5/0IROP4PDaJaDSKra0wNta3EA2HUSCX64lSIdd7w/vIrX+Biv51lDki0L3Zxl1+DTV9S6jtGsZS5BT2wRFMTX7B+PgkpqenMTU2iizpRSOR58iMwuYBLtfbkN2xAFnHIq5YPLjaNoc88yiqOj5gZj0Ox/A4AoEQfD4fAqvfsRb0Q3ZJUkeysmTGr74fkJn6cM3ixvXubyjsCYLt3UQVH0ID78F46AQ9/BBWfX44nU7YXr2ERxAgyZTUEYkks84dCOPO07fQdTlR3euFgfehfjCIxiE/2j+uYGJ1D+3dNszOuzAxNYVlnxeCIIBmUBORSqV1iyurcC6vYza4C+/2TyxsxrAUPoY7tAuXbwPzy36o2VtQ39QgjymGimVQXFyMRJGYJ5RSLaXUlJ6ebqKUmqxWK2w2G6xWKyilpoyMDBOl1EQI6awxGlBz/x4etbfCYDAgkYg6z9yWmpraZLfbMTAwAIfDgbS0tKa/LjEpyfK41YxGczOa256gpaUFFxLOWc4EkpOTzdnZ2Xx+fj6vUCj4lJQU8z+ZQHgiSuCJWMQTsYgXi8X8eZGI/wPwz6C3jZnAMAAAAABJRU5ErkJggg==);
--width: 16px;
}
&.i2 b:before {
/* Console version */
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAACjklEQVQokY2SS08aYRiFv4UxI5dejCFk2kxQdEKMKa0/qQ1iqiVpKw29KKvZGYq0BEQtOCCKVSsCQ0UQhRkuVdA0WlQiRY0umvgbTheaxjQsfLZP3nPexSHkBu1axqBjWYNOqzOQBrRrGQPbrjWwDNvQE023xnp+cYKLkzPUj+vo6NRZb3r2MWs9PavhvH6Kyz+X6PzPE9LSZBGLEvJ5Caf136jXaijtlMF2d1s7ejqtHY9Ya3mvjHq9hsPKPqqHR5AkCU3yFsvVvVxpcTqdEEURmewGht+/xY9CDok1AdXqIY5rVVSrVQhCFJKUhdHwDIWcCEnKwuV2Qi5vsRAlpeRWFsMIzc7hzdArvB56iXeWIfi8bqTXE8iJEjLpDKa9Pgw+78fR0QH6jE+xMB/E0sIcZDKKIwpKyYWC80iuJuCdmsDIyAeImXXEoouIhBexvPQNkeUI4jEB6VQSL0wDcLk/IfE9ivnQDCiqmSMK5V3O7nAgHA7ji3cSodkg/NM+DAwa4fG44ZnyYHxyAv39feB5H+aCAXx2jOHrQggOhx0KhYwj1B3FMD/rx/7BTwjCChx2G+y2UYyPuzAT9GMjswmfn4fL7YTNNoox20fEYwJ+VfYQmOHR2npvmKhptTmRiuO4VsHWtoTVRBy8bxoKGcX16p/w+h49r9f38jKZjAsEAkiuJrFdLCGflxCNrUBNq8yE0TImUcygUMygvFOAIEQhU1Bcoy01K5u5SCSG3dIuSlvbyOclMAxjIg80GmN5dweFYg6xSBg0TZsbrvGaNlpljoajKEgFVPYq6NJqjeShRmPayGSRWlu7eu0W3Fe3mdPpTaSSaTBdGiMhhBC1ijbTKvWtAv4F0Spz23XpX3tXlLpeYi2zAAAAAElFTkSuQmCC);
--width: 17px;
}
&.i3 b:after {
/* Old-gen console version */
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAACcUlEQVQokXXRW0hTAQAG4PMSDdkl1+atmTbPEEw8bpKYI7TQKDNyRan54GWblacUzU1ZOtGz0mIuiYi00zY3tVLoxS4vBx8KJWPkhdxyO2qWVoRFtxfr4e+lAiX/1///nn6CWBcmUq63yeRolcagVRqnX9+vSasiRn9ZIsJqvRkrdB3sslhcUpAbI4dcjqXc/cDR4/hZdBK/6Gq0S6OxIeiQScHv2o1P6nR835eNH0UlaJNEbQwaFREYVachkJiMhdRUBHNy0RwT/3+gVUSZjoVLTB2yCDxNy8BYqhqdIhEKJeGmvXE7TGvGKlWC6dv7Jaz6AxjSn4EpIhZN8ig8MhjwxfcMn9+9QULCH6RQqcwzfBA8H8QNG4MB8wU0a7Ngy9Difn0tmJoq8HOvsLj0Ftvj481EJBln8c/PYnFxDtfbWoBQEI2ZWtgP5OD13T40nzJiIRTEfIgHSZIWIoUkLTPPx7Hsn0aXxYzQ42HcpCvB0kYEBvvRYjDgw0wA874XSI7eZiGyhDKrz+nBx5EnYBsaYa+twcNeFg/6WFgry3DLVI+VkRFMeb3YIxRbicMCqfWarhhO/VlMuO+A6x9AQw2Numoaw14Pvo6Nwm00ovNIAQ4JhVYihxAwVw7qYC8oxoT7HpZ9k+AnX2J2yo+FiWmMO124mJcHh06HPLGYIbLFW5muUiPaS8rRVFKO82UGnNOfRpWBRnVFJdpKK2ArPIGr5WXIDAtjCI1SmR8tEjn62R54brPwOt3odbnhdHvgdnkwyLow1N0D5RapI12pyv933iaJoDuRSuIoiuIoiuKSNBpup1rDUSkpnGizoPvv7jfmDU3XQ9W5ywAAAABJRU5ErkJggg==);
--width: 12px;
}
&.i4 b {
/* Mobile version */
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAACZ0lEQVQokT3SyU8TYQBA8e8fU2OQqMQYCQejB3EFFO0ww0wBgSIBGmJAQGUKTmmhdNMGsNS2WEHKXqBYQUSw4sKFLXgwERA1zwOJh9/tHZ8QQghXp0d3OQK4nL04XX463F4MtxfD7ae96xl2l18XQgjh8nXrRpeXH/uwswcbB7D++9DWAWzvgs3ho9vn0YXd7WRj7y91zmGqPQtU+BYp9y9h8S5S60nS6HrFzi8wOjsRrYaN9PYumn2CQmeags5V8rpWueVcRXHMYzGGSG/9oUlvQzxpa+fjxj6m1hku29LkGqvkGmmuGCvkt6dQbMO824ZG3Y6wPW5lae0nN5oTnG9e5uKjpf8uPXxLXkuc2U2of+xANLQ0MfP5OxesQ5ypTZJtnSHbOsNZ6wLZdUnOW2OMrEFNiwNR1/SA0ZUtcu7FyKycIqtqjCzLBCctb8iqnOacJczQF6hqsiOq6+8z93WP0+YXHCmZ4NjdUTIqxjmqjZNpjnNGCzD8Ccob2hA11gYm329yqrCDE3IPxyU3mbKXjNs+sm57yCkyCCfXKa1tRFRW1TGdWiYYX6BvZJEXI/OEXqd4ObJCePgDwfgCiaVvVNTWIyrKLMwl54nFBpFlmdhABK1I4VUkhiqbiQ4OkkilMJeXIcpUM4mxCWKhCCWSSjQYRTapRMIDKEoRA9EQick4qlaEKNFUZqcmifYGMZuKed7Xzx1Jpj8cRCk2MRgOMTs+SmlJMULVFF2WJcL9IQKBAIFwD4HIU3pCfkLBAAP9EVRJQ5Kkw/NUTdUVRaVQvsNV5RrXtSsUSLlIpvzD8KaqCyHEP/2E67btctK/AAAAAElFTkSuQmCC);
--width: 11px;
}
&.i5 i:before {
/* 3DS version */
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAJCAYAAABT2S4KAAAD10lEQVQ4jYWSa0xTZxjHj9vM4pZJ39NKz/uWSOPYFJEQLk5AtrWCEm6aCaXQ0x5gzOkiIhMmAg4LzHA90nKJwUUCkngj2+IUw9wyQmEfliw776kW2JaBIc4GzcqEgNzaZx/EDzNuez7/n+T3/+XPUJZUUcQ5qQL/ThGZpCy5L7PYTVnyq4zINSeLP3QyfggAuKrKyrH30vZCZnqGN1cQfHlCDuRaLGAx8SsH8vPv1lirv7p587oRAF5lGIaZmZlRdXV2Vhw7UkjzhJyFPCEHVn+8VZWVd9xu91ZGVpJCGeHPKMJmJwpIdiIuiSJ8UGLxtzLCPllBFqX1/u2PJUlrNGSOqVklxEXHzLfZ7R3NoljW1NBQc7yk5IvUpOQHwUFvQLxOP9NQV9cGAOrG+noxOmr7yo7IqMXysvJLzaJYZjtz5uSpik/PNjU2fe12u7cyALCGec7JKrKXsmSOIgzUj/t+pq/vTd5oHMMqf0jQ66cHBwdjn2YBYK3D4Yg3m/gxjZqD7RGRyz3d3bbDhz76EStVkJiw+9HQ0FA2AKxdza8BgHUA8BLDMAzj3LgRSSrMSyw+ICvwUZkldhnhMQmRecqSW7fX+ccCAMdnrgLo9NMOh2Pns9Dnz507Fr4t1Ef81ZCf977r6uXLtnidbnZToBbidfrp48XF1y/29HwwMTGh/Udx14aAIIrIN1SBf5ZYPEIRfkARXqGIm5VZ7qr8iioCAPD/AfT396fE7Yhe4pQq2JeSdn9qairsy95eQ/HRolu7d+16FLJ5C7wVEblsyTb90t7aan04OUmeKDQYXpS0WsWoRqN0bdByt5WBwRRpDkos+YMiDJKfWp4srXgnOyt75D8NfH6+6KkBwWQanZubI6vKXxsYGNDV19a27ktNvafVBEBkWPjK6erqG8xvQUEvP28HroAAliIy/GQD6tlxg8liNJpc/7aB4eFhvcCbRzRqDsK3hfpa7HYRABQA8MIzloR3Y3cuqFklZBsyFxmKcI+sxGdlBSmUEcmSWS7DqSQFFHE3ZIQXKYsfS+v9u/7s6grJMhhH1awS4mJi5tvsrR3NolgmNjZWl5aU9KYlJU9t3vQ6vB0Tu1BltV7weDyh7W1tvSdPnOhuFsVTrTbbxy22lk+KCo70h2wJ9kWFhS/XWK19DGVJJ0XcHcqSe5KCPKQKMk0R9xdF+K6MyDXKkryfGOQHAFx5aenInvgEb0pi4pIxPcNrzMjwGfan+wz700HgzZ6K8vLvrly5dMjj8fgBgLK+tu6HHLPFK/A8CLx5JdcieAWeXyo8XODq6Og4PT4+Hvg3tXbwvaiwAi8AAAAASUVORK5CYII=);
--width: 32px;
}
}