View source for Template:Collections

<includeonly>
{{#vardefine:collectionImage|{{#ifexist:<linkpage>[[File:{{{champion skin icon|{{{champion}}} Collection {{{champion skin}}} Icon.png}}}|150px]]</linkpage>|[[File:{{{champion skin icon|{{{champion}}} Collection {{{champion skin}}} Icon.png}}}|150px]]|[[File:Temporary Item Icon.png|150px]]}}}}<!--
--><div style="display: inline-table; border-radius: 3px; width: 230px; padding-bottom: 5px; text-align: center; vertical-align: top; font: 12.2px Montserrat; font-weight: 600; background-color: rgba(27,76,91,0.15); box-shadow: inset 0px 0px 15px 2px rgba(27,76,91,0.7);"><!--

/* Collection name */

--><div style="padding: 5px 0 0 0;">{{{name|{{PAGENAME}}}}}</div><!--

/* Rarity */

--><div style="padding: 3px 0 0 0;">({{rarity|{{{rarity|Common}}}}})</div><!--

/* Collection icon */

--><div style="padding: 8px 0 8px 0;"><div style="display: inline-block; position: relative; border: 3px solid {{RarityColor|{{{rarity}}}}}; border-radius: 3px;">
{{#ifexist:<linkpage>[[File:{{{collection icon|{{{champion}}} Collection {{{champion skin}}} Icon.png}}}|200px]]</linkpage>|[[File:{{{collection icon|{{{champion}}} Collection {{{champion skin}}} Icon.png}}}|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#if:{{{multi|}}}|{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R1.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R1.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R2.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R2.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R3.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R3.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R4.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R4.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R5.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R5.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R6.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R6.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}{{#ifexist:<linkpage>[[File:{{{champion}}} {{{champion skin}}} R7.png|200px]]</linkpage>|[[File:{{{champion}}} {{{champion skin}}} R7.png|200px|link={{{champion}}}#Cosmetic Items]]|[[File:Temporary Item Icon.png|150px|link=]]}}|}}<div style="text-shadow: -1px 0 0.1em black, 0 1px 0.1em black, 1px 0 0.1em black, 0 -1px 0.1em black; position: absolute; width: 100%; bottom: 0; padding: 5px 0; background: {{#switch:{{{availability}}}|Exclusive=linear-gradient(to bottom, rgba(41,83,201,0.85) 25%, rgba(0,0,0,0.5) 150%)|Limited=linear-gradient(to bottom, rgba(207,174,33,0.85) 25%, rgba(0,0,0,0.5) 150%)|Unlimited=linear-gradient(to bottom, rgba(210,175,56,0.85) 25%, rgba(0,0,0,0.5) 150%)|Mastery=linear-gradient(to bottom, rgba(90,86,171,0.85) 25%, rgba(0,0,0,0.5) 150%)|none}};">{{{availability}}}</div></div></div><!--

/* Collection cost */

-->{{#if: {{{cost|}}}| <div style="padding: 3px 15px 8px 15px;">{{{cost}}}</div>}}<!--

--><div style="border: 2px solid #1b4c5b; background-color: rgba(27,76,91,0.15);  box-shadow: inset 0px 0px 15px 2px rgba(27,76,91,0.7);"> Includes: </div><!--

/* Champion skin name */

--><div style="padding: 15px 0 {{#if: {{{skin rarity|}}}| 2px | 4px}} 0;">{{{champion skin}}}</div><!--

/* Champion Skin Rarity */

-->{{#if: {{{skin rarity|}}}| <div style="padding: 0 0 8px 0;">({{rarity|{{{skin rarity|Common}}}}})</div>}}<!--

/* Champion skin icon */

--><div style="display: inline-block; position: relative; border: 3px solid {{RarityColor|{{{skin rarity|{{{rarity}}}}}}}}; border-radius: 3px;">{{#var:collectionImage}}<div style="text-shadow: -1px 0 0.1em black, 0 1px 0.1em black, 1px 0 0.1em black, 0 -1px 0.1em black; position: absolute; width: 100%; bottom: 0; padding: 5px 0; color: #E0E0E0; background: {{#switch:{{{skin availability|{{{availability}}}}}}|Exclusive=linear-gradient(to bottom, rgba(41,83,201,0.85) 25%, rgba(0,0,0,0.5) 150%)|Limited=linear-gradient(to bottom, rgba(207,174,33,0.85) 25%, rgba(0,0,0,0.5) 150%)|Unlimited=linear-gradient(to bottom, rgba(210,175,56,0.85) 25%, rgba(0,0,0,0.5) 150%)|Mastery=linear-gradient(to bottom, rgba(90,86,171,0.85) 25%, rgba(0,0,0,0.5) 150%)|none}};">{{{skin availability|{{{availability}}}}}}</div><!--
--><span style="position:absolute; width:150px; height:108px; top:0; left: 0; z-index: 1;">[[Image:TransparentCollection-icon.png|150px|link={{{champion}}}#Cosmetic Items]]</span></div><!--

/* Weapon skin name */

-->{{#if: {{{weapon skin|}}}|<div style="padding: 15px 0 {{#if: {{{weapon rarity|}}}| 2px | 4px}} 0;">{{{weapon skin}}}</div><!--

/* Weapon skin rarity */

-->{{#if: {{{weapon rarity|}}}| <div style="padding: 0 0 8px 0;">({{rarity|{{{weapon rarity|Common}}}}})</div>}}<!--

/* Weapon skin icon */

--><div style="display: inline-block; position: relative; border: 3px solid {{RarityColor|{{{weapon rarity|{{{rarity}}}}}}}}; border-radius: 3px;">{{#ifexist:<linkpage>[[File:{{{weapon icon|{{{champion}}} Weapon {{{weapon skin}}} Icon.png}}}|150px]]</linkpage>|[[File:{{{weapon icon|{{{champion}}} Weapon {{{weapon skin}}} Icon.png}}}|150px]]|[[File:Temporary Item Icon.png|150px]]}}<div style="text-shadow: -1px 0 0.1em black, 0 1px 0.1em black, 1px 0 0.1em black, 0 -1px 0.1em black; position: absolute; width: 100%; bottom: 0; padding: 5px 0; color: #E0E0E0; background: {{#switch:{{{weapon availability|{{{availability}}}}}}|Exclusive=linear-gradient(to bottom, rgba(41,83,201,0.85) 25%, rgba(0,0,0,0.5) 150%)|Limited=linear-gradient(to bottom, rgba(207,174,33,0.85) 25%, rgba(0,0,0,0.5) 150%)|Unlimited=linear-gradient(to bottom, rgba(210,175,56,0.85) 25%, rgba(0,0,0,0.5) 150%)|Mastery=linear-gradient(to bottom, rgba(90,86,171,0.85) 25%, rgba(0,0,0,0.5) 150%)|none}};">{{{weapon availability|{{{availability}}}}}}</div><!--
--><span style="position:absolute; width:150px; height:108px; top:0; left: 0; z-index: 1;">[[Image:TransparentCollection-icon.png|150px|link={{{champion}}}#Cosmetic Items]]</span></div>|}}<!--

/* Voice Pack name */

-->{{#if:{{{vp|}}}|<div style="padding: 15px 0 2px 0">{{{vpName|{{{champion skin}}}}}} Voice Lines</div><!--

/* Voice Pack icon */

--><div style="display: inline-block; position: relative; border: 3px solid {{RarityColor|{{{rarity}}}}}; border-radius: 3px;">{{VoiceLinesPicture|image={{{vpIcon|{{#var:collectionImage}}}}}|link={{{vpName|{{{champion skin}}}}}} {{{champion|}}} voice lines|size=150px}}
<div style="text-shadow: -1px 0 0.1em black, 0 1px 0.1em black, 1px 0 0.1em black, 0 -1px 0.1em black; position: absolute; width: 100%; bottom: 0; padding: 5px 0; color: #E0E0E0; background: {{#switch:{{{skin availability|{{{availability}}}}}}|Exclusive=linear-gradient(to bottom, rgba(41,83,201,0.85) 25%, rgba(0,0,0,0.5) 150%)|Limited=linear-gradient(to bottom, rgba(207,174,33,0.85) 25%, rgba(0,0,0,0.5) 150%)|Unlimited=linear-gradient(to bottom, rgba(210,175,56,0.85) 25%, rgba(0,0,0,0.5) 150%)|Mastery=linear-gradient(to bottom, rgba(90,86,171,0.85) 25%, rgba(0,0,0,0.5) 150%)|none}};">{{{skin availability|{{{availability}}}}}}</div>|}}<!--
--></div><!--

/* Emote name */

-->{{#if: {{{emote|}}}|<!--
--><div style="padding: 15px 0 {{#if: {{{emote rarity|}}}| 2px | 4px}} 0">{{{emote}}}</div><!--

/* Emote rarity */

-->{{#if: {{{emote rarity|}}}| <div style="padding: 0 0 8px 0;">({{rarity|{{{emote rarity|Common}}}}})</div>}}<!--

/* Emote icon */

--><div style="display: inline-block; position: relative; border: 3px solid {{RarityColor|{{{emote rarity|{{{rarity}}}}}}}}; border-radius: 3px;">{{#ifexist:<linkpage>[[File:{{{emote icon|{{{champion}}} Emote Icon.png}}}|150px]]</linkpage>|[[File:{{{emote icon|{{{champion}}} Emote Icon.png}}}|150px]]|[[File:Temporary Item Icon.png|150px]]}}<div style="text-shadow: -1px 0 0.1em black, 0 1px 0.1em black, 1px 0 0.1em black, 0 -1px 0.1em black; position: absolute; width: 100%; bottom: 0; padding: 5px 0; color: #E0E0E0; background: {{#switch:{{{emote availability|{{{availability}}}}}}|Exclusive=linear-gradient(to bottom, rgba(41,83,201,0.85) 25%, rgba(0,0,0,0.5) 150%)|Limited=linear-gradient(to bottom, rgba(207,174,33,0.85) 25%, rgba(0,0,0,0.5) 150%)|Unlimited=linear-gradient(to bottom, rgba(210,175,56,0.85) 25%, rgba(0,0,0,0.5) 150%)|Mastery=linear-gradient(to bottom, rgba(90,86,171,0.85) 25%, rgba(0,0,0,0.5) 150%)|none}};">{{{emote availability|{{{availability}}}}}}</div><!--
--><span style="position:absolute; width:150px; height:108px; top:0; left: 0; z-index: 1;">[[Image:TransparentCollection-icon.png|150px|link={{{champion}}}#Emotes]]</span></div>}}<!--

/* MVP name */

-->{{#if: {{{mvp|}}}|<!--
--><div style="padding: 15px 0 {{#if: {{{mvp rarity|}}}| 2px | 4px}} 0">{{{mvp}}}</div><!--

/* MVP rarity */

-->{{#if: {{{mvp rarity|}}}| <div style="padding: 0 0 8px 0;">({{rarity|{{{mvp rarity|Common}}}}})</div>}}<!--

/* MVP icon */

--><div style="display: inline-block; position: relative; border: 3px solid {{RarityColor|{{{mvp rarity|{{{rarity}}}}}}}}; border-radius: 3px;">{{#ifexist:<linkpage>[[File:{{{mvp icon|{{{champion}}} MVP Icon.png}}}|150px]]</linkpage>|[[File:{{{mvp icon|{{{champion}}} MVP Icon.png}}}|150px]]|[[File:Temporary Item Icon.png|150px]]}}<div style="text-shadow: -1px 0 0.1em black, 0 1px 0.1em black, 1px 0 0.1em black, 0 -1px 0.1em black; position: absolute; width: 100%; bottom: 0; padding: 5px 0; color: #E0E0E0; background: {{#switch:{{{mvp availability|{{{availability}}}}}}|Exclusive=linear-gradient(to bottom, rgba(41,83,201,0.85) 25%, rgba(0,0,0,0.5) 150%)|Limited=linear-gradient(to bottom, rgba(207,174,33,0.85) 25%, rgba(0,0,0,0.5) 150%)|Unlimited=linear-gradient(to bottom, rgba(210,175,56,0.85) 25%, rgba(0,0,0,0.5) 150%)|Mastery=linear-gradient(to bottom, rgba(90,86,171,0.85) 25%, rgba(0,0,0,0.5) 150%)|none}};">{{{mvp availability|{{{availability}}}}}}</div><!--
--><span style="position:absolute; width:150px; height:108px; top:0; left: 0; z-index: 1;">[[Image:TransparentCollection-icon.png|150px|link={{{champion}}}#MVP Poses]]</span></div>}}<!--
--></div>
<br>
{{TextColor||[[{{{champion}}}#Champion Skin Collections|← Back to Champion Skins]]|size=120%}}<br>

</includeonly>
<noinclude>{{doc}} [[Category:Cosmetic templates]]</noinclude>