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

← Older edit Newer edit →

VisualWikitext

@@ Line 21: / Line 21: @@
    --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 var(--infobox-border-size) var(--infobox-color);
+   border: solid 3px var(--infobox-color);
    border-radius: var(--infobox-border-radius);
    overflow-y: hidden;
 ">
-  <!-- Header (title + image) -->
+<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);
-  <!-- Optional “clipped” separator under the header -->
+  width: 100%;
-  <div class="nix-wiki infobox-separator" style="
+  background-color: var(--infobox-background);
-    height: var(--infobox-separator-size);
+  clip-path: var(--infobox-separator-clip);
-    width: 100%;
+"></div>
-    background-color: var(--infobox-background);
+<div class="nix-wiki infobox-content" style="
-    clip-path: var(--infobox-separator-clip);
+  padding: var(--infobox-content-padding);
-  "></div>
+  background-color: var(--infobox-background);
+  text-align: left;
-  <!-- Main content area -->
+  font-size: var(--infobox-content-size);
-  <div class="nix-wiki infobox-content" style="
+">
-    padding: var(--infobox-content-padding);
+{{{content}}}
-    background-color: var(--infobox-background);
+</div>
-    text-align: left;
+{{#if: {{{footer|}}} |
-    font-size: var(--infobox-content-size);
+<div style="background-color: var(--infobox-background);">
-  ">
+<div class="nix-wiki infobox-separator" style="
-    {{{content}}}
+  height: var(--infobox-separator-size);
-  </div>
+  width: 100%;
+  background-color: var(--infobox-color);
-  <!-- Optional footer (only if “footer” is nonempty) -->
+  clip-path: var(--infobox-separator-clip);
-  {{#if: {{{footer|}}} |
+">
-    <div style="background-color: var(--infobox-background);">
+</div>
-      <div class="nix-wiki infobox-separator" style="
+</div>
-        height: var(--infobox-separator-size);
+<div class="nix-wiki infobox-footer" style="
-        width: 100%;
+  padding: var(--infobox-footer-padding);
-        background-color: var(--infobox-color);
+  background-color: var(--infobox-color);
-        clip-path: var(--infobox-separator-clip);
+  color: white;
-      "></div>
+  font-weight: bold;
-    </div>
+  text-align: center;
-    <div class="nix-wiki infobox-footer" style="
+  font-size: var(--infobox-content-size);
-      padding: var(--infobox-footer-padding);
+">{{{footer|}}}</div>
-      background-color: var(--infobox-color);
+|}}
-      color: white;
+</div>
-      font-weight: bold;
-      text-align: center;
-      font-size: var(--infobox-content-size);
-    ">{{{footer}}}</div>
-  }}
 </div>