Difference between revisions of "Template:Sandbox/Botanist/Character/Stats"

From Granblue Fantasy Wiki
Jump to navigation Jump to search
(Style experiment)
(Flexbox)
Line 1: Line 1:
 
<includeonly><div class="character character__details character--element-{{lc:{{{element|unknown}}}}}" style="max-width:900px; text-align:center; margin-top:0; position:relative;">
 
<includeonly><div class="character character__details character--element-{{lc:{{{element|unknown}}}}}" style="max-width:900px; text-align:center; margin-top:0; position:relative;">
   <div style="position:relative;">
+
<table style="width:100%;text-align:center;font-weight:bold;">
     <div style="width:90%; border-right:0; border-bottom:0; vertical-align:top;"><div style="width:100%;padding-top:1px;text-align:left;overflow:hidden;">
+
<tr>
 +
<th>
 +
   <div style="position:absolute; left:10px; margin-top:4px;">[[File:Rarity {{uc:{{{rarity|R}}}}}.png|link=]]</div>
 +
  {{#ifeq:{{{5star}}}|yes|
 +
    <div style="position:absolute; right:9px; margin-top:9px;">
 +
      {{tt|line=false|[[File:Icon Blue Star Full.png|link=]]|Can be uncapped to 5★}}
 +
     </div>
 +
  |}}
 +
  <div style="font-size:90%">[{{#if: {{{title|}}}|{{{title}}}|Skybound}}]</div>
 +
  <div style="font-size:130%">{{{name|}}}</div>
 +
</th>
 +
</tr>
 +
  </table>
 +
  <div style="display:flex; flex-flow:row wrap; overflow:hidden;">
 +
  <div style="flex:1000 1 290px; min-width:290px; z-index:1; position:relative; margin-bottom:0.5em;">
 +
    <div style=""><div style="padding-top:1px;text-align:left;">
 
       {{#tag:tabber|
 
       {{#tag:tabber|
       Base Art={{#if: {{{art1|}}}|<div style="position:relative;left:-10%;zoom:0.8;">[[File:{{{art1|Ph800.png}}}|x800px]]</div>|}}
+
       Base Art={{#if: {{{art1|}}}|<div style="zoom:0.6;display:flex;justify-content:center;"><div style="flex:0 0 auto;">[[File:{{{art1|Ph800.png}}}|x800px|center]]</div></div>|}}
 
       {{!}}-{{!}}
 
       {{!}}-{{!}}
       Second Art={{#if: {{{art2|}}}|<div style="position:relative;left:-10%;zoom:0.8;">[[File:{{{art2|Ph800.png}}}|x800px]]</div>|}}
+
       Second Art={{#if: {{{art2|}}}|<div style="zoom:0.6;display:flex;justify-content:center;"><div style="flex:0 0 auto;">[[File:{{{art2|Ph800.png}}}|x800px|center]]</div></div>|}}
       {{#ifeq:{{{5star}}}|yes|{{!}}-{{!}}5★ Art=<div style="position:relative;left:-10%;zoom:0.8;">[[File:{{{art3|Ph800.png}}}|x800px]]</div>|}}
+
       {{#ifeq:{{{5star}}}|yes|{{!}}-{{!}}5★ Art=<div style="zoom:0.6;display:flex;justify-content:center;"><div style="flex:0 0 auto;">[[File:{{{art3|Ph800.png}}}|x800px|center]]</div></div>|}}
 
       }}
 
       }}
 
     </div></div>
 
     </div></div>
     <div style="border:0; position:absolute; bottom:-260px; left:0; text-align:left;">
+
     <div style="position:absolute; bottom:-260px; left:0; text-align:left;">
 
       {{#tag:tabber|
 
       {{#tag:tabber|
       Base Sprite=<div style="position:relative;top:-280px;">{{#if: {{{sprite1|}}}|[[File:{{{sprite1|Ph400.png}}}]]|}}</div>
+
       Base Sprite=<div style="position:relative;top:-280px;left:-40px;">{{#if: {{{sprite1|}}}|[[File:{{{sprite1|Ph400.png}}}]]|}}</div>
 
       {{!}}-{{!}}
 
       {{!}}-{{!}}
       Second Sprite=<div style="position:relative;top:-280px;">{{#if: {{{sprite2|}}}|[[File:{{{sprite2|Ph400.png}}}]]|}}</div>
+
       Second Sprite=<div style="position:relative;top:-280px;left:-40px;">{{#if: {{{sprite2|}}}|[[File:{{{sprite2|Ph400.png}}}]]|}}</div>
       {{#ifeq:{{{5star}}}|yes|{{!}}-{{!}}
+
       {{#ifeq:{{{5star}}}|yes|{{!}}-{{!}}5★ Sprite=<div style="position:relative;top:-280px;left:-40px;">[[File:{{{sprite3|Ph400.png}}}]]</div>}}
      5★ Sprite={{{!}} style="position:relative;top:-280px;"
 
        {{!}}[[File:{{{sprite3|Ph400.png}}}]]}}
 
 
       }}
 
       }}
 
     </div>
 
     </div>
     <div rowspan="2" style="width:40%;height:100%; vertical-align:top; border-left:0; position:absolute; right:0; top:0; background:linear-gradient(90deg, rgba(255,255,255,0), #fff 40%);">
+
    </div>
       <table style="width:100%;text-align:center;font-weight:bold;">
+
     <div style="flex: 1 0 auto; padding-top:1px; z-index:2; background:linear-gradient(90deg, rgba(255,255,255,0), #fff 40%); ">
      <tr>
+
       <div style="width:290px;margin:0 auto;">
      <th>
 
        <div style="position:absolute; left:10px; margin-top:4px;">[[File:Rarity {{uc:{{{rarity|R}}}}}.png|link=]]</div>
 
        {{#ifeq:{{{5star}}}|yes|
 
          <div style="position:absolute; right:9px; margin-top:9px;">
 
            {{tt|line=false|[[File:Icon Blue Star Full.png|link=]]|Can be uncapped to 5★}}
 
          </div>
 
        |}}
 
        <div style="font-size:90%">[{{#if: {{{title|}}}|{{{title}}}|Skybound}}]</div>
 
        <div style="font-size:130%">{{{name|}}}</div>
 
      </th>
 
      </tr>
 
      </table>
 
      <div style="width:90%;float:right;">
 
 
<tabber>
 
<tabber>
 
   |-|Stats={{TermDescription|<small>MIN–MAX</small> HP|{{{min_hp|N/A}}}–{{{max_hp|N/A}}} {{#if:{{{flb_hp|}}}|/ {{tt|{{{flb_hp}}}|Fully uncapped HP at MAX level.}}}} {{#if:{{{bonus_hp|}}}| ({{tt|+{{{bonus_hp}}}|Total HP bonuses from [[Cross-Fate Episodes]].}})}}|left_color=#2f7c06}}
 
   |-|Stats={{TermDescription|<small>MIN–MAX</small> HP|{{{min_hp|N/A}}}–{{{max_hp|N/A}}} {{#if:{{{flb_hp|}}}|/ {{tt|{{{flb_hp}}}|Fully uncapped HP at MAX level.}}}} {{#if:{{{bonus_hp|}}}| ({{tt|+{{{bonus_hp}}}|Total HP bonuses from [[Cross-Fate Episodes]].}})}}|left_color=#2f7c06}}
Line 59: Line 59:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
   <div>
+
   <div><b>Voice Actor:</b> {{VAParser|{{{va|}}}}}</div>
    <div style=" border-top:0; border-right:0;"><b>Voice Actor:</b> {{VAParser|{{{va|}}}}}</div>
 
  </div>
 
 
</div>
 
</div>
<table class="wikitable character character__details character--element-{{lc:{{{element|unknown}}}}}" style="width:900px; text-align:center;">
+
<table class="wikitable character character__details character--element-{{lc:{{{element|unknown}}}}}" style="text-align:center;">
 
   <tr style="display:none;">
 
   <tr style="display:none;">
 
     <th></th>
 
     <th></th>

Revision as of 05:58, 10 January 2018

Example

Rarity SR.png
     Icon Blue Star Full.pngCan be uncapped to 5★
[Skybound]
Katalina

Npc zoom 3030005000 01.png

Npc zoom 3030005000 02.png

Npc zoom 3040054000 01.png

Npc sd 3030005000 01.png

Npc sd 3030005000 02.png

Npc sd 3040054000 01.png

MIN–MAX HP
220–1320 (+200Total HP bonuses from Cross-Fate Episodes.)
MIN–MAX ATK
900–5400 (+250Total ATK bonuses from Cross-Fate Episodes.)
Element
Label Element Water.png
Style
Label Type Balance.png
RaceCalled "Type" in-game.
Label Race Human.png
GenderGender is a character attribute used for game mechanics. A character's lore, appearance, and other factors do not affect this attribute. Time for crab.
Female
Recruit Weapon
Home MusicThe music that plays when this character's art is displayed on the home page. Please check your device volume before clicking the play button.

ID
3030005000
Character ID
2005
NameJP
カタリナ
Voice ActorJP
沢城みゆき
TitleJP
蒼の守護者
Release Date
2014-03-10

Voice Actor: Miyuki Sawashiro
Lyria's bodyguard, and a girl with a mysterious past. She has let fly a banner of rebellion against the Empire, and is by turn Lyria's loyal retainer and her loving older sister.