Template:NSSCollection: Difference between revisions

From MiiWiki
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div id="mainPagePanel" style="background: linear-gradient(#87a2e3, #1b419d); box-shadow: 0 0 10px #4b35ff; display: flex; flex-flow: row; flex-wrap: wrap; gap: 5px; padding: 5px; border-radius: 15px; margin: 5px 0">
<div id="mainPagePanel" style="background: linear-gradient(#87a2e3, #1b419d); box-shadow: 0 0 10px #4b35ff; display: flex; flex-flow: row; flex-wrap: wrap; gap: 5px; padding: 5px; border-radius: 15px; margin: 5px 0">
<div style="flex: 1; background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); border-radius: 15px; text-align: center; padding: 10px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center">
<div style="flex: 1; background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); border-radius: 15px; text-align: center; padding: 10px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 5px">
<div style="flex-grow: 1; width: 100%">[[{{{image|File:Needed.png}}}|500px]]<br>{{center|'''#{{{number|}}} - {{{name|null}}}'''}}</div>
<div style="flex-grow: 1; width: 100%">[[{{{image|File:Needed.png}}}|500px]]</div>
<div style="font-size: 1.5rem; width: 100%">{{center|'''#{{{number|}}} - {{{name|null}}}'''}}</div>
<div style="flex-grow: 1; display: grid; grid-template-columns: repeat(2,1fr); gap: 5px">
<div style="flex-grow: 1; display: grid; grid-template-columns: repeat(2,1fr); gap: 5px">
<div style="background: linear-gradient(#fff, #dedede); padding: 10px; border-radius: 15px; flex: 1; border: 2px solid #87a2e3">'''Start date:'''<br>{{{start date|}}}</div>
<div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1; border: 2px solid #87a2e3">'''Start date:'''<br>{{{start date|}}}</div>
<div style="background: linear-gradient(#fff, #dedede); padding: 10px; border-radius: 15px; flex: 1; border: 2px solid #87a2e3">'''End date:'''<br>{{{end date|}}}</div>
<div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1; border: 2px solid #87a2e3">'''End date:'''<br>{{{end date|}}}</div>
</div>
</div>
</div>
</div>
<div style="flex: 1; background: linear-gradient(#87a2e3, #1b419d); border-radius: 15px; text-align: justify; display: flex; flex-flow: column; flex-wrap: wrap; gap: 5px"><!--
<div style="flex: 1; background: linear-gradient(#87a2e3, #1b419d); border-radius: 15px; text-align: justify; display: flex; flex-flow: column; flex-wrap: wrap; gap: 5px"><!--
-->{{#if: {{{skin color|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Skin Color:'''<br>{{{skin color|}}}</div> }}<!--
-->{{#if: {{{skin color|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Skin Color:'''<br>{{{skin color|}}}</div> }}<!--
-->{{#if: {{{eye colors|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Eye Colors:'''<br>{{{eye colors|}}}</div>}}<!--
-->{{#if: {{{eye colors|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Eye Colors:'''<br>{{{eye colors|}}}</div>}}<!--
-->{{#if: {{{hairstyle|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Hairstyle:'''<br>{{{hairstyle|}}}</div>}}<!--
-->{{#if: {{{hairstyle|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Hairstyle:'''<br>{{{hairstyle|}}}</div>}}<!--
-->{{#if: {{{hair colors|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Hair Colors:'''<br>{{{hair colors|}}}</div>}}<!--
-->{{#if: {{{hair colors|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Hair Colors:'''<br>{{{hair colors|}}}</div>}}<!--
-->{{#if: {{{details|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Details:'''<br>{{{details|}}}</div>}}<!--
-->{{#if: {{{details|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Details:'''<br>{{{details|}}}</div>}}<!--
-->{{#if: {{{eyebrows|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Eyebrows:'''<br>{{{eyebrows|}}}</div>}}<!--
-->{{#if: {{{eyebrows|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Eyebrows:'''<br>{{{eyebrows|}}}</div>}}<!--
-->{{#if: {{{clothing|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Clothing:'''<br>{{{clothing|}}}</div>}}<!--
-->{{#if: {{{clothing|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Clothing:'''<br>{{{clothing|}}}</div>}}<!--
-->{{#if: {{{accessories|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Accessories:'''<br>{{{accessories|}}}</div>}}<!--
-->{{#if: {{{accessories|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Accessories:'''<br>{{{accessories|}}}</div>}}<!--
-->{{#if: {{{stamps|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Stamps:'''<br>{{{stamps|}}}</div>}}<!--
-->{{#if: {{{stamps|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Stamps:'''<br>{{{stamps|}}}</div>}}<!--
-->{{#if: {{{equipment|}}} | <div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Equipment:'''<br>{{{equipment|}}}</div>}}
-->{{#if: {{{equipment|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Equipment:'''<br>{{{equipment|}}}</div>}}
<div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Titles:'''<br>{{{titles|}}}</div>
<div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Titles:'''<br>{{{titles|}}}</div>
<div style="background: linear-gradient(#fff, {{{color|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Completion bonus:'''<br>{{{completion bonus|}}}</div>
<div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Completion bonus:'''<br>{{{completion bonus|}}}</div>
</div>
</div>
</div><noinclude>
</div><br><noinclude>
{{doc}}[[category:Graphic box templates]]</noinclude>
{{doc}}[[category:Graphic box templates]]</noinclude>

Latest revision as of 06:37, 30 November 2022

Needed.png
# - null
Start date:
End date:
Titles:
Completion bonus:


Usage

Color1 defaults to #fff, color2 defaults to #dedede. Categories will not appear unless filled.

{{NSSCollection
|color1=
|color2=
|image=
|number=
|name=
|start date=
|end date=
|skin color=
|eye colors=
|hairstyle=
|hair colors=
|details=
|eyebrows=
|clothing=
|accessories=
|stamps=
|equipment=
|titles=
|completion bonus=
}}