Template:RelationshipTabberStart: Difference between revisions

Template:RelationshipTabberStart (view source)

Revision as of 20:44, 12 January 2025

423 bytes added , Yesterday at 20:44

no edit summary

Josh Herrick

537

edits

@@ Line 1: / Line 1: @@
-{{#css:
+  {{#css:
-.charbucket {
+    .charbucket {
-  display: flex;
+      display: flex;
-  align-items: center;
+      align-items: center;
-}
+    }
-img.tabbercharimage {
+    img.tabbercharimage {
-  border-radius: 20px;
+      border-radius: 20px;
-  display: inline-block;
+      display: inline-block;
-}
+    }
-.charcontentbucket {
+    .charcontentbucket {
-  display: inline-block;
+      display: inline-block;
-  padding-left: 20px;
+      padding-left: 20px;
-}
+    }
-}}
+    }}
-<tabber>
+    <tabber>
-|-| Family =
+    {{#if:{{{ShowFamily|}}}|Y|
-{{#tag:tabber
+    |-| Family =
-| {{{Family1Name}}} =  <div class=charbucket>[[Image:{{{Family1Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family1Desc}}} </div></div>
+    {{#tag:tabber
-{{#if:{{{Family3Name|}}}|{{!}}-{{!}} {{{Family3Name}}} =  <div class=charbucket>[[Image:{{{Family3Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family3Desc}}} </div></div>|}}
+    {{#if:{{{Family1Name|}}}|{{!}}-{{!}} {{{Family1Name}}} =  <div class=charbucket>[[Image:{{{Family1Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family1Desc}}} </div></div>|}}
-{{#if:{{{Family4Name|}}}|{{!}}-{{!}} {{{Family4Name}}} =  <div class=charbucket>[[Image:{{{Family4Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family4Desc}}} </div></div>|}}
+    {{#if:{{{Family2Name|}}}|{{!}}-{{!}} {{{Family2Name}}} =  <div class=charbucket>[[Image:{{{Family2Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family2Desc}}} </div></div>|}}
-{{#if:{{{Family5Name|}}}|{{!}}-{{!}} {{{Family5Name}}} =  <div class=charbucket>[[Image:{{{Family5Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family5Desc}}} </div></div>|}}
+    {{#if:{{{Family3Name|}}}|{{!}}-{{!}} {{{Family3Name}}} =  <div class=charbucket>[[Image:{{{Family3Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family3Desc}}} </div></div>|}}
-{{#if:{{{Family6Name|}}}|{{!}}-{{!}} {{{Family6Name}}} =  <div class=charbucket>[[Image:{{{Family6Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family6Desc}}} </div></div>|}}
+    {{#if:{{{Family4Name|}}}|{{!}}-{{!}} {{{Family4Name}}} =  <div class=charbucket>[[Image:{{{Family4Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family4Desc}}} </div></div>|}}
-{{#if:{{{Family7Name|}}}|{{!}}-{{!}} {{{Family7Name}}} =  <div class=charbucket>[[Image:{{{Family7Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family7Desc}}} </div></div>|}}
+    {{#if:{{{Family5Name|}}}|{{!}}-{{!}} {{{Family5Name}}} =  <div class=charbucket>[[Image:{{{Family5Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family5Desc}}} </div></div>|}}
-{{#if:{{{Family8Name|}}}|{{!}}-{{!}} {{{Family8Name}}} =  <div class=charbucket>[[Image:{{{Family8Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family8Desc}}} </div></div>|}}
+    {{#if:{{{Family6Name|}}}|{{!}}-{{!}} {{{Family6Name}}} =  <div class=charbucket>[[Image:{{{Family6Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family6Desc}}} </div></div>|}}
-{{#if:{{{Family9Name|}}}|{{!}}-{{!}} {{{Family9Name}}} =  <div class=charbucket>[[Image:{{{Family9Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family9Desc}}} </div></div>|}}
+    {{#if:{{{Family7Name|}}}|{{!}}-{{!}} {{{Family7Name}}} =  <div class=charbucket>[[Image:{{{Family7Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family7Desc}}} </div></div>|}}
-{{#if:{{{Family10Name|}}}|{{!}}-{{!}} {{{Family10Name}}} =  <div class=charbucket>[[Image:{{{Family10Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family10Desc}}} </div></div>|}}
+    {{#if:{{{Family8Name|}}}|{{!}}-{{!}} {{{Family8Name}}} =  <div class=charbucket>[[Image:{{{Family8Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family8Desc}}} </div></div>|}}
-{{#if:{{{Family11Name|}}}|{{!}}-{{!}} {{{Family11Name}}} =  <div class=charbucket>[[Image:{{{Family11Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family11Desc}}} </div></div>|}}
+    {{#if:{{{Family9Name|}}}|{{!}}-{{!}} {{{Family9Name}}} =  <div class=charbucket>[[Image:{{{Family9Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family9Desc}}} </div></div>|}}
-{{#if:{{{Family12Name|}}}|{{!}}-{{!}} {{{Family12Name}}} =  <div class=charbucket>[[Image:{{{Family12Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family12Desc}}} </div></div>|}}
+    {{#if:{{{Family10Name|}}}|{{!}}-{{!}} {{{Family10Name}}} =  <div class=charbucket>[[Image:{{{Family10Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family10Desc}}} </div></div>|}}
-{{#if:{{{Family13Name|}}}|{{!}}-{{!}} {{{Family13Name}}} =  <div class=charbucket>[[Image:{{{Family13Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family13Desc}}} </div></div>|}}
+    {{#if:{{{Family11Name|}}}|{{!}}-{{!}} {{{Family11Name}}} =  <div class=charbucket>[[Image:{{{Family11Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family11Desc}}} </div></div>|}}
-{{#if:{{{Family14Name|}}}|{{!}}-{{!}} {{{Family14Name}}} =  <div class=charbucket>[[Image:{{{Family14Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family14Desc}}} </div></div>|}}
+    {{#if:{{{Family12Name|}}}|{{!}}-{{!}} {{{Family12Name}}} =  <div class=charbucket>[[Image:{{{Family12Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family12Desc}}} </div></div>|}}
-{{#if:{{{Family15Name|}}}|{{!}}-{{!}} {{{Family15Name}}} =  <div class=charbucket>[[Image:{{{Family15Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family15Desc}}} </div></div>|}}
+    {{#if:{{{Family13Name|}}}|{{!}}-{{!}} {{{Family13Name}}} =  <div class=charbucket>[[Image:{{{Family13Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family13Desc}}} </div></div>|}}
-{{#if:{{{Family16Name|}}}|{{!}}-{{!}} {{{Family16Name}}} =  <div class=charbucket>[[Image:{{{Family16Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family16Desc}}} </div></div>|}}
+    {{#if:{{{Family14Name|}}}|{{!}}-{{!}} {{{Family14Name}}} =  <div class=charbucket>[[Image:{{{Family14Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family14Desc}}} </div></div>|}}
-{{#if:{{{Family17Name|}}}|{{!}}-{{!}} {{{Family17Name}}} =  <div class=charbucket>[[Image:{{{Family17Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family17Desc}}} </div></div>|}}
+    {{#if:{{{Family15Name|}}}|{{!}}-{{!}} {{{Family15Name}}} =  <div class=charbucket>[[Image:{{{Family15Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family15Desc}}} </div></div>|}}
-{{#if:{{{Family18Name|}}}|{{!}}-{{!}} {{{Family18Name}}} =  <div class=charbucket>[[Image:{{{Family18Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family18Desc}}} </div></div>|}}
+    {{#if:{{{Family16Name|}}}|{{!}}-{{!}} {{{Family16Name}}} =  <div class=charbucket>[[Image:{{{Family16Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family16Desc}}} </div></div>|}}
-{{#if:{{{Family19Name|}}}|{{!}}-{{!}} {{{Family19Name}}} =  <div class=charbucket>[[Image:{{{Family19Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family19Desc}}} </div></div>|}}
+    {{#if:{{{Family17Name|}}}|{{!}}-{{!}} {{{Family17Name}}} =  <div class=charbucket>[[Image:{{{Family17Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family17Desc}}} </div></div>|}}
-{{#if:{{{Family20Name|}}}|{{!}}-{{!}} {{{Family20Name}}} =  <div class=charbucket>[[Image:{{{Family20Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family20Desc}}} </div></div>|}}
+    {{#if:{{{Family18Name|}}}|{{!}}-{{!}} {{{Family18Name}}} =  <div class=charbucket>[[Image:{{{Family18Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family18Desc}}} </div></div>|}}
-}}
+    {{#if:{{{Family19Name|}}}|{{!}}-{{!}} {{{Family19Name}}} =  <div class=charbucket>[[Image:{{{Family19Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family19Desc}}} </div></div>|}}
+    {{#if:{{{Family20Name|}}}|{{!}}-{{!}} {{{Family20Name}}} =  <div class=charbucket>[[Image:{{{Family20Image}}}|frameless|200px|class=tabbercharimage]] <div class=charcontentbucket > {{{Family20Desc}}} </div></div>|}}
-</tabber>
+    }}|}}