Data:UI/Pet bar: Difference between revisions

From Titans of Time
Jump to navigation Jump to search
VinceG (talk | contribs)
ToT addon: data update
VinceG (talk | contribs)
No edit summary
Line 1: Line 1:
<div style="display:block; box-sizing:border-box; width:250px; height:82px; border-top:0px none rgb(204, 204, 204); border-right:0px none rgb(204, 204, 204); border-bottom:0px none rgb(204, 204, 204); border-left:0px none rgb(204, 204, 204); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:center; flex-wrap:nowrap; position:relative;"><div style="display:block; clear:both; box-sizing:border-box; width:250px; height:90px; margin-bottom:4px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="display:block; position:relative; box-sizing:border-box; width:250px; height:90px; border-top:1px solid rgba(222, 164, 73, 0.28); border-right:1px solid rgba(222, 164, 73, 0.28); border-bottom:1px solid rgba(222, 164, 73, 0.28); border-left:1px solid rgba(222, 164, 73, 0.28); border-radius:6px; background-color:rgba(6, 8, 10, 0.58); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; 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; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; box-sizing:border-box; width:248px; height:88px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); background-image:linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.1)); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"></div><div style="display:block; position:absolute; top:8px; left:8px; right:216px; bottom:65px; 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-family:arial; font-size:9px; font-weight:400; line-height:15px; text-align:center; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap; z-index:5;">146</div><div style="display:block; position:absolute; top:7px; left:8px; right:6px; bottom:32px; box-sizing:border-box; width:234px; height:49px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap; z-index:3;"><div style="display:block; clear:both; box-sizing:border-box; width:234px; height:17px; padding-left:30px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; float:left; box-sizing:border-box; width:170px; height:17px; border-top:0px none rgb(242, 234, 214); border-right:0px none rgb(242, 234, 214); border-bottom:0px none rgb(242, 234, 214); border-left:0px none rgb(242, 234, 214); color:rgb(242, 234, 214); font-family:arial; font-size:11px; font-weight:700; line-height:16px; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; white-space:nowrap; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><span style="display:inline; box-sizing:border-box; border-top:0px none rgb(242, 234, 214); border-right:0px none rgb(242, 234, 214); border-bottom:0px none rgb(242, 234, 214); border-left:0px none rgb(242, 234, 214); color:rgb(242, 234, 214); font-family:arial; font-size:11px; font-weight:700; line-height:16px; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; white-space:nowrap; flex-wrap:nowrap;"><span style="display:inline; box-sizing:border-box; border-top:0px none rgb(242, 234, 214); border-right:0px none rgb(242, 234, 214); border-bottom:0px none rgb(242, 234, 214); border-left:0px none rgb(242, 234, 214); color:rgb(242, 234, 214); font-family:arial; font-size:11px; font-weight:700; line-height:16px; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; white-space:nowrap; flex-wrap:nowrap;">Wolfy</span></span></div></div><div style="display:block; box-sizing:border-box; width:234px; height:30px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"><div style="display:flex; position:absolute; top:59px; left:146px; bottom:-28px; box-sizing:border-box; width:88px; height:16px; margin-top:2px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap; justify-content:flex-end; gap:2px; z-index:4;"></div><div style="display:block; 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); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; box-sizing:border-box; width:232px; height:12px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); background-color:rgba(0, 0, 0, 0.72); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"></div><div style="display:block; position:absolute; box-sizing:border-box; width:232px; height:12px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); background-image:linear-gradient(90deg, rgb(40, 124, 54), rgb(73, 193, 93)); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; border-top:0px none rgb(244, 247, 250); border-right:0px none rgb(244, 247, 250); border-bottom:0px none rgb(244, 247, 250); border-left:0px none rgb(244, 247, 250); color:rgb(244, 247, 250); font-family:arial; font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-align:left; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">33,107 / 33,107</span></div><div style="display:block; 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); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; box-sizing:border-box; width:232px; height:12px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); background-color:rgba(0, 0, 0, 0.72); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"></div><div style="display:block; position:absolute; box-sizing:border-box; width:232px; height:12px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); background-image:linear-gradient(90deg, rgb(141, 31, 31), rgb(218, 51, 51)); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; flex-wrap:nowrap;"></div><span style="display:block; position:absolute; left:157.484px; right:5px; box-sizing:border-box; width:69.5156px; height:12px; border-top:0px none rgb(244, 247, 250); border-right:0px none rgb(244, 247, 250); border-bottom:0px none rgb(244, 247, 250); border-left:0px none rgb(244, 247, 250); color:rgb(244, 247, 250); font-family:arial; font-size:10px; font-weight:700; font-variant:tabular-nums; line-height:12px; text-align:left; text-shadow:rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 1px 1px; flex-wrap:nowrap; z-index:3;">32,328 / 32,328</span></div></div></div><div style="display:block; position:absolute; top:64px; left:8px; right:125px; bottom:-1px; box-sizing:border-box; width:115px; height:25px; border-top:0px none rgb(237, 242, 247); border-right:0px none rgb(237, 242, 247); border-bottom:0px none rgb(237, 242, 247); border-left:0px none rgb(237, 242, 247); color:rgb(237, 242, 247); font-family:arial; font-size:12px; font-weight:400; text-align:left; text-shadow:rgba(0, 0, 0, 0.85) 0px 1px 2px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap; z-index:8;">[[File:Spell 1.jpg|20x20px|link=]][[File:Spell 33.jpg|20x20px|link=]][[File:Spell 34.jpg|20x20px|link=]]</div></div></div></div>
<div style="box-sizing:border-box; width:250px; height:82px; 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:90px; 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:90px; border-top:1px solid rgba(222, 164, 73, 0.28); border-right:1px solid rgba(222, 164, 73, 0.28); border-bottom:1px solid rgba(222, 164, 73, 0.28); border-left:1px solid rgba(222, 164, 73, 0.28); 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:88px; 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:65px; 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:7px; left:8px; right:6px; bottom:32px; box-sizing:border-box; width:234px; height:49px; 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:170px; 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; flex-wrap:nowrap;">Baerbel</span></span></div></div><div style="box-sizing:border-box; width:234px; height:30px; flex-wrap:nowrap;"><div style="display:flex; position:absolute; top:59px; left:146px; bottom:-28px; box-sizing:border-box; width:88px; height:16px; margin-top:2px; overflow:hidden; flex-wrap:nowrap; justify-content:flex-end; gap:2px; z-index:4;"></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: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;">4,356 / 4,356</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(141, 31, 31), rgb(218, 51, 51)); 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;">4,136 / 4,136</span></div></div></div><div style="position:absolute; top:64px; left:8px; right:125px; bottom:-1px; box-sizing:border-box; width:115px; height:25px; overflow:hidden; flex-wrap:nowrap; z-index:8;">[[File:Spell 1.jpg|20x20px|link=]][[File:Spell 33.jpg|20x20px|link=]][[File:Spell 34.jpg|20x20px|link=]]</div></div></div></div>

Revision as of 05:39, 30 October 2026

55
Baerbel
4,356 / 4,356
4,136 / 4,136