Template:Infobox stat: Difference between revisionsGive feedback
m stat-box > stat-infobox |
m maxwidth 800 to 550 |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div | <div style="text-align: center; max-width: 550px;"> <!-- Centering the whole content --> | ||
<div | <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); | ||
padding: 10px; /* Main box padding */ | |||
border-radius: 15px; /* Adding rounded edges */ | |||
"> | "> | ||
<!-- | <div style=" | ||
display: flex; /* Using flexbox to align items */ | |||
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 | <div 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 --> | ||
<table class="stat-infobox-table"> | <div class="stat-infobox-table-container"> | ||
<table class="stat-infobox-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> | ||