User:Llamageddon/RrtyIcon: Difference between revisions
Llamageddon (talk | contribs) mNo edit summary |
Llamageddon (talk | contribs) mNo edit summary |
||
| Line 6: | Line 6: | ||
{{#vardefine: spna | <span style="display: inline-block; vertical-align: middle; width: 25px; height: 25px; overflow: hidden;">}} | {{#vardefine: spna | <span style="display: inline-block; vertical-align: middle; width: 25px; height: 25px; overflow: hidden;">}} | ||
}}<span class="bg3wiki-div-border bg3wiki-icon-colour-{{#var:void}}"> {{#var:spna}}[[File:{{#var:exlk}} Icon.png|25px]]</span></span> [[{{#var:text}}]]</includeonly><noinclude> | }}<span class="bg3wiki-div-border bg3wiki-icon-colour-{{#var:void}}"> {{#var:spna}}[[File:{{#var:exlk}} Icon.png|25px]]</span></span> [[{{#var:text}}]]</includeonly><noinclude> | ||
== | == Examples == | ||
<nowiki>{{Icon|{{#var:exlk}} Icon.png}}</nowiki> | <nowiki>{{Icon|{{#var:exlk}} Icon.png}}</nowiki> | ||
| Line 51: | Line 51: | ||
{{User:Llamageddon/RrtyIcon|{{blank}}|{{blank}}|{{blank}}}} | {{User:Llamageddon/RrtyIcon|{{blank}}|{{blank}}|{{blank}}}} | ||
== CSS Code Snippet == | |||
<code> | |||
/* Imitating in-game rarity icon borders */ | |||
body.theme-dark-grey .bg3wiki-div-border { | |||
background: #1B1A19; | |||
box-shadow: | |||
rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset, | |||
rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset; | |||
border: 2px solid #1B1A1999; | |||
padding: 4px 0px 6px 0px; | |||
max-width: 25px; | |||
} | |||
body.theme-dark-grey .bg3wiki-icon-colour-common { | |||
border: 2px solid #1B1A1999; | |||
max-width: 25px; | |||
} | |||
body.theme-dark-grey .bg3wiki-icon-colour-uncommon { | |||
border: 2px solid #00491599; | |||
max-width: 25px; | |||
} | |||
body.theme-dark-grey .bg3wiki-icon-colour-rare { | |||
border: 2px solid #00374999; | |||
max-width: 25px; | |||
} | |||
body.theme-dark-grey .bg3wiki-icon-colour-very_rare { | |||
border: 2px solid #54003299; | |||
max-width: 25px; | |||
} | |||
body.theme-dark-grey .bg3wiki-icon-colour-legendary { | |||
border: 2px solid #563E0D99; | |||
max-width: 25px; | |||
} | |||
body.theme-dark-grey .bg3wiki-icon-colour-story { | |||
border: 2px solid #561D0099; | |||
max-width: 25px; | |||
} | |||
</noinclude> | </noinclude> | ||
Revision as of 08:45, 5 September 2023
Examples
{{Icon|{{#var:exlk}} Icon.png}}
{{User:Llamageddon/RrtyIcon|Club|Mace|uncommon}}
{{User:Llamageddon/RrtyIcon|Club|{{blank}}|rare}}
[[]]
{{User:Llamageddon/RrtyIcon|Club|Mace|very rare}} {{Rarity|{{#var:void}}}} (Having trouble converting 'very rare' to 'veryrare')
Mace 
Rarity: Very Rare
{{User:Llamageddon/RrtyIcon|Club|rare}}
{{User:Llamageddon/RrtyIcon|Wrong|Mace|legendary}}
{{User:Llamageddon/RrtyIcon|Club|Mace|wrong}}
{{User:Llamageddon/RrtyIcon|||}}
[[]]
{{User:Llamageddon/RrtyIcon|{{blank}}|{{blank}}|{{blank}}}}
[[]]
CSS Code Snippet
/* Imitating in-game rarity icon borders */
body.theme-dark-grey .bg3wiki-div-border {
background: #1B1A19;
box-shadow:
rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset,
rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset;
border: 2px solid #1B1A1999;
padding: 4px 0px 6px 0px;
max-width: 25px;
}
body.theme-dark-grey .bg3wiki-icon-colour-common {
border: 2px solid #1B1A1999;
max-width: 25px;
}
body.theme-dark-grey .bg3wiki-icon-colour-uncommon {
border: 2px solid #00491599;
max-width: 25px;
}
body.theme-dark-grey .bg3wiki-icon-colour-rare {
border: 2px solid #00374999;
max-width: 25px;
}
body.theme-dark-grey .bg3wiki-icon-colour-very_rare {
border: 2px solid #54003299;
max-width: 25px;
}
body.theme-dark-grey .bg3wiki-icon-colour-legendary {
border: 2px solid #563E0D99;
max-width: 25px;
}
body.theme-dark-grey .bg3wiki-icon-colour-story {
border: 2px solid #561D0099;
max-width: 25px;
}