|
|
| Line 7: |
Line 7: |
|
| |
|
| <div class="relic-body"> | | <div class="relic-body"> |
| <div class="relic-media relic-media--gallery"> | | <div class="relic-media"> |
| | | {{#if: {{{img1|}}} |
| <div class="relic-mainimg">
| | | [[File:{{{img1}}}|frameless|360px|link=File:{{{img1}}}]] |
| {{#if: {{{img1|}}}
| | | <div class="relic-noimg">No image uploaded</div> |
| | [[File:{{{img1}}}|frameless|420px|link=File:{{{img1}}}|class=relic-hero]]
| | }} |
| | <div class="relic-noimg">No image uploaded</div> | | {{#if: {{{img2|}}} | [[File:{{{img2}}}|frameless|360px|link=File:{{{img2}}}]] }} |
| }}
| | {{#if: {{{img3|}}} | [[File:{{{img3}}}|frameless|360px|link=File:{{{img3}}}]] }} |
| </div>
| | {{#if: {{{img4|}}} | [[File:{{{img4}}}|frameless|360px|link=File:{{{img4}}}]] }} |
| | | {{#if: {{{img5|}}} | [[File:{{{img5}}}|frameless|360px|link=File:{{{img5}}}]] }} |
| <div class="relic-thumbs">
| | </div> |
| {{#if: {{{img2|}}} | [[File:{{{img2}}}|frameless|90px|link=File:{{{img2}}}|class=relic-thumbimg]] }}
| |
| {{#if: {{{img3|}}} | [[File:{{{img3}}}|frameless|90px|link=File:{{{img3}}}|class=relic-thumbimg]] }}
| |
| {{#if: {{{img4|}}} | [[File:{{{img4}}}|frameless|90px|link=File:{{{img4}}}|class=relic-thumbimg]] }}
| |
| {{#if: {{{img5|}}} | [[File:{{{img5}}}|frameless|90px|link=File:{{{img5}}}|class=relic-thumbimg]] }}
| |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| <!-- THUMBS -->
| |
| <div class="relic-thumbrow">
| |
| {{#if: {{{img2|}}}
| |
| | <a class="relic-thumb" href="{{fullurl:File:{{{img2}}}}}"> | |
| <img src="{{filepath:{{{img2}}}}}" alt="">
| |
| </a>
| |
| }}
| |
| {{#if: {{{img3|}}}
| |
| | <a class="relic-thumb" href="{{fullurl:File:{{{img3}}}}}"> | |
| <img src="{{filepath:{{{img3}}}}}" alt="">
| |
| </a>
| |
| }}
| |
| {{#if: {{{img4|}}}
| |
| | <a class="relic-thumb" href="{{fullurl:File:{{{img4}}}}}">
| |
| <img src="{{filepath:{{{img4}}}}}" alt="">
| |
| </a>
| |
| }}
| |
| {{#if: {{{img5|}}}
| |
| | <a class="relic-thumb" href="{{fullurl:File:{{{img5}}}}}">
| |
| <img src="{{filepath:{{{img5}}}}}" alt="">
| |
| </a>
| |
| }}
| |
| </div>
| |
| </div>
| |
| | |
| | |
| <!-- THUMBNAILS (INLINE FLEX) -->
| |
| <div class="relic-thumbs" style="display:flex; gap:10px; flex-wrap:wrap; align-items:flex-start;">
| |
| {{#if: {{{img2|}}} | <span style="display:inline-block;">[[File:{{{img2}}}|frameless|90px|link=File:{{{img2}}}]]</span> }}
| |
| {{#if: {{{img3|}}} | <span style="display:inline-block;">[[File:{{{img3}}}|frameless|90px|link=File:{{{img3}}}]]</span> }}
| |
| {{#if: {{{img4|}}} | <span style="display:inline-block;">[[File:{{{img4}}}|frameless|90px|link=File:{{{img4}}}]]</span> }}
| |
| {{#if: {{{img5|}}} | <span style="display:inline-block;">[[File:{{{img5}}}|frameless|90px|link=File:{{{img5}}}]]</span> }}
| |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| <!-- THUMBNAILS -->
| |
| <div class="relic-thumbs">
| |
| {{#if: {{{img2|}}} | <span class="relic-thumb">[[File:{{{img2}}}|frameless|86px|link=File:{{{img2}}}]]</span> }} | |
| {{#if: {{{img3|}}} | <span class="relic-thumb">[[File:{{{img3}}}|frameless|86px|link=File:{{{img3}}}]]</span> }}
| |
| {{#if: {{{img4|}}} | <span class="relic-thumb">[[File:{{{img4}}}|frameless|86px|link=File:{{{img4}}}]]</span> }}
| |
| {{#if: {{{img5|}}} | <span class="relic-thumb">[[File:{{{img5}}}|frameless|86px|link=File:{{{img5}}}]]</span> }}
| |
| </div>
| |
| | |
| </div>
| |
| | |
|
| |
|
| <div class="relic-fields"> | | <div class="relic-fields"> |
