User:Layer-09/Sandbox/Infobox Emacs: Difference between revisions
No edit summary |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 12: | Line 12: | ||
--infobox-title-weight: bold; | --infobox-title-weight: bold; | ||
--infobox-title-align: center; | --infobox-title-align: center; | ||
/* Define specific paddings for better control over spacing */ | |||
--infobox-header-vertical-padding: 0.3rem; | |||
--infobox-content-vertical-padding: 0.3rem; | |||
--infobox-horizontal-padding: 1rem; | |||
--infobox-content-size: 90%; | --infobox-content-size: 90%; | ||
--infobox-content-title-color: var(--infobox-title-color); | --infobox-content-title-color: var(--infobox-title-color); | ||
Line 23: | Line 27: | ||
border-radius: var(--infobox-border-radius); | border-radius: var(--infobox-border-radius); | ||
overflow-y: hidden; | overflow-y: hidden; | ||
width: | width: 50em; /* Increased width */ | ||
float: right; | |||
clear: right; | |||
"> | "> | ||
<div class="nix-wiki infobox-header" style=" | <div class="nix-wiki infobox-header" style=" | ||
padding: var(--infobox- | padding: var(--infobox-header-vertical-padding) var(--infobox-horizontal-padding); | ||
text-align: center; | text-align: center; | ||
"> | "> | ||
Line 35: | Line 41: | ||
text-align: var(--infobox-title-align); | text-align: var(--infobox-title-align); | ||
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 0.5em; | |||
">{{{title}}}</p> | ">{{{title}}}</p> | ||
<div class="nix-wiki infobox-image">[[File:{{{image}}}|frameless|upright=0. | <div class="nix-wiki infobox-image" style="margin: 0 auto;">[[File:{{{image}}}|frameless|upright=0.45]]</div> | ||
</div> | </div> | ||
Line 48: | Line 54: | ||
<div class="nix-wiki infobox-content" style=" | <div class="nix-wiki infobox-content" style=" | ||
padding: var(--infobox-content-padding); | padding: var(--infobox-content-vertical-padding) var(--infobox-horizontal-padding); | ||
background-color: var(--infobox-background); | background-color: var(--infobox-background); | ||
text-align: left; | text-align: left; | ||
Line 54: | Line 60: | ||
"> | "> | ||
<table style="width: 100%; border-collapse: collapse; background-color: transparent;"> | <table style="width: 100%; border-collapse: collapse; background-color: transparent;"> | ||
{{#if: {{{paradigm|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{paradigm|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Paradigm</th><td style="padding: 0.2em 0;">{{{paradigm}}}</td></tr> }} | ||
{{#if: {{{family|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{family|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Family</th><td style="padding: 0.2em 0;">{{{family}}}</td></tr> }} | ||
{{#if: {{{designed_by|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{designed_by|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Designed by</th><td style="padding: 0.2em 0;">{{{designed_by}}}</td></tr> }} | ||
{{#if: {{{developer|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{developer|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Developer</th><td style="padding: 0.2em 0;">{{{developer}}}</td></tr> }} | ||
{{#if: {{{first_appeared|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{first_appeared|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">First appeared</th><td style="padding: 0.2em 0;">{{{first_appeared}}}</td></tr> }} | ||
{{#if: {{{stable_release|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{stable_release|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Stable release</th><td style="padding: 0.2em 0;">{{{stable_release}}}</td></tr> }} | ||
{{#if: {{{ | {{#if: {{{os|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">OS</th><td style="padding: 0.2em 0;">{{{os}}}</td></tr> }} | ||
{{#if: {{{license|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">License</th><td style="padding: 0.2em 0;">{{{license}}}</td></tr> }} | |||
{{#if: {{{ | {{#if: {{{filename_extensions|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Extensions</th><td style="padding: 0.2em 0;">{{{filename_extensions}}}</td></tr> }} | ||
{{#if: {{{website|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color);">Website</th><td style="padding: 0.2em 0;">{{{website}}}</td></tr> }} | |||
{{#if: {{{ | |||
{{#if: {{{website|}}} | <tr><th style="text-align: left; vertical-align: top | |||
</table> | </table> | ||
</div> | </div> | ||
Line 78: | Line 81: | ||
<pre> | <pre> | ||
{{User:Layer-09/Sandbox/Infobox Emacs | {{User:Layer-09/Sandbox/Infobox Emacs | ||
| title = Emacs | | title = GNU Emacs | ||
| image = EmacsIcon.svg | | image = EmacsIcon.svg | ||
| paradigm = Functional, meta, reflective | | paradigm = Functional, meta, reflective | ||
Line 86: | Line 89: | ||
| first_appeared = 1985; 40 years ago | | first_appeared = 1985; 40 years ago | ||
| stable_release = 29.4 / 22 June 2024; 11 months ago | | stable_release = 29.4 / 22 June 2024; 11 months ago | ||
| os = Cross-platform | | os = Cross-platform | ||
| license = [[GNU General Public License]] | | license = [[GNU General Public License]] |