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

From Hgames Wiki
Jump to: navigation, search
m
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display:flex; gap:12px; padding:12px; overflow-x:auto; scroll-snap-type:x mandatory; 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;">[[File:{{{image1}}}|center|frameless|500x400px]]<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>}}...</div>
+
<div style="display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);">
 +
  {{#if:{{{image1|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">
 +
    [[File:{{{image1}}}|center|frameless|500x400px]]
 +
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption1|}}}</div>
 +
  </div>}}
 +
  {{#if:{{{image2|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">
 +
    [[File:{{{image2}}}|center|frameless|500x400px]]
 +
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption2|}}}</div>
 +
  </div>}}
 +
  {{#if:{{{image3|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image3}}}|center|frameless|500x400px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption3|}}}</div></div>}}
 +
  {{#if:{{{image4|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image4}}}|center|frameless|500x400px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption4|}}}</div></div>}}
 +
  {{#if:{{{image5|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image5}}}|center|frameless|500x400px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption5|}}}</div></div>}}
 +
  {{#if:{{{image6|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image6}}}|center|frameless|500x400px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption6|}}}</div></div>}}
 +
  {{#if:{{{image7|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image7}}}|center|frameless|500x400px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption7|}}}</div></div>}}
 +
  {{#if:{{{image8|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;">[[File:{{{image8}}}|center|frameless|500x400px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption8|}}}</div></div>}}
 +
</div>

Latest revision as of 04:47, 3 September 2026