User:Layer-09/Sandbox/Infobox Emacs/Content: Difference between revisions

Layer-09 (talk | contribs)
No edit summary
Layer-09 (talk | contribs)
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<div class="nix-wiki infobox" style="
<div class="nix-wiki infobox" style="
   --infobox-color: rgb(82, 119, 195);
   --infobox-color: rgb(82, 119, 195);
   --infobox-background: rgb(242, 248, 253);
   --infobox-background: #ffffff;
 
 
   --infobox-border-color: var(--infobox-color);
   --infobox-border-color: var(--infobox-color);
   --infobox-border-radius: 1rem;
   --infobox-border-radius: 1rem;
   --infobox-border-size: 3px;
   --infobox-border-size: 3px;
 
 
   --infobox-title-color: var(--infobox-color);
   --infobox-title-color: var(--infobox-color);
   --infobox-title-size: 1rem;
   --infobox-title-size: 1rem;
Line 19: Line 19:
   --infobox-separator-clip: {{#if: {{{clip|}}} | polygon(0 0, 100% 100%, 0 100%) | none}};
   --infobox-separator-clip: {{#if: {{{clip|}}} | polygon(0 0, 100% 100%, 0 100%) | none}};


  --infobox-footer-padding: {{#if: {{{clip|}}} | calc(var(--infobox-border-radius) / 4) var(--infobox-border-radius) | calc(var(--infobox-border-radius) / 2) var(--infobox-border-radius)}};
 
   border: solid 3px var(--infobox-color);
   border: solid 3px var(--infobox-color);
   border-radius: var(--infobox-border-radius);
   border-radius: var(--infobox-border-radius);
   overflow-y: hidden;
   overflow-y: hidden;
">
">
<div class="nix-wiki infobox-header" style="
  <div class="nix-wiki infobox-header" style="
  padding: var(--infobox-content-padding);
    padding: var(--infobox-content-padding);
">
  ">
<p class="nix-wiki infobox-title" style="
    <p class="nix-wiki infobox-title" style="
  color: var(--infobox-title-color);
      color: var(--infobox-title-color);
  font-size: var(--infobox-title-size);
      font-size: var(--infobox-title-size);
  font-weight: var(--infobox-title-weight);
      font-weight: var(--infobox-title-weight);
  text-align: var(--infobox-title-align);
      text-align: var(--infobox-title-align);
  margin-top: 0;
      margin-top: 0;
">{{{title}}}</p>
    ">{{{title}}}</p>
<div class="nix-wiki infobox-image">[[File:{{{image}}}]]</div>
    <div class="nix-wiki infobox-image">[[File:{{{image}}}]]</div>
</div>
  </div>
<div class="nix-wiki infobox-separator" style="
 
  height: var(--infobox-separator-size);
  <div class="nix-wiki infobox-separator" style="
  width: 100%;
    height: var(--infobox-separator-size);
  background-color: var(--infobox-background);
    width: 100%;
  clip-path: var(--infobox-separator-clip);
    background-color: #ffffff;
"></div>
    clip-path: var(--infobox-separator-clip);
<div class="nix-wiki infobox-content" style="
  "></div>
  padding: var(--infobox-content-padding);
 
  background-color: var(--infobox-background);
  <div class="nix-wiki infobox-content" style="
  text-align: left;
    padding: var(--infobox-content-padding);
  font-size: var(--infobox-content-size);
    background-color: #ffffff;
">
    text-align: left;
{{{content}}}
    font-size: var(--infobox-content-size);
</div>
  ">
{{#if: {{{footer|}}} |
    {{{content}}}
<div style="background-color: var(--infobox-background);">
   </div>
<div class="nix-wiki infobox-separator" style="
  height: var(--infobox-separator-size);
  width: 100%;
  background-color: var(--infobox-color);
  clip-path: var(--infobox-separator-clip);
">
</div>
</div>
<div class="nix-wiki infobox-footer" style="
  padding: var(--infobox-footer-padding);
  background-color: var(--infobox-color);
  color: white;
  font-weight: bold;
  text-align: center;
   font-size: var(--infobox-content-size);
">{{{footer|}}}</div>
|}}
</div>
</div>
</div>