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

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
 <div class="nix-wiki infobox" style="
    --infobox-color: rgb(82, 119, 195);
-   --infobox-background: rgb(242, 248, 253);
+   --infobox-background: #ffffff;
    --infobox-border-color: var(--infobox-color);
    --infobox-border-radius: 1rem;
    --infobox-border-size: 3px;
    --infobox-title-color: var(--infobox-color);
    --infobox-title-size: 1rem;
@@ Line 19: / Line 19: @@
    --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 var(--infobox-border-size) var(--infobox-color);
    border-radius: var(--infobox-border-radius);
    overflow-y: hidden;
 ">
-  <!-- Header (title + image) -->
    <div class="nix-wiki infobox-header" style="
      padding: var(--infobox-content-padding);
@@ Line 39: / Line 36: @@
    </div>
-  <!-- Optional “clipped” separator under the header -->
    <div class="nix-wiki infobox-separator" style="
      height: var(--infobox-separator-size);
      width: 100%;
-     background-color: var(--infobox-background);
+     background-color: #ffffff;
      clip-path: var(--infobox-separator-clip);
    "></div>
-  <!-- Main content area -->
    <div class="nix-wiki infobox-content" style="
      padding: var(--infobox-content-padding);
-     background-color: var(--infobox-background);
+     background-color: #ffffff;
      text-align: left;
      font-size: var(--infobox-content-size);
@@ Line 56: / Line 51: @@
      {{{content}}}
    </div>
-  <!-- Optional footer (only if “footer” is nonempty) -->
-  {{#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-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>