Data:UI/Player frame: Difference between revisions
Jump to navigation
Jump to search
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;..." |
No edit summary |
||
| Line 1: | Line 1: | ||
<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;">[Player]</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, | <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;">[Player]</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,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; 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> | ||
