Editing User:Sky/Rarity
Jump to navigation
Jump to search
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
<includeonly>{{#lvardef:rarity|{{#replace:{{{1}}}|<nowiki> </nowiki>|-}} }}{{#lvardef:margin|{{#expr:0.02 * {{{2|40}}} }} }}{{#lvardef:marginhalf|{{#expr:0.01 * {{{2|40}}} }} }}<span class=" | <includeonly>{{#lvardef:rarity|{{#replace:{{{1}}}|<nowiki> </nowiki>|-}} }}{{#lvardef:margin|{{#expr:0.02 * {{{2|40}}} }} }}{{#lvardef:marginhalf|{{#expr:0.01 * {{{2|40}}} }} }}<span class="itemicon-wrapper" style=" | ||
margin: auto {{#lvar:marginhalf}}rem"><span class=" | text-align: center; | ||
white-space: nowrap; | |||
margin: auto {{#lvar:marginhalf}}rem"><span class="itemicon" style="background: linear-gradient(var(--bg-main), var(--rarity-{{#lvar:rarity}}-bck));border: solid 1px var(--rarity-{{#lvar:rarity}}); display: inline-block">{{#cargo_query: | |||
tables=item_icon | tables=item_icon | ||
|fields=TRIM(icon),CONCAT('', '{{{2|40}}}') | |fields=TRIM(icon),CONCAT('', '{{{2|40}}}') | ||
Line 10: | Line 12: | ||
|format=template | |format=template | ||
|template=ItemIcon Internal | |template=ItemIcon Internal | ||
}}</span><span | }}</span><span style="margin-left: {{#lvar:margin}}rem;">[[Potion of Healing]]</span></span></includeonly><noinclude> | ||
<div style=" | |||
--rarity-common: #48484899; | |||
--rarity-common-bck: #48484820; | |||
--rarity-uncommon: #01BD3999; | |||
--rarity-uncommon-bck: #01BD3920; | |||
--rarity-rare: #01BFFF99; | |||
--rarity-rare-bck: #01BFFF20; | |||
--rarity-very-rare: #D1017B99; | |||
--rarity-very-rare-bck: #D1017B20; | |||
--rarity-legendary: #B7861D99; | |||
--rarity-legendary-bck: #B7861D20; | |||
--rarity-story: #FF590199; | |||
--rarity-story-bck: #FF590120; | |||
"> | |||
* {{User:Sky/Rarity|common}} | * {{User:Sky/Rarity|common}} | ||
* {{User:Sky/Rarity|uncommon}} | * {{User:Sky/Rarity|uncommon}} | ||
Line 27: | Line 43: | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique ligula vitae turpis varius ullamcorper. Ut sagittis {{User:Sky/Rarity|uncommon|24}} eu dolor accumsan venenatis. Maecenas sit amet ante at ligula efficitur fermentum. Suspendisse ac neque pretium nisi finibus euismod. Suspendisse varius ipsum lorem, vitae consectetur metus mattis sit amet. Proin ornare orci turpis, non blandit lorem scelerisque a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. {{User:Sky/Rarity|legendary|24}} in luctus arcu. Proin aliquet lorem quis lacus lacinia molestie. Suspendisse iaculis venenatis nibh, et dapibus augue varius a. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique ligula vitae turpis varius ullamcorper. Ut sagittis {{User:Sky/Rarity|uncommon|24}} eu dolor accumsan venenatis. Maecenas sit amet ante at ligula efficitur fermentum. Suspendisse ac neque pretium nisi finibus euismod. Suspendisse varius ipsum lorem, vitae consectetur metus mattis sit amet. Proin ornare orci turpis, non blandit lorem scelerisque a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. {{User:Sky/Rarity|legendary|24}} in luctus arcu. Proin aliquet lorem quis lacus lacinia molestie. Suspendisse iaculis venenatis nibh, et dapibus augue varius a. | ||
</div> | |||
== CSS == | == CSS == | ||
Can also define the following vars on <body> if reusing these colours outside of ItemIcon is desired. | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
body { | body .itemicon-wrapper { | ||
-- | --rarity-common: #48484899; | ||
-- | --rarity-common-bck: #48484820; | ||
-- | --rarity-uncommon: #01BD3999; | ||
-- | --rarity-uncommon-bck: #01BD3920; | ||
-- | --rarity-rare: #01BFFF99; | ||
-- | --rarity-rare-bck: #01BFFF20; | ||
-- | --rarity-very-rare: #D1017B99; | ||
-- | --rarity-very-rare-bck: #D1017B20; | ||
-- | --rarity-legendary: #B7861D99; | ||
-- | --rarity-legendary-bck: #B7861D20; | ||
-- | --rarity-story: #FF590199; | ||
-- | --rarity-story-bck: #FF590120; | ||
text-align: center; | text-align: center; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</noinclude> | </noinclude> |