Editing Template:Infobox stat

Warning: You are not logged in. Once you make an edit, a temporary account will be created for you. Learn more. Log in or create an account to continue receiving notifications after this account expires, and to access other features.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision Your text
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="text-align: center; max-width: 550px;"> <!-- Centering the whole content -->
<div class="stat-box">
    <div style="
    <div class="stat-box-content" 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);
        padding: 10px; /* Main box padding */
        border-radius: 15px; /* Adding rounded edges */
     ">
     ">
         <div style="
         <!-- Centered Icon and Label -->
            display: flex; /* Using flexbox to align items */
        [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|class=stat-box-icon|link=]]
            justify-content: center; /* Centering items horizontally */
         <div class="stat-box-label">{{Lang|key={{{box_name}}}}}</div>
            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 class="stat-box-hover" style="
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.25));
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.25));
     ">
     ">
         <!-- Table inside hidden box -->
         <!-- Table inside hidden box -->
         <div class="stat-infobox-table-container">
         <table class="stat-box-table">
    <table class="stat-infobox-table">
          {{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | only_body=true | class=Statbox_hero | cell_values={{{cell_values}}} }}
        {{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | only_body=true | class=Statbox_hero | cell_values={{{cell_values}}} }}
        </table>
    </table>
</div>
 
     </div>
     </div>
</div></includeonly><noinclude>
</div></includeonly><noinclude>
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>
Please note that all contributions to The Deadlock Wiki are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see Deadlock:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)
Preview page with this template