User:Sky/Rarity: Difference between revisions

Jump to navigation Jump to search
572 bytes removed ,  9 September 2023
use vector.css classes
(cssbg)
(use vector.css classes)
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="itemicon-wrapper" style="
<includeonly>{{#lvardef:rarity|{{#replace:{{{1}}}|<nowiki> </nowiki>|-}} }}{{#lvardef:margin|{{#expr:0.02 * {{{2|40}}} }} }}{{#lvardef:marginhalf|{{#expr:0.01 * {{{2|40}}} }} }}<span class="bg3wiki-itemicon-wrapper" style="
  text-align: center;
   margin: auto {{#lvar:marginhalf}}rem"><span class="bg3wiki-itemicon bg3wiki-itemicon-{{#lvar:rarity}}">{{#cargo_query:
  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 13: Line 11:
|template=ItemIcon Internal
|template=ItemIcon Internal
}}</span><span style="margin-left: {{#lvar:margin}}rem;">[[Potion of Healing]]</span></span></includeonly><noinclude>
}}</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 43: Line 27:


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 ==

Navigation menu