https://www.titansoftime.com/wiki/index.php?action=history&feed=atom&title=Data%3AUI%2FPlayer_frame
Data:UI/Player frame - Revision history
2026-11-02T11:42:46Z
Revision history for this page on the wiki
MediaWiki 1.43.11
https://www.titansoftime.com/wiki/index.php?title=Data:UI/Player_frame&diff=11072&oldid=prev
VinceG: ToT addon: data update
2026-10-30T05:59:04Z
<p>ToT addon: data update</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 05:59, 30 October 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:6px; background-color:rgba(6, 8, 10, 0.58); box-shadow:rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.38) 0px 1px 3px 0px; overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><div style="position:absolute; box-sizing:border-box; width:248px; height:96px; background-image:linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.1))<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><div style="position:absolute; top:8px; left:8px; right:216px; bottom:73px; box-sizing:border-box; width:24px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:3px; background-color:rgba(0, 0, 0, 0.4); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; z-index:5;">55</div><div style="position:absolute; top:8px; left:206px; right:8px; bottom:73px; box-sizing:border-box; width:34px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.18); border-right:1px solid rgba(226, 216, 186, 0.18); border-bottom:1px solid rgba(226, 216, 186, 0.18); border-left:1px solid rgba(226, 216, 186, 0.18); border-radius:3px; background-color:rgba(0, 0, 0, 0.36); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; text-transform:uppercase; overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; z-index:6;"><strong style="box-sizing:border-box; color:rgb(255, 0, 0); font-weight:700; <del style="font-weight: bold; text-decoration: none;">flex-wrap:nowrap;"></del>PvP</strong></div><div style="position:absolute; top:7px; left:8px; right:6px; bottom:24px; box-sizing:border-box; width:234px; height:65px<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; z-index:3;"><div style="clear:both; box-sizing:border-box; width:234px; height:17px; padding-left:30px; overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><div style="float:left; box-sizing:border-box; width:140px; height:17px; color:rgb(242, 234, 214); font-size:11px; font-weight:700; line-height:16px; white-space:nowrap; overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><span style="box-sizing:border-box<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><span style="box-sizing:border-box; color:rgb(223, 204, 174)<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><span style="box-sizing:border-box; color:rgb(236, 155, 39); font-size:12.6667px; <del style="font-weight: bold; text-decoration: none;">flex-wrap:nowrap;"></del>&#91;Player&#93;</span></span></span></div><div style="float:right; box-sizing:border-box; width:16px; height:16px; margin-right:42px; opacity:0.82<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><<del style="font-weight: bold; text-decoration: none;">/div></div><div </del>style="<del style="font-weight: bold; text-decoration: none;">box-sizing</del>:<del style="font-weight: bold; text-decoration: none;">border</del>-<del style="font-weight: bold; text-decoration: none;">box</del>; <del style="font-weight: bold; text-decoration: none;">width</del>:<del style="font-weight: bold; text-decoration: none;">234px</del>; <del style="font-weight: bold; text-decoration: none;">height:46px; flex</del>-<del style="font-weight: bold; text-decoration: none;">wrap</del>:<del style="font-weight: bold; text-decoration: none;">nowrap</del>;"><div style="<del style="font-weight: bold; text-decoration: none;">display</del>:flex; position:absolute; top:65px; bottom:-19px; box-sizing:border-box; width:234px; height:16px; margin-top:3px; overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; gap:2px; z-index:4;"><span style="display:block; position:relative; box-sizing:border-box; width:16px; height:16px; flex-<del style="font-weight: bold; text-decoration: none;">wrap</del>:<del style="font-weight: bold; text-decoration: none;">nowrap</del>; <del style="font-weight: bold; text-decoration: none;">flex</del>:<del style="font-weight: bold; text-decoration: none;">0 0 16px</del>;">[[File:Spell 67.jpg|16x16px|link<del style="font-weight: bold; text-decoration: none;">=]]</del><b style="display:block; position:absolute; top:7px; left:-2px; right:-2px; box-sizing:border-box; width:20px; height:9px; color:rgb(255, 255, 255); font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:700; line-height:9px; text-align:center; text-shadow:rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px, rgb(0, 0, 0) 0px 1px 0px; white-space<del style="font-weight: bold; text-decoration: none;">:nowrap; flex-wrap</del>:nowrap;">4h</b></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72)<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(40, 124, 54), rgb(73, 193, 93))<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><span style="display:block; position:absolute; left:158.594px; right:5px; box-sizing:border-box; width:68.4062px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; z-index:3;">11,809 / 11,809</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72)<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(36, 62, 162), rgb(81, 116, 240))<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><span style="display:block; position:absolute; left:168.609px; right:5px; box-sizing:border-box; width:58.3906px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; z-index:3;">8,969 / 8,969</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72)<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><div style="position:absolute; right:7.35938px; box-sizing:border-box; width:224.641px; height:12px; background-image:linear-gradient(90deg, rgb(111, 53, 178), rgb(191, 109, 243))<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>;"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px<del style="font-weight: bold; text-decoration: none;">; flex-wrap:nowrap</del>; z-index:3;">89,308 / 92,234</span></div></div></div></div></div></div></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:6px; background-color:rgba(6, 8, 10, 0.58); box-shadow:rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.38) 0px 1px 3px 0px; overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:248px; height:96px; background-image:linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.1));"></div><div style="position:absolute; top:8px; left:8px; right:216px; bottom:73px; box-sizing:border-box; width:24px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:3px; background-color:rgba(0, 0, 0, 0.4); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; overflow:hidden; z-index:5;">55</div><div style="position:absolute; top:8px; left:206px; right:8px; bottom:73px; box-sizing:border-box; width:34px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.18); border-right:1px solid rgba(226, 216, 186, 0.18); border-bottom:1px solid rgba(226, 216, 186, 0.18); border-left:1px solid rgba(226, 216, 186, 0.18); border-radius:3px; background-color:rgba(0, 0, 0, 0.36); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; text-transform:uppercase; overflow:hidden; z-index:6;"><strong style="box-sizing:border-box; color:rgb(255, 0, 0); font-weight:700;<ins style="font-weight: bold; text-decoration: none;">"></ins>PvP</strong></div><div style="position:absolute; top:7px; left:8px; right:6px; bottom:24px; box-sizing:border-box; width:234px; height:65px; z-index:3;"><div style="clear:both; box-sizing:border-box; width:234px; height:17px; padding-left:30px; overflow:hidden;"><div style="float:left; box-sizing:border-box; width:140px; height:17px; color:rgb(242, 234, 214); font-size:11px; font-weight:700; line-height:16px; white-space:nowrap; overflow:hidden;"><span style="box-sizing:border-box;"><span style="box-sizing:border-box; color:rgb(223, 204, 174);"><span style="box-sizing:border-box; color:rgb(236, 155, 39); font-size:12.6667px;<ins style="font-weight: bold; text-decoration: none;">"></ins>&#91;Player&#93;</span></span></span></div><div style="float:right; box-sizing:border-box; width:16px; height:16px; margin-right:42px; opacity:0.82;"><<ins style="font-weight: bold; text-decoration: none;">span </ins>style="<ins style="font-weight: bold; text-decoration: none;">display</ins>:<ins style="font-weight: bold; text-decoration: none;">inline</ins>-<ins style="font-weight: bold; text-decoration: none;">block</ins>; <ins style="font-weight: bold; text-decoration: none;">line-height</ins>:<ins style="font-weight: bold; text-decoration: none;">0</ins>; <ins style="font-weight: bold; text-decoration: none;">vertical</ins>-<ins style="font-weight: bold; text-decoration: none;">align</ins>:<ins style="font-weight: bold; text-decoration: none;">top</ins>;"<ins style="font-weight: bold; text-decoration: none;">>[[File:Type Druid.png|14x14px|link=]]</span></div></div</ins>><div style="<ins style="font-weight: bold; text-decoration: none;">box-sizing:border-box; width:234px; height:46px;"><div style="display</ins>:flex; position:absolute; top:65px; bottom:-19px; box-sizing:border-box; width:234px; height:16px; margin-top:3px; overflow:hidden; gap:2px; z-index:4;"><span style="display:block; position:relative; box-sizing:border-box; width:16px; height:16px; flex<ins style="font-weight: bold; text-decoration: none;">:0 0 16px;"><span style="display:inline</ins>-<ins style="font-weight: bold; text-decoration: none;">block; line-height</ins>:<ins style="font-weight: bold; text-decoration: none;">0</ins>; <ins style="font-weight: bold; text-decoration: none;">vertical-align</ins>:<ins style="font-weight: bold; text-decoration: none;">top</ins>;">[[File:Spell 67.jpg|16x16px|link<ins style="font-weight: bold; text-decoration: none;">=]]</span></ins><b style="display:block; position:absolute; top:7px; left:-2px; right:-2px; box-sizing:border-box; width:20px; height:9px; color:rgb(255, 255, 255); font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:700; line-height:9px; text-align:center; text-shadow:rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px, rgb(0, 0, 0) 0px 1px 0px; white-space:nowrap;">4h</b></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72);"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(40, 124, 54), rgb(73, 193, 93));"></div><span style="display:block; position:absolute; left:158.594px; right:5px; box-sizing:border-box; width:68.4062px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; z-index:3;">11,809 / 11,809</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72);"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(36, 62, 162), rgb(81, 116, 240));"></div><span style="display:block; position:absolute; left:168.609px; right:5px; box-sizing:border-box; width:58.3906px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; z-index:3;">8,969 / 8,969</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72);"></div><div style="position:absolute; right:7.35938px; box-sizing:border-box; width:224.641px; height:12px; background-image:linear-gradient(90deg, rgb(111, 53, 178), rgb(191, 109, 243));"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; z-index:3;">89,308 / 92,234</span></div></div></div></div></div></div></div></td></tr>
</table>
VinceG
https://www.titansoftime.com/wiki/index.php?title=Data:UI/Player_frame&diff=11037&oldid=prev
VinceG at 05:44, 30 October 2026
2026-10-30T05:44:39Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 05:44, 30 October 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; flex-wrap:nowrap; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:6px; background-color:rgba(6, 8, 10, 0.58); box-shadow:rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.38) 0px 1px 3px 0px; overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:248px; height:96px; background-image:linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.1)); flex-wrap:nowrap;"></div><div style="position:absolute; top:8px; left:8px; right:216px; bottom:73px; box-sizing:border-box; width:24px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:3px; background-color:rgba(0, 0, 0, 0.4); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; overflow:hidden; flex-wrap:nowrap; z-index:5;">55</div><div style="position:absolute; top:8px; left:206px; right:8px; bottom:73px; box-sizing:border-box; width:34px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.18); border-right:1px solid rgba(226, 216, 186, 0.18); border-bottom:1px solid rgba(226, 216, 186, 0.18); border-left:1px solid rgba(226, 216, 186, 0.18); border-radius:3px; background-color:rgba(0, 0, 0, 0.36); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; text-transform:uppercase; overflow:hidden; flex-wrap:nowrap; z-index:6;"><strong style="box-sizing:border-box; color:rgb(255, 0, 0); font-weight:700; flex-wrap:nowrap;">PvP</strong></div><div style="position:absolute; top:7px; left:8px; right:6px; bottom:24px; box-sizing:border-box; width:234px; height:65px; flex-wrap:nowrap; z-index:3;"><div style="clear:both; box-sizing:border-box; width:234px; height:17px; padding-left:30px; overflow:hidden; flex-wrap:nowrap;"><div style="float:left; box-sizing:border-box; width:140px; height:17px; color:rgb(242, 234, 214); font-size:11px; font-weight:700; line-height:16px; white-space:nowrap; overflow:hidden; flex-wrap:nowrap;"><span style="box-sizing:border-box; flex-wrap:nowrap;"><span style="box-sizing:border-box; color:rgb(223, 204, 174); flex-wrap:nowrap;"><span style="box-sizing:border-box; color:rgb(236, 155, 39); font-size:12.6667px; flex-wrap:nowrap;">&#91;Player&#93;</span></span></span></div><div style="float:right; box-sizing:border-box; width:16px; height:16px; margin-right:42px; opacity:0.82; flex-wrap:nowrap;"></div></div><div style="box-sizing:border-box; width:234px; height:46px; flex-wrap:nowrap;"><div style="display:flex; position:absolute; top:65px; bottom:-19px; box-sizing:border-box; width:234px; height:16px; margin-top:3px; overflow:hidden; flex-wrap:nowrap; gap:2px; z-index:4;"><span style="display:block; position:relative; box-sizing:border-box; width:16px; height:16px; flex-wrap:nowrap; flex:0 0 16px;">[[File:Spell 67.jpg|16x16px|link=]]<b style="display:block; position:absolute; top:7px; left:-2px; right:-2px; box-sizing:border-box; width:20px; height:9px; color:rgb(255, 255, 255); font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:700; line-height:9px; text-align:center; text-shadow:rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px, rgb(0, 0, 0) 0px 1px 0px; white-space:nowrap; flex-wrap:nowrap;">4h</b></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(40, 124, 54), rgb(73, 193, 93)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:158.594px; right:5px; box-sizing:border-box; width:68.4062px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">11,<del style="font-weight: bold; text-decoration: none;">785 </del>/ 11,<del style="font-weight: bold; text-decoration: none;">785</del></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(36, 62, 162), rgb(81, 116, 240)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:168.609px; right:5px; box-sizing:border-box; width:58.3906px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">8,969 / 8,969</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; right:7.35938px; box-sizing:border-box; width:224.641px; height:12px; background-image:linear-gradient(90deg, rgb(111, 53, 178), rgb(191, 109, 243)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">89,308 / 92,234</span></div></div></div></div></div></div></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; flex-wrap:nowrap; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:6px; background-color:rgba(6, 8, 10, 0.58); box-shadow:rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.38) 0px 1px 3px 0px; overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:248px; height:96px; background-image:linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.1)); flex-wrap:nowrap;"></div><div style="position:absolute; top:8px; left:8px; right:216px; bottom:73px; box-sizing:border-box; width:24px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:3px; background-color:rgba(0, 0, 0, 0.4); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; overflow:hidden; flex-wrap:nowrap; z-index:5;">55</div><div style="position:absolute; top:8px; left:206px; right:8px; bottom:73px; box-sizing:border-box; width:34px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.18); border-right:1px solid rgba(226, 216, 186, 0.18); border-bottom:1px solid rgba(226, 216, 186, 0.18); border-left:1px solid rgba(226, 216, 186, 0.18); border-radius:3px; background-color:rgba(0, 0, 0, 0.36); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; text-transform:uppercase; overflow:hidden; flex-wrap:nowrap; z-index:6;"><strong style="box-sizing:border-box; color:rgb(255, 0, 0); font-weight:700; flex-wrap:nowrap;">PvP</strong></div><div style="position:absolute; top:7px; left:8px; right:6px; bottom:24px; box-sizing:border-box; width:234px; height:65px; flex-wrap:nowrap; z-index:3;"><div style="clear:both; box-sizing:border-box; width:234px; height:17px; padding-left:30px; overflow:hidden; flex-wrap:nowrap;"><div style="float:left; box-sizing:border-box; width:140px; height:17px; color:rgb(242, 234, 214); font-size:11px; font-weight:700; line-height:16px; white-space:nowrap; overflow:hidden; flex-wrap:nowrap;"><span style="box-sizing:border-box; flex-wrap:nowrap;"><span style="box-sizing:border-box; color:rgb(223, 204, 174); flex-wrap:nowrap;"><span style="box-sizing:border-box; color:rgb(236, 155, 39); font-size:12.6667px; flex-wrap:nowrap;">&#91;Player&#93;</span></span></span></div><div style="float:right; box-sizing:border-box; width:16px; height:16px; margin-right:42px; opacity:0.82; flex-wrap:nowrap;"></div></div><div style="box-sizing:border-box; width:234px; height:46px; flex-wrap:nowrap;"><div style="display:flex; position:absolute; top:65px; bottom:-19px; box-sizing:border-box; width:234px; height:16px; margin-top:3px; overflow:hidden; flex-wrap:nowrap; gap:2px; z-index:4;"><span style="display:block; position:relative; box-sizing:border-box; width:16px; height:16px; flex-wrap:nowrap; flex:0 0 16px;">[[File:Spell 67.jpg|16x16px|link=]]<b style="display:block; position:absolute; top:7px; left:-2px; right:-2px; box-sizing:border-box; width:20px; height:9px; color:rgb(255, 255, 255); font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:700; line-height:9px; text-align:center; text-shadow:rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px, rgb(0, 0, 0) 0px 1px 0px; white-space:nowrap; flex-wrap:nowrap;">4h</b></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(40, 124, 54), rgb(73, 193, 93)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:158.594px; right:5px; box-sizing:border-box; width:68.4062px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">11,<ins style="font-weight: bold; text-decoration: none;">809 </ins>/ 11,<ins style="font-weight: bold; text-decoration: none;">809</ins></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(36, 62, 162), rgb(81, 116, 240)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:168.609px; right:5px; box-sizing:border-box; width:58.3906px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">8,969 / 8,969</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; right:7.35938px; box-sizing:border-box; width:224.641px; height:12px; background-image:linear-gradient(90deg, rgb(111, 53, 178), rgb(191, 109, 243)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">89,308 / 92,234</span></div></div></div></div></div></div></div></td></tr>
</table>
VinceG
https://www.titansoftime.com/wiki/index.php?title=Data:UI/Player_frame&diff=11005&oldid=prev
VinceG: Created page with "<div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; flex-wrap:nowrap; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px;..."
2026-10-30T05:38:12Z
<p>Created page with "<div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; flex-wrap:nowrap; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px;..."</p>
<p><b>New page</b></p><div><div style="box-sizing:border-box; width:250px; height:68px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; flex-wrap:nowrap; position:relative;"><div style="clear:both; box-sizing:border-box; width:250px; height:98px; margin-bottom:4px; color:rgb(237, 242, 247); text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:250px; height:98px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:6px; background-color:rgba(6, 8, 10, 0.58); box-shadow:rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.38) 0px 1px 3px 0px; overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:248px; height:96px; background-image:linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.1)); flex-wrap:nowrap;"></div><div style="position:absolute; top:8px; left:8px; right:216px; bottom:73px; box-sizing:border-box; width:24px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.22); border-right:1px solid rgba(226, 216, 186, 0.22); border-bottom:1px solid rgba(226, 216, 186, 0.22); border-left:1px solid rgba(226, 216, 186, 0.22); border-radius:3px; background-color:rgba(0, 0, 0, 0.4); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; overflow:hidden; flex-wrap:nowrap; z-index:5;">55</div><div style="position:absolute; top:8px; left:206px; right:8px; bottom:73px; box-sizing:border-box; width:34px; height:15px; border-top:1px solid rgba(226, 216, 186, 0.18); border-right:1px solid rgba(226, 216, 186, 0.18); border-bottom:1px solid rgba(226, 216, 186, 0.18); border-left:1px solid rgba(226, 216, 186, 0.18); border-radius:3px; background-color:rgba(0, 0, 0, 0.36); color:rgb(217, 205, 169); font-size:9px; line-height:15px; text-align:center; text-transform:uppercase; overflow:hidden; flex-wrap:nowrap; z-index:6;"><strong style="box-sizing:border-box; color:rgb(255, 0, 0); font-weight:700; flex-wrap:nowrap;">PvP</strong></div><div style="position:absolute; top:7px; left:8px; right:6px; bottom:24px; box-sizing:border-box; width:234px; height:65px; flex-wrap:nowrap; z-index:3;"><div style="clear:both; box-sizing:border-box; width:234px; height:17px; padding-left:30px; overflow:hidden; flex-wrap:nowrap;"><div style="float:left; box-sizing:border-box; width:140px; height:17px; color:rgb(242, 234, 214); font-size:11px; font-weight:700; line-height:16px; white-space:nowrap; overflow:hidden; flex-wrap:nowrap;"><span style="box-sizing:border-box; flex-wrap:nowrap;"><span style="box-sizing:border-box; color:rgb(223, 204, 174); flex-wrap:nowrap;"><span style="box-sizing:border-box; color:rgb(236, 155, 39); font-size:12.6667px; flex-wrap:nowrap;">&#91;Player&#93;</span></span></span></div><div style="float:right; box-sizing:border-box; width:16px; height:16px; margin-right:42px; opacity:0.82; flex-wrap:nowrap;"></div></div><div style="box-sizing:border-box; width:234px; height:46px; flex-wrap:nowrap;"><div style="display:flex; position:absolute; top:65px; bottom:-19px; box-sizing:border-box; width:234px; height:16px; margin-top:3px; overflow:hidden; flex-wrap:nowrap; gap:2px; z-index:4;"><span style="display:block; position:relative; box-sizing:border-box; width:16px; height:16px; flex-wrap:nowrap; flex:0 0 16px;">[[File:Spell 67.jpg|16x16px|link=]]<b style="display:block; position:absolute; top:7px; left:-2px; right:-2px; box-sizing:border-box; width:20px; height:9px; color:rgb(255, 255, 255); font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:700; line-height:9px; text-align:center; text-shadow:rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px, rgb(0, 0, 0) 0px 1px 0px; white-space:nowrap; flex-wrap:nowrap;">4h</b></span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(40, 124, 54), rgb(73, 193, 93)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:158.594px; right:5px; box-sizing:border-box; width:68.4062px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">11,785 / 11,785</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-image:linear-gradient(90deg, rgb(36, 62, 162), rgb(81, 116, 240)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:168.609px; right:5px; box-sizing:border-box; width:58.3906px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">8,969 / 8,969</span></div><div style="position:relative; clear:both; box-sizing:border-box; width:234px; height:14px; margin-top:2px; border-top:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); border-radius:3px; background-color:rgba(0, 0, 0, 0.62); overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:232px; height:12px; background-color:rgba(0, 0, 0, 0.72); flex-wrap:nowrap;"></div><div style="position:absolute; right:7.35938px; box-sizing:border-box; width:224.641px; height:12px; background-image:linear-gradient(90deg, rgb(111, 53, 178), rgb(191, 109, 243)); flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; color:rgb(244, 247, 250); font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">89,308 / 92,234</span></div></div></div></div></div></div></div>
VinceG