User:Layer-09/Sandbox/Infobox Emacs: Difference between revisions
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
--infobox-title-align: center; | --infobox-title-align: center; | ||
--infobox- | /* Define specific paddings for better control over spacing */ | ||
--infobox-content-padding: | --infobox-header-vertical-padding: 0.5rem; /* Reduced top/bottom padding for header */ | ||
--infobox-content-title-color: var(--infobox-title-color); | --infobox-content-vertical-padding: 0.5rem; /* Reduced top/bottom padding for content */ | ||
--infobox-horizontal-padding: 1rem; /* Kept side padding */ | |||
--infobox-content-size: 90%; /* Keeping content font size */ | |||
--infobox-content-title-color: var(--infobox-title-color); /* For consistency */ | |||
--infobox-separator-size: {{#if: {{{clip|}}} | 10px | 0}}; | --infobox-separator-size: {{#if: {{{clip|}}} | 10px | 0}}; | ||
Line 23: | Line 27: | ||
border-radius: var(--infobox-border-radius); | border-radius: var(--infobox-border-radius); | ||
overflow-y: hidden; | overflow-y: hidden; | ||
width: | width: 28em; /* Significantly increased width for better text flow */ | ||
float: right; /* Standard for infoboxes to float right next to content */ | |||
clear: right; /* Prevents overlap with preceding floating elements */ | |||
"> | "> | ||
<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); /* Applied new padding variables */ | ||
text-align: center; | text-align: center; | ||
"> | "> | ||
Line 34: | Line 40: | ||
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; /* Ensures no extra space above title */ | ||
margin-bottom: 0.5em; /* Small space below title, adjust if needed */ | |||
">{{{title}}}</p> | ">{{{title}}}</p> | ||
<div class="nix-wiki infobox-image">[[File:{{{image}}}|frameless|upright=0.5]]</div> | <div class="nix-wiki infobox-image" style="margin: 0 auto;">[[File:{{{image}}}|frameless|upright=0.5]]</div> <!-- margin: 0 auto centers the image block --> | ||
</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); /* Applied new padding variables */ | ||
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 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 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 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 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 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 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: {{{typing_discipline|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{typing_discipline|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Typing discipline</th><td style="padding: 0.2em 0;">{{{typing_discipline}}}</td></tr> }} | ||
{{#if: {{{scope|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{scope|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Scope</th><td style="padding: 0.2em 0;">{{{scope}}}</td></tr> }} | ||
{{#if: {{{platform|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{platform|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Platform</th><td style="padding: 0.2em 0;">{{{platform}}}</td></tr> }} | ||
{{#if: {{{os|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{os|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 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 | {{#if: {{{license|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 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: {{{filename_extensions|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{filename_extensions|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Filename extensions</th><td style="padding: 0.2em 0;">{{{filename_extensions}}}</td></tr> }} | ||
{{#if: {{{website|}}} | <tr><th style="text-align: left; vertical-align: top | {{#if: {{{website|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 0; color: var(--infobox-title-color);">Website</th><td style="padding: 0.2em 0;">{{{website}}}</td></tr> }} | ||
</table> | </table> | ||
</div> | </div> |