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

From Hgames Wiki
Jump to: navigation, search
m
m
Line 1: Line 1:
<div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9;">
+
<div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; justify-content: flex-start;">
   {{#if:{{{image1|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">
+
   {{#if:{{{image1|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px;">
 
     [[File:{{{image1}}}|frameless|border|300px]]
 
     [[File:{{{image1}}}|frameless|border|300px]]
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption1|}}}</div>
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption1|}}}</div>
 
   </div>}}
 
   </div>}}
   {{#if:{{{image2|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">
+
   {{#if:{{{image2|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px;">
 
     [[File:{{{image2}}}|frameless|border|300px]]
 
     [[File:{{{image2}}}|frameless|border|300px]]
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption2|}}}</div>
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption2|}}}</div>
 
   </div>}}
 
   </div>}}
   {{#if:{{{image3|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image3}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption3|}}}</div></div>}}
+
   {{#if:{{{image3|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px;">
  {{#if:{{{image4|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image4}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption4|}}}</div></div>}}
+
    [[File:{{{image3}}}|frameless|border|300px]]
   {{#if:{{{image5|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image5}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption5|}}}</div></div>}}
+
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption3|}}}</div>
   {{#if:{{{image6|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image6}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption6|}}}</div></div>}}
+
   </div>}}
  {{#if:{{{image7|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image7}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption7|}}}</div></div>}}
+
   {{#if:{{{image4|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px;">
   {{#if:{{{image8|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image8}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption8|}}}</div></div>}}
+
    [[File:{{{image4}}}|frameless|border|300px]]
   {{#if:{{{image9|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image9}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption9|}}}</div></div>}}
+
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption4|}}}</div>
  {{#if:{{{image10|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image10}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption10|}}}</div></div>}}
+
   </div>}}
   {{#if:{{{image11|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image11}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption11|}}}</div></div>}}
+
   {{#if:{{{image5|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px;">
   {{#if:{{{image12|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image12}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption12|}}}</div></div>}}
+
    [[File:{{{image5}}}|frameless|border|300px]]
  {{#if:{{{image13|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image13}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption13|}}}</div></div>}}
+
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption5|}}}</div>
  {{#if:{{{image14|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image14}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption14|}}}</div></div>}}
+
   </div>}}
   {{#if:{{{image15|}}}|<div style="flex: 1; min-width: 150px; text-align: center; margin-bottom: 15px;">[[File:{{{image15}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption15|}}}</div></div>}}
+
   {{#if:{{{image6|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px;">
 +
    [[File:{{{image6}}}|frameless|border|300px]]
 +
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption6|}}}</div>
 +
   </div>}}
 
</div>
 
</div>

Revision as of 08:30, 15 December 2023