Template:Infobox stat: Difference between revisions

Sur (talk | contribs)
m workable state
Sur (talk | contribs)
m maxwidth 800 to 550
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="text-align: center;"> <!-- Centering the whole content -->
<div style="text-align: center; max-width: 550px;"> <!-- Centering the whole content -->
     <div style="
     <div style="
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.1));
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.1));
         box-shadow: inset 0 0 0 4px rgba({{{box_rgb}}}, 0.9);
         box-shadow: inset 0 0 0 4px rgba({{{box_rgb}}}, 0.9);
        display: flex; /* Using flexbox to align items */
         padding: 10px; /* Main box padding */
        justify-content: center; /* Centering items horizontally */
         border-radius: 15px; /* Adding rounded edges */
        align-items: center; /* Centering vertically */
         padding: 5px; /* Adding some padding */
         width: fit-content; /* Making the container small */
        margin: auto; /* Centering the container */
     ">
     ">
         <!-- Label to the left of Icon -->
         <div style="
        <div style="font-family: 'Retail Demo', sans-serif; font-size: 1.5em; margin-right: 5px;">{{Lang|key={{{box_name}}}}}</div>
            display: flex; /* Using flexbox to align items */
        [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|link=]]
            justify-content: center; /* Centering items horizontally */
            align-items: center; /* Centering vertically */
            padding: 5px; /* Padding for the small container */
            width: fit-content; /* Making the container small */
            margin: auto; /* Centering the small container */
        ">
            <!-- Label to the left of Icon -->
            <div style="font-family: 'Retail Demo', sans-serif; font-size: 2em; margin-right: 5px;"><b>{{#invoke:Lang|get_string|{{{box_name}}}}}</b></div>
            [[File:{{#invoke:Lang|get_string|{{{box_name}}}|lang_code_override=en}}_icon.png|40px|center|link=]]
        </div>
     </div>
     </div>
     <div style="
     <div style="
Line 19: Line 24:
     ">
     ">
         <!-- Table inside hidden box -->
         <!-- Table inside hidden box -->
         <table class="stat-infobox-table">
         <div class="stat-infobox-table-container">
          {{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | only_body=true | class=Statbox_hero | cell_values={{{cell_values}}} }}
    <table class="stat-infobox-table">
        </table>
        {{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | only_body=true | class=Statbox_hero | cell_values={{{cell_values}}} }}
    </table>
</div>
 
     </div>
     </div>
</div></includeonly><noinclude>
</div></includeonly><noinclude>
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>