Template:Infobox character old: Difference between revisions

Infobox character old
Infobox character old
Kanji	高坂穂乃果
Romaji	Kousaka Honoka
Debut	Episode 1
Statistics
Gender	Female
Birthday	August 3
Year	Second Year
Height	157 cm
Blood Type	O
Three Sizes	B 78, W 58, H 82
Other
Favorite Food	Strawberries
Disliked Food	Bell Peppers
Charm Point	Her energetic smile
Portrayals
Seiyuu Kanji	新田恵海
Seiyuu Romaji	Nitta Emi
English Dub	Marieve Herington
Icon and Signature
Icon
Signature

← Older edit Newer edit →

VisualWikitext

Revision as of 05:19, 12 April 2025

Template documentation (for the above template, sometimes hidden or invisible)

Description: This template is used to create a character infobox.
Syntax: Type {{infobox character|<...>}} somewhere, with parameters as shown below.
Sample output

{{infobox character
|name = Honoka Kosaka
|Year = Second Year
|Birthday = August 3
|Gender = Female
|Blood Type = O
|Height = 157 cm
|image = [[File:Love Live! infobox - Kousaka Honoka.png|250px]]
|Debut = Episode 1
|Seiyuu Kanji = 新田恵海
|Seiyuu Romaji = [[Emi Nitta|Nitta Emi]]
|English Seiyuu Name = {{W|Marieve Herington}}
|Japanese Name = 高坂穂乃果
|Romanized Name = Kousaka Honoka
|Three Sizes = B 78, W 58, H 82
|Zodiac Sign = Leo
|Favorite Food = Strawberries
|Disliked Food = Bell Peppers
|Favorite Subject = '
|Favorite Animal = '
|Charm Point = Her energetic smile
|Special Skill = '
|Icon = [[File:Honoka Icon.png|30px]]
|Signature = [[File:Honoka Signature.png|175px]]
}}

Results in...

Visit Template:Infobox character old/doc to edit this text! (How does this work?)

@@ Line 1: / Line 1: @@
-<style>
+<includeonly>
-@media screen and (max-width: 768px) {
+<script>
-   .character-infobox {
+document.addEventListener("DOMContentLoaded", function() {
-     float: none !important;
+   var box = document.querySelector(".character-infobox");
-    margin: 0 auto !important;
+  if (window.innerWidth < 768 && box) {
-     display: table !important;
+     box.style.margin = "0 auto";
+     box.style.float = "none";
    }
-}
+});
-</style>
+</script>
-<includeonly>
+<div class="character-infobox" style="padding-left: 20px; padding-right: 20px; padding-bottom: 20px; max-width: 100%; width: fit-content; margin-left: auto; margin-right: 0;">
-<div class="character-infobox" style="float: right; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; --infobox-title-bg:{{{title-bg|#ff3399}}}; --section-bg:{{{section-bg|#ff3399}}}; --subsection-bg:{{{subsection-bg|#ff3399}}}; --infobox-bg:{{{infobox-bg|#f9f9f9}}};">
 {| class="infobox" style="width: 270px; font-size: 90%; text-align: left; border: 1px solid #ccc; background-color: var(--infobox-bg);"
 |+ style="text-align:center; font-weight:bold; font-size: 120%; background-color: var(--infobox-title-bg); color: white; padding: 8px;" | {{{Name|{{PAGENAME}}}}}