User:DoggoBit/Sandbox/Infobox/Layout: Difference between revisions
No edit summary |
No edit summary |
||
| Line 15: | Line 15: | ||
--infobox-separator-size: 10px; | --infobox-separator-size: 10px; | ||
--infobox-clip: {{#if: {{{clip|}}} | polygon(0 0, 100% 100%, 0 100%) | none}}; | |||
border: solid 3px var(--infobox-color); | border: solid 3px var(--infobox-color); | ||
| Line 36: | Line 38: | ||
width: 100%; | width: 100%; | ||
background-color: var(--infobox-background); | background-color: var(--infobox-background); | ||
clip-path: | clip-path: var(--infobox-clip); | ||
"></div> | "></div> | ||
<div class="nix-wiki infobox-content" style=" | <div class="nix-wiki infobox-content" style=" | ||
| Line 45: | Line 47: | ||
"> | "> | ||
{{{content}}} | {{{content}}} | ||
</div> | |||
{{#if: {{{footer|}}} | | |||
<div style="background-color: var(--infobox-background);"> | |||
<div class="nix-wiki infobox-separator" style=" | |||
height: var(--infobox-separator-size); | |||
width: 100%; | |||
background-color: var(--infobox-color); | |||
clip-path: var(--infobox-clip); | |||
"> | |||
</div> | |||
</div> | |||
<div class="nix-wiki infobox-footer" style=" | |||
padding: 0 var(--infobox-border-radius) var(--infobox-border-radius) var(--infobox-border-radius); | |||
background-color: var(--infobox-color); | |||
color: white; | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: var(--infobox-content-size); | |||
"> | |||
<p style="margin: 0">{{{footer|}}}</p> | |||
</div> | |||
|}} | |||
</div> | </div> | ||
</div> | </div> | ||