Data:UI/Item bar: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
ToT addon: data update |
||
| Line 1: | Line 1: | ||
<div style="box-sizing:border-box; width:565px; height:55px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; flex-wrap:nowrap; position:relative;"><div style="position:relative; box-sizing:border-box; width:565px; height:55px; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:565px; height:55px; overflow:hidden; flex-wrap:nowrap;"><div style="float:left; box-sizing:border-box; width:15px; height:50px; color:rgb(223, 204, 174); text-align:center; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap;"><div style="box-sizing:border-box; width:15px; height:15px; padding-top:3px; opacity:0.5; flex-wrap:nowrap;"><div style="box-sizing:border-box; width:15px; height:15px; flex-wrap:nowrap;"><i style="display:inline-block; box-sizing:border-box; width:11.1562px; height:12px; font-family:FontAwesome; line-height:12px; flex-wrap:nowrap;"></i></div></div><div style="box-sizing:border-box; width:15px; height:15px; flex-wrap:nowrap;"><span style="box-sizing:border-box; flex-wrap:nowrap;">1</span></div><div style="box-sizing:border-box; width:15px; height:15px; opacity:0.5; flex-wrap:nowrap;"></div></div><div style="position:relative; float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-radius:5px; overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px; flex-wrap:nowrap;">[[File:Item 7.jpg|50x50px|link=]]</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden; flex-wrap:nowrap;"></div></div><div style="position:absolute; top:35px; left:39.8125px; right:3px; bottom:1px; box-sizing:border-box; width:7.1875px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(223, 204, 174); font-weight:700; text-align:right; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap; z-index:2;">8</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined.png|50x50px|link=]]</div><div style="position:absolute; top:2px; left:3px; right:33.1406px; bottom:34px; box-sizing:border-box; width:13.8594px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(223, 204, 174); font-weight:700; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap; z-index:2;">s1</div></div><div style="position:relative; float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-radius:5px; | <div style="box-sizing:border-box; width:565px; height:55px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; flex-wrap:nowrap; position:relative;"><div style="position:relative; box-sizing:border-box; width:565px; height:55px; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:565px; height:55px; overflow:hidden; flex-wrap:nowrap;"><div style="float:left; box-sizing:border-box; width:15px; height:50px; color:rgb(223, 204, 174); text-align:center; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap;"><div style="box-sizing:border-box; width:15px; height:15px; padding-top:3px; opacity:0.5; flex-wrap:nowrap;"><div style="box-sizing:border-box; width:15px; height:15px; flex-wrap:nowrap;"><i style="display:inline-block; box-sizing:border-box; width:11.1562px; height:12px; font-family:FontAwesome; line-height:12px; flex-wrap:nowrap;"></i></div></div><div style="box-sizing:border-box; width:15px; height:15px; flex-wrap:nowrap;"><span style="box-sizing:border-box; flex-wrap:nowrap;">1</span></div><div style="box-sizing:border-box; width:15px; height:15px; opacity:0.5; flex-wrap:nowrap;"></div></div><div style="position:relative; float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-radius:5px; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px; flex-wrap:nowrap;">[[File:Item 7.jpg|50x50px|link=]]</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden; flex-wrap:nowrap;"></div></div><div style="position:absolute; top:35px; left:39.8125px; right:3px; bottom:1px; box-sizing:border-box; width:7.1875px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(223, 204, 174); font-weight:700; text-align:right; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap; z-index:2;">8</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined.png|50x50px|link=]]</div><div style="position:absolute; top:2px; left:3px; right:33.1406px; bottom:34px; box-sizing:border-box; width:13.8594px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(223, 204, 174); font-weight:700; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap; z-index:2;">s1</div></div><div style="position:relative; float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-radius:5px; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; overflow:hidden; flex-wrap:nowrap;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px; flex-wrap:nowrap;">[[File:Item 8.jpg|50x50px|link=]]</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; flex-wrap:nowrap;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden; flex-wrap:nowrap;"></div></div><div style="position:absolute; top:35px; left:33.1406px; right:3px; bottom:1px; box-sizing:border-box; width:13.8594px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(223, 204, 174); font-weight:700; text-align:right; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap; z-index:2;">12</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined.png|50x50px|link=]]</div><div style="position:absolute; top:2px; left:3px; right:33.1406px; bottom:34px; box-sizing:border-box; width:13.8594px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(223, 204, 174); font-weight:700; text-shadow:rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; flex-wrap:nowrap; z-index:2;">s2</div></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><div style="float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; border-top:1px dotted rgb(119, 119, 119); border-right:1px dotted rgb(119, 119, 119); border-bottom:1px dotted rgb(119, 119, 119); border-left:1px dotted rgb(119, 119, 119); border-radius:5px; background-color:rgb(0, 0, 0); box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; flex-wrap:nowrap;"></div><span style="display:flex; position:relative; float:left; box-sizing:border-box; width:15px; height:16px; min-width:15px; max-width:15px; margin-top:17px; border-radius:2px; background-color:rgba(0, 0, 0, 0.74); color:rgb(255, 255, 255); font-family:Arial; font-size:11px; line-height:16px; text-align:center; flex-wrap:nowrap; justify-content:center; align-items:center; z-index:20;"><span style="display:block; box-sizing:border-box; width:10.2188px; height:11px; font-family:FontAwesome; line-height:11px; flex-wrap:nowrap;">🔓</span></span></div></div></div> | ||
