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

← Older edit Newer edit →

VisualWikitext

@@ Line 1: / Line 1: @@
 <includeonly>
-{{User:Layer-09/Sandbox/Infobox Emacs/Content
+<div class="nix-wiki infobox" style="
-   |clip                   = {{{clip|}}}
+  --infobox-color: rgb(82, 119, 195);
-   |title                  = {{{title|}}}
+  --infobox-background: #ffffff;
-  |image                  = {{{image|}}}
-   |developer              = {{{developer|}}}
+  --infobox-border-color: var(--infobox-color);
-  |initial_release        = {{{initial_release|}}}
+  --infobox-border-radius: 1rem;
-  |latest_release_version = {{{latest_release_version|}}}
+  --infobox-border-size: 3px;
-  |latest_release_date    = {{{latest_release_date|}}}
-  |programming_language   = {{{programming_language|}}}
+  --infobox-title-color: var(--infobox-color);
-  |operating_system       = {{{operating_system|}}}
+  --infobox-title-size: 1rem;
-  |license                = {{{license|}}}
+  --infobox-title-weight: bold;
-  |footer                 = {{{footer|}}}
+  --infobox-title-align: center;
-}}
+  --infobox-content-size: 90%;
+  --infobox-content-padding: {{#if: {{{clip|}}} | calc(var(--infobox-border-radius) / 2) var(--infobox-border-radius) | var(--infobox-border-radius)}};
+  --infobox-content-title-color: var(--infobox-title-color);
+   --infobox-separator-size: {{#if: {{{clip|}}} | 10px | 0}};
+  --infobox-separator-clip: {{#if: {{{clip|}}} | polygon(0 0, 100% 100%, 0 100%) | none}};
+  border: solid 3px var(--infobox-color);
+  border-radius: var(--infobox-border-radius);
+  overflow-y: hidden;
+">
+  <div class="nix-wiki infobox-header" style="
+    padding: var(--infobox-content-padding);
+    text-align: center; /* Added for centering logo */
+   ">
+    <p class="nix-wiki infobox-title" style="
+      color: var(--infobox-title-color);
+      font-size: var(--infobox-title-size);
+      font-weight: var(--infobox-title-weight);
+      text-align: var(--infobox-title-align);
+      margin-top: 0;
+    ">{{{title}}}</p>
+    <div class="nix-wiki infobox-image">[[File:{{{image}}}|frameless|upright=0.7]]</div>
+  </div>
+  <div class="nix-wiki infobox-separator" style="
+    height: var(--infobox-separator-size);
+    width: 100%;
+    background-color: #ffffff;
+    clip-path: var(--infobox-separator-clip);
+  "></div>
+  <div class="nix-wiki infobox-content" style="
+    padding: var(--infobox-content-padding);
+    background-color: #ffffff;
+    text-align: left;
+    font-size: var(--infobox-content-size);
+   ">
+    {{#if: {{{developer|}}} | <p><span style="font-weight: bold;">Developer:</span> {{{developer}}}</p> }}
+    {{#if: {{{initial_release|}}} | <p><span style="font-weight: bold;">Initial release:</span> {{{initial_release}}}</p> }}
+    {{#if: {{{latest_release_version|}}} | <p><span style="font-weight: bold;">Latest version:</span> {{{latest_release_version}}}</p> }}
+    {{#if: {{{latest_release_date|}}} | <p><span style="font-weight: bold;">Release date:</span> {{{latest_release_date}}}</p> }}
+    {{#if: {{{programming_language|}}} | <p><span style="font-weight: bold;">Programming language:</span> {{{programming_language}}}</p> }}
+    {{#if: {{{operating_system|}}} | <p><span style="font-weight: bold;">Operating system:</span> {{{operating_system}}}</p> }}
+    {{#if: {{{license|}}} | <p><span style="font-weight: bold;">License:</span> {{{license}}}</p> }}
+    {{#if: {{{footer|}}} | <p style="text-align: center; margin-top: 1em; font-size: 90%;">{{{footer}}}</p> }}
+  </div>
+</div>
 </includeonly>