Template:NSSCollection: Difference between revisions
From MiiWiki
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
(6 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(#fff, {{{ | <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]]< | <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: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#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: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#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: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#if: {{{hairstyle|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Hairstyle:'''<br>{{{hairstyle|}}}</div>}}<!-- | ||
-->{{#if: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#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: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#if: {{{details|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Details:'''<br>{{{details|}}}</div>}}<!-- | ||
-->{{#if: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#if: {{{eyebrows|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Eyebrows:'''<br>{{{eyebrows|}}}</div>}}<!-- | ||
-->{{#if: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#if: {{{clothing|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Clothing:'''<br>{{{clothing|}}}</div>}}<!-- | ||
-->{{#if: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#if: {{{accessories|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Accessories:'''<br>{{{accessories|}}}</div>}}<!-- | ||
-->{{#if: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#if: {{{stamps|}}} | <div style="background: linear-gradient({{{color1|#fff}}}, {{{color2|#dedede}}}); padding: 10px; border-radius: 15px; flex: 1">'''Stamps:'''<br>{{{stamps|}}}</div>}}<!-- | ||
-->{{#if: {{{|}}} | <div style="background: linear-gradient(#fff, {{{ | -->{{#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, {{{ | <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, {{{ | <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
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= }}