8,326
edits
User:SuperPikaPool13/Sandbox/MerchGallery: Difference between revisions
did not add it all the boxes....
(double border, to match the current style more) |
(did not add it all the boxes....) |
||
| Line 1: | Line 1: | ||
<div class="roundy c" style="margin: 5px; display:grid; grid-template-columns: repeat(auto-fill, minmax({{{minwidth|180px}}}, 1fr)); gap: 10px; max-width: {{{maxwidth|none}}};"> | <div class="roundy c" style="margin: 5px; display:grid; grid-template-columns: repeat(auto-fill, minmax({{{minwidth|180px}}}, 1fr)); gap: 10px; max-width: {{{maxwidth|none}}};"> | ||
<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{ | <div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image1|Spring 2011 Sneak Peek tins.jpg}}}|{{{size1|170px}}}]]</div> | <div>[[File:{{{image1|Spring 2011 Sneak Peek tins.jpg}}}|{{{size1|170px}}}]]</div> | ||
<div>{{{caption1|The Sneak-Peek Tins}}}</div> | <div>{{{caption1|The Sneak-Peek Tins}}}</div> | ||
</div><noinclude><!-- | </div><noinclude><!-- | ||
--></noinclude>{{#if: {{{image2|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image2|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image2|Spring 2011 Sneak Peek tins.jpg}}}|{{{size2|170px}}}]]</div> | <div>[[File:{{{image2|Spring 2011 Sneak Peek tins.jpg}}}|{{{size2|170px}}}]]</div> | ||
<div>{{{caption2|The Sneak-Peek Tins}}}</div> | <div>{{{caption2|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image3|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image3|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image3|Spring 2011 Sneak Peek tins.jpg}}}|{{{size3|170px}}}]]</div> | <div>[[File:{{{image3|Spring 2011 Sneak Peek tins.jpg}}}|{{{size3|170px}}}]]</div> | ||
<div>{{{caption3|The Sneak-Peek Tins}}}</div> | <div>{{{caption3|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image4|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image4|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image4|Spring 2011 Sneak Peek tins.jpg}}}|{{{size5|170px}}}]]</div> | <div>[[File:{{{image4|Spring 2011 Sneak Peek tins.jpg}}}|{{{size5|170px}}}]]</div> | ||
<div>{{{caption4|The Sneak-Peek Tins}}}</div> | <div>{{{caption4|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image5|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image5|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image5|Spring 2011 Sneak Peek tins.jpg}}}|{{{size5|170px}}}]]</div> | <div>[[File:{{{image5|Spring 2011 Sneak Peek tins.jpg}}}|{{{size5|170px}}}]]</div> | ||
<div>{{{caption5|The Sneak-Peek Tins}}}</div> | <div>{{{caption5|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image6|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image6|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image6|Spring 2011 Sneak Peek tins.jpg}}}|{{{size6|170px}}}]]</div> | <div>[[File:{{{image6|Spring 2011 Sneak Peek tins.jpg}}}|{{{size6|170px}}}]]</div> | ||
<div>{{{caption6|The Sneak-Peek Tins}}}</div> | <div>{{{caption6|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image7|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image7|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image7|Spring 2011 Sneak Peek tins.jpg}}}|{{{size7|170px}}}]]</div> | <div>[[File:{{{image7|Spring 2011 Sneak Peek tins.jpg}}}|{{{size7|170px}}}]]</div> | ||
<div>{{{caption7|The Sneak-Peek Tins}}}</div> | <div>{{{caption7|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image8|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image8|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image8|Spring 2011 Sneak Peek tins.jpg}}}|{{{size8|170px}}}]]</div> | <div>[[File:{{{image8|Spring 2011 Sneak Peek tins.jpg}}}|{{{size8|170px}}}]]</div> | ||
<div>{{{caption8|The Sneak-Peek Tins}}}</div> | <div>{{{caption8|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image9|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image9|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image9|Spring 2011 Sneak Peek tins.jpg}}}|{{{size9|170px}}}]]</div> | <div>[[File:{{{image9|Spring 2011 Sneak Peek tins.jpg}}}|{{{size9|170px}}}]]</div> | ||
<div>{{{caption9|The Sneak-Peek Tins}}}</div> | <div>{{{caption9|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image10|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image10|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image10|Spring 2011 Sneak Peek tins.jpg}}}|{{{size10|170px}}}]]</div> | <div>[[File:{{{image10|Spring 2011 Sneak Peek tins.jpg}}}|{{{size10|170px}}}]]</div> | ||
<div>{{{caption10|The Sneak-Peek Tins}}}</div> | <div>{{{caption10|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image11|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image11|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image11|Spring 2011 Sneak Peek tins.jpg}}}|{{{size11|170px}}}]]</div> | <div>[[File:{{{image11|Spring 2011 Sneak Peek tins.jpg}}}|{{{size11|170px}}}]]</div> | ||
<div>{{{caption11|The Sneak-Peek Tins}}}</div> | <div>{{{caption11|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image12|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image12|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image12|Spring 2011 Sneak Peek tins.jpg}}}|{{{size12|170px}}}]]</div> | <div>[[File:{{{image12|Spring 2011 Sneak Peek tins.jpg}}}|{{{size12|170px}}}]]</div> | ||
<div>{{{caption12|The Sneak-Peek Tins}}}</div> | <div>{{{caption12|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image13|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image13|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image13|Spring 2011 Sneak Peek tins.jpg}}}|{{{size13|170px}}}]]</div> | <div>[[File:{{{image13|Spring 2011 Sneak Peek tins.jpg}}}|{{{size13|170px}}}]]</div> | ||
<div>{{{caption13|The Sneak-Peek Tins}}}</div> | <div>{{{caption13|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image14|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image14|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image14|Spring 2011 Sneak Peek tins.jpg}}}|{{{size14|170px}}}]]</div> | <div>[[File:{{{image14|Spring 2011 Sneak Peek tins.jpg}}}|{{{size14|170px}}}]]</div> | ||
<div>{{{caption14|The Sneak-Peek Tins}}}</div> | <div>{{{caption14|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image15|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image15|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image15|Spring 2011 Sneak Peek tins.jpg}}}|{{{size15|170px}}}]]</div> | <div>[[File:{{{image15|Spring 2011 Sneak Peek tins.jpg}}}|{{{size15|170px}}}]]</div> | ||
<div>{{{caption15|The Sneak-Peek Tins}}}</div> | <div>{{{caption15|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image16|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image16|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image16|Spring 2011 Sneak Peek tins.jpg}}}|{{{size16|170px}}}]]</div> | <div>[[File:{{{image16|Spring 2011 Sneak Peek tins.jpg}}}|{{{size16|170px}}}]]</div> | ||
<div>{{{caption16|The Sneak-Peek Tins}}}</div> | <div>{{{caption16|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image17|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image17|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image17|Spring 2011 Sneak Peek tins.jpg}}}|{{{size17|170px}}}]]</div> | <div>[[File:{{{image17|Spring 2011 Sneak Peek tins.jpg}}}|{{{size17|170px}}}]]</div> | ||
<div>{{{caption17|The Sneak-Peek Tins}}}</div> | <div>{{{caption17|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image18|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image18|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image18|Spring 2011 Sneak Peek tins.jpg}}}|{{{size18|170px}}}]]</div> | <div>[[File:{{{image18|Spring 2011 Sneak Peek tins.jpg}}}|{{{size18|170px}}}]]</div> | ||
<div>{{{caption18|The Sneak-Peek Tins}}}</div> | <div>{{{caption18|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image19|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image19|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image19|Spring 2011 Sneak Peek tins.jpg}}}|{{{size19|170px}}}]]</div> | <div>[[File:{{{image19|Spring 2011 Sneak Peek tins.jpg}}}|{{{size19|170px}}}]]</div> | ||
<div>{{{caption19|The Sneak-Peek Tins}}}</div> | <div>{{{caption19|The Sneak-Peek Tins}}}</div> | ||
</div>}}<noinclude><!-- | </div>}}<noinclude><!-- | ||
--></noinclude>{{#if: {{{image20|}}}|<div class="roundy" style="background:#FFF; border: | --></noinclude>{{#if: {{{image20|}}}|<div class="roundy" style="background:#FFF; border: 5px solid #{{{background|{{White color}}}}}; box-shadow:0 0 0 5px #{{{border|{{Black color}}}}}; padding: 3px; display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; gap:3px;"> | ||
<div>[[File:{{{image20|Spring 2011 Sneak Peek tins.jpg}}}|{{{size20|170px}}}]]</div> | <div>[[File:{{{image20|Spring 2011 Sneak Peek tins.jpg}}}|{{{size20|170px}}}]]</div> | ||
<div>{{{caption20|The Sneak-Peek Tins}}}</div> | <div>{{{caption20|The Sneak-Peek Tins}}}</div> | ||
</div>}} | </div>}} | ||
</div> | </div> | ||