Template:StatusBox: Difference between revisions

(3 intermediate revisions by 2 users not shown)

Line 1:

~~{|-~~ style="~~text~~-~~align~~:~~center~~; {{#ifeq:{{{isBuff|}}}|true|background-color:#0BA372;|background-color:#CA401C;}} border:solid, 4px; border-radius:12px; {{#ifeq:{{{isBuff|}}}|true|border-color:#1D9460;|border-color:#B24523;}} ~~font-family~~: ~~'PT Serif','Palatino','Georgia',serif;~~"

| style="~~width:350px; color:#FFEFD7; font-family~~: ~~'Retail Demo'~~; ~~font~~-~~size~~:~~18px~~; ~~font-weight:bold; text-align~~:~~left; margin~~-~~left:10px~~;" | {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}} {{{status|}}}

|}

<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%);"> {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}} </span>

</div></onlyinclude>

<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:18px; font-weight:bold;"> {{{status|}}} </span>

</div>

{{#if:{{{description|}}}|

<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:12px;>{{{description|}}}</span>

</div>

|}}

</div></div></onlyinclude>

'''Debuff'''

Template:StatusBox: Difference between revisionsGive feedback

QuinnBinn (talk | contribs)

@@ Line 1: / Line 1: @@
 <onlyinclude>
-<div style="display:inline-block; margin: 15px 10px 15px 0px; max-width:650px;">
+<div style="max-width:400px;">
-{|- style="text-align:center; {{#ifeq:{{{isBuff|}}}|true|background-color:#0BA372;|background-color:#CA401C;}} border:solid, 4px; border-radius:12px; {{#ifeq:{{{isBuff|}}}|true|border-color:#1D9460;|border-color:#B24523;}} font-family: 'PT Serif','Palatino','Georgia',serif;"
+<div style="display:flex; flex-direction:column; {{#ifeq:{{{isBuff|}}}|true|background-color:#0BA372;|background-color:#CA401C;}} border:solid, 4px; border-radius:12px; {{#ifeq:{{{isBuff|}}}|true|border-color:#1D9460;|border-color:#B24523;}} padding: 0px 8px 4px 2px">
-| style="width:350px; color:#FFEFD7; font-family: 'Retail Demo'; font-size:18px; font-weight:bold; text-align:left; margin-left:10px;" | {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}} {{{status|}}}
+<div style="display:flex; flex-direction:row;">
-|}
+<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%);"> {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}} </span>
-</div></onlyinclude>
+<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:18px; font-weight:bold;"> {{{status|}}} </span>
+</div>
+{{#if:{{{description|}}}|
+<div style="display:flex; flex-direction:row; align-items:end;">
+<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:12px;>{{{description|}}}</span>
+</div>
+|}}
+</div></div></onlyinclude>
 '''Debuff'''