Difference between revisions of "Template:Harem-Heroes-Gallery"

<includeonly><div style="display:flex; gap:12px; padding:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; border:1px solid var(--border-color-base,#c8ccd1); border-radius:10px; background:var(--background-color-neutral-subtle,#f8f9fa); box-shadow:0 1px 4px rgba(0,0,0,.08);">{{#if:{{{image1|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image1}}}|frameless|500x400px]]</div>{{#if:{{{caption1|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption1}}}</div>}}</div>}}{{#if:{{{image2|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image2}}}|frameless|500x400px]]</div>{{#if:{{{caption2|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption2}}}</div>}}</div>}}{{#if:{{{image3|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image3}}}|frameless|500x400px]]</div>{{#if:{{{caption3|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption3}}}</div>}}</div>}}{{#if:{{{image4|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image4}}}|frameless|500x400px]]</div>{{#if:{{{caption4|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption4}}}</div>}}</div>}}{{#if:{{{image5|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image5}}}|frameless|500x400px]]</div>{{#if:{{{caption5|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption5}}}</div>}}</div>}}{{#if:{{{image6|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image6}}}|frameless|500x400px]]</div>{{#if:{{{caption6|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption6}}}</div>}}</div>}}{{#if:{{{image7|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image7}}}|frameless|500x400px]]</div>{{#if:{{{caption7|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption7}}}</div>}}</div>}}{{#if:{{{image8|}}}|<div style="flex:0 0 auto; width:min(500px,80vw); scroll-snap-align:center; border:1px solid var(--border-color-subtle,#eaecf0); border-radius:8px; overflow:hidden; background:var(--background-color-base,#fff); text-align:center;"><div style="height:400px; display:flex; align-items:center; justify-content:center; background:var(--background-color-neutral-subtle,#f1f3f5);">[[File:{{{image8}}}|frameless|500x400px]]</div>{{#if:{{{caption8|}}}|<div style="padding:6px 8px; font-size:.875em; color:var(--color-subtle,#54595d); border-top:1px solid var(--border-color-subtle,#eaecf0);">{{{caption8}}}</div>}}</div>}}</div></includeonly>