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

← Older edit Newer 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 20: / Line 20: @@
    --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;
+  background-color: #ffffff;
 ">
-<div class="nix-wiki infobox-header" style="
+  <div class="nix-wiki infobox-header" style="padding: var(--infobox-content-padding); background-color: #ffffff;">
-  padding: var(--infobox-content-padding);
+    <p class="nix-wiki infobox-title" style="
-">
+      color: var(--infobox-title-color);
-<p class="nix-wiki infobox-title" style="
+      font-size: var(--infobox-title-size);
-  color: var(--infobox-title-color);
+      font-weight: var(--infobox-title-weight);
-  font-size: var(--infobox-title-size);
+      text-align: var(--infobox-title-align);
-  font-weight: var(--infobox-title-weight);
+      margin-top: 0;
-  text-align: var(--infobox-title-align);
+    ">{{{title}}}</p>
-  margin-top: 0;
+    <div class="nix-wiki infobox-image">[[File:{{{image}}}]]</div>
-">{{{title}}}</p>
+  </div>
-<div class="nix-wiki infobox-image">[[File:{{{image}}}]]</div>
-</div>
+  <div class="nix-wiki infobox-separator" style="
-<div class="nix-wiki infobox-separator" style="
+    height: var(--infobox-separator-size);
-  height: var(--infobox-separator-size);
+    width: 100%;
-  width: 100%;
+    background-color: #ffffff;
-  background-color: var(--infobox-background);
+    clip-path: var(--infobox-separator-clip);
-  clip-path: var(--infobox-separator-clip);
+  "></div>
-"></div>
-<div class="nix-wiki infobox-content" style="
+  <div class="nix-wiki infobox-content" style="
-  padding: var(--infobox-content-padding);
+    padding: var(--infobox-content-padding);
-  background-color: var(--infobox-background);
+    background-color: #ffffff;
-  text-align: left;
+    text-align: left;
-  font-size: var(--infobox-content-size);
+    font-size: var(--infobox-content-size);
-">
+  ">
-{{{content}}}
+    {{{content}}}
-</div>
+  </div>
-{{#if: {{{footer|}}} |
-<div style="background-color: var(--infobox-background);">
+  {{#if: {{{footer|}}} |
-<div class="nix-wiki infobox-separator" style="
+  <div style="background-color: #ffffff;">
-  height: var(--infobox-separator-size);
+    <div class="nix-wiki infobox-separator" style="
-  width: 100%;
+      height: var(--infobox-separator-size);
-  background-color: var(--infobox-color);
+      width: 100%;
-  clip-path: var(--infobox-separator-clip);
+      background-color: var(--infobox-color);
-">
+      clip-path: var(--infobox-separator-clip);
-</div>
+    "></div>
-</div>
+  </div>
-<div class="nix-wiki infobox-footer" style="
+  <div class="nix-wiki infobox-footer" style="
-  padding: var(--infobox-footer-padding);
+    padding: var(--infobox-footer-padding);
-  background-color: var(--infobox-color);
+    background-color: var(--infobox-color);
-  color: white;
+    color: white;
-  font-weight: bold;
+    font-weight: bold;
-  text-align: center;
+    text-align: center;
-  font-size: var(--infobox-content-size);
+    font-size: var(--infobox-content-size);
-">{{{footer|}}}</div>
+  ">{{{footer|}}}</div>
-|}}
+  |}}
-</div>
 </div>