Template:Infobox musical artist: Difference between revisions

Infobox musical artist}
Origin
Genres
Years active
Labels
Website
Members
Current members
Past members

Latest revision as of 18:57, 12 April 2026

- -

@@ Line 1: / Line 1: @@
-/* ====================== */
+{| class="infobox" style="width:22em; border:1px solid #a2a9b1; background:#f8f9fa; margin:0.5em 0 0.5em 1em; padding:0.2em; float:right; clear:right; font-size:88%; line-height:1.4em;"
-/* Infobox Musical Artist */
+|-
-/* ====================== */
+! colspan="2" style="font-size:130%; background:#e6e6e6; border-bottom:2px solid #a2a9b1; padding:0.4em 0.5em;" | '''{{{name|{{{Name|{{PAGENAME}}}}}}}}}'''
+|-
-.infobox {
+{{#if:{{{image|}}}|
-    border: 1px solid #a2a9b1;
+|-
-    background-color: #f8f9fa;
+| colspan="2" style="text-align:center; padding:0.4em 0;" | [[File:{{{image}}}|220px]]
-    margin: 0.5em 0 0.5em 1em;
+}}
-    padding: 0.2em;
+{{#if:{{{caption|}}}|
-    float: right;
+|-
-    clear: right;
+| colspan="2" style="text-align:center; font-size:smaller; padding:0 0.4em 0.4em;" | {{{caption}}}
-    width: 22em;
+}}
-    font-size: 88%; /* Slightly smaller than body text */
+|-
-    line-height: 1.4em;
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa; width:35%;" | Origin
-    border-collapse: collapse;
+| style="padding:0.4em 0.8em;" | {{{origin|}}}
-    color: #222;
+|-
-}
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa;" | Genres
+| style="padding:0.4em 0.8em;" | {{{genre|}}}
-.infobox caption {
+|-
-    font-size: 125%;
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa;" | Years active
-    font-weight: bold;
+| style="padding:0.4em 0.8em;" | {{{years_active|}}}
-    text-align: center;
+|-
-    padding: 0.3em 0.5em 0.4em;
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa;" | Labels
-    background-color: #f0f0f0;
+| style="padding:0.4em 0.8em;" | {{{label|}}}
-    border-bottom: 1px solid #a2a9b1;
+|-
-    margin-bottom: 0.3em;
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa;" | Website
-}
+| style="padding:0.4em 0.8em;" | {{{website|}}}
+|-
-.infobox td,
+! colspan="2" style="background:#f0f0f0; text-align:center; padding:0.3em;" | '''Members'''
-.infobox th {
+|-
-    vertical-align: top;
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa;" | Current members
-    padding: 0.3em 0.6em 0.3em 0.4em;
+| style="padding:0.4em 0.8em;" | {{{current_members|}}}
-    border-bottom: 1px solid #ddd;
+|-
-}
+! style="text-align:right; padding:0.4em 0.8em; background:#f8f9fa;" | Past members
+| style="padding:0.4em 0.8em;" | {{{past_members|}}}
-.infobox th {
+|}
-    text-align: right;
-    font-weight: normal;
-    width: 40%;
-    padding-right: 0.8em;
-    color: #555;
-    background-color: #f8f9fa;
-}
-.infobox td {
-    width: 60%;
-}
-/* Image handling */
-.infobox-image {
-    text-align: center;
-    padding: 0.4em 0;
-}
-.infobox-image img {
-    max-width: 100%;
-    height: auto;
-    border: 1px solid #aaa;
-}
-/* Header / Title row (name of the artist/band) */
-.infobox-above,
-.infobox-title {
-    font-size: 130%;
-    font-weight: bold;
-    text-align: center;
-    padding: 0.4em 0.5em;
-    background-color: #e6e6e6;
-    border-bottom: 2px solid #a2a9b1;
-}
-/* Subheaders (e.g. "Born", "Origin", etc.) */
-.infobox-subheader {
-    font-weight: bold;
-    background-color: #f0f0f0;
-    text-align: center;
-    padding: 0.2em;
-}
-/* Remove bottom border on last row */
-.infobox tr:last-child td,
-.infobox tr:last-child th {
-    border-bottom: none;
-}
-/* Make it look nicer on narrow screens */
-@media (max-width: 720px) {
-    .infobox {
-        float: none;
-        margin: 0.5em auto;
-        width: 90%;
-        max-width: 300px;
-    }
-}
-/* Optional: Dark mode support (for modern skins) */
-@media (prefers-color-scheme: dark) {
-    .infobox {
-        background-color: #202122;
-        border-color: #54595d;
-        color: #ddd;
-    }
-    .infobox th {
-        background-color: #202122;
-        color: #aaa;
-    }
-    .infobox caption,
-    .infobox-above,
-    .infobox-title,
-    .infobox-subheader {
-        background-color: #2a2a2e;
-        color: #fff;
-        border-color: #54595d;
-    }
-}
-/* ====================== */
-/* Specific to Musical Artist */
-/* ====================== */
-/* Background color variation based on |background= parameter */
-/* You can add more classes if your template outputs them */
-.infobox-musician-solo,
-.infobox .background-solo_singer {
-    border-left: 8px solid #b0c4de; /* Light steel blue */
-}
-.infobox-musician-band,
-.infobox .background-group_or_band {
-    border-left: 8px solid #98fb98; /* Pale green */
-}
-/* You can expand these if your template adds specific classes */