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

VisualWikitext

@@ Line 1: / Line 1: @@
-<!--
+<div class="nix-wiki infobox" style="
-   This page is the “inner structure.” MediaWiki never shows this full page
+   --infobox-color: rgb(82, 119, 195);
-   on its own; it is only pulled in by the wrapper above.
+   --infobox-background: #ffffff;
--->
-<div class="infobox" style="border:1px solid #aaa; width:100%;">
+  --infobox-border-color: var(--infobox-color);
-   <table cellspacing="0" cellpadding="4" style="width:100%;">
+  --infobox-border-radius: 1rem;
-    <tr>
+   --infobox-border-size: 3px;
-      <th colspan="2" style="background-color:#336699; color:#fff; font-size:120%;">
-        {{{title}}}
+  --infobox-title-color: var(--infobox-color);
-      </th>
+  --infobox-title-size: 1rem;
-    </tr>
+  --infobox-title-weight: bold;
-    <tr>
+  --infobox-title-align: center;
-      <td colspan="2" style="text-align:center; padding:4px;">
-        [[File:{{{image}}}|200px|center]]
+  --infobox-content-size: 90%;
-      </td>
+  --infobox-content-padding: {{#if: {{{clip|}}} | calc(var(--infobox-border-radius) / 2) var(--infobox-border-radius) | var(--infobox-border-radius)}};
-    </tr>
+  --infobox-content-title-color: var(--infobox-title-color);
-    <tr>
-      <td style="font-weight:bold; width:30%;">Developer</td>
+  --infobox-separator-size: {{#if: {{{clip|}}} | 10px | 0}};
-      <td>{{{developer}}}</td>
+  --infobox-separator-clip: {{#if: {{{clip|}}} | polygon(0 0, 100% 100%, 0 100%) | none}};
-     </tr>
-     <tr>
+  border: solid 3px var(--infobox-color);
-      <td style="font-weight:bold;">Initial release</td>
+  border-radius: var(--infobox-border-radius);
-       <td>{{{initial_release}}}</td>
+  overflow-y: hidden;
-    </tr>
+">
-    <tr>
+  <div class="nix-wiki infobox-header" style="
-      <td style="font-weight:bold;">Latest release</td>
+     padding: var(--infobox-content-padding);
-       <td>Version {{{latest_release_version}}} ({{{latest_release_date}}})</td>
+  ">
-    </tr>
+     <p class="nix-wiki infobox-title" style="
-    <tr>
+      color: var(--infobox-title-color);
-       <td style="font-weight:bold;">Programming language</td>
+      font-size: var(--infobox-title-size);
-      <td>{{{programming_language}}}</td>
+       font-weight: var(--infobox-title-weight);
-     </tr>
+       text-align: var(--infobox-title-align);
-    <tr>
+       margin-top: 0;
-      <td style="font-weight:bold;">Operating system</td>
+    ">{{{title}}}</p>
-      <td>{{{operating_system}}}</td>
+     <div class="nix-wiki infobox-image">[[File:{{{image}}}]]</div>
-    </tr>
+  </div>
-    <tr>
-      <td style="font-weight:bold;">License</td>
+  <div class="nix-wiki infobox-separator" style="
-      <td>{{{license}}}</td>
+    height: var(--infobox-separator-size);
-     </tr>
+    width: 100%;
-    <tr>
+    background-color: #ffffff;
-      <td colspan="2" style="text-align:center; background-color:#f0f0f0;">
+     clip-path: var(--infobox-separator-clip);
-        {{{footer}}}
+  "></div>
-      </td>
-    </tr>
+  <div class="nix-wiki infobox-content" style="
-   </table>
+    padding: var(--infobox-content-padding);
+    background-color: #ffffff;
+    text-align: left;
+    font-size: var(--infobox-content-size);
+  ">
+    {{{content}}}
+   </div>
 </div>

Latest revision as of 12:54, 5 June 2025