Template:StatusBox: Difference between revisions

(2 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;~~"

~~| rowspan~~="2" style="~~margin~~-~~left:10px; width:50px~~;" | {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}}

| style="~~width:300px;~~ color:#~~FFEFD7~~; font-family: 'Retail Demo'; font-size:18px; font-weight:bold; ~~text-align:left; |~~ {{{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>

|- style="~~text~~-align:~~left~~; color:#~~FFEFD7~~; font-family: 'Retail Demo'; font-size:~~13px~~;"

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

|{{{description|}}}

</div>

|}

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

</div></onlyinclude>

<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">
-| rowspan="2" style="margin-left:10px; width:50px;" | {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}}
+<div style="display:flex; flex-direction:row;">
-| style="width:300px; color:#FFEFD7; font-family: 'Retail Demo'; font-size:18px; font-weight:bold; text-align:left; | {{{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>
-|- style="text-align:left; color:#FFEFD7; font-family: 'Retail Demo'; font-size:13px;"
+<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:18px; font-weight:bold;"> {{{status|}}} </span>
-|{{{description|}}}
+</div>
-|}
+{{#if:{{{description|}}}|
-</div></onlyinclude>
+<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'''