Data:UI/Ability bar: Difference between revisions

From Titans of Time
Jump to navigation Jump to search
← Older edit
VinceG (talk | contribs)
editor
15,753 edits
ToT addon: data update
VinceG (talk | contribs)
editor
15,753 edits
ToT addon: data update
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display:block; box-sizing:border-box; width:565px; height:55px; margin-left:-233px; 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:left; flex-wrap:nowrap; position:relative;"><div style="display:block; position:relative; box-sizing:border-box; width:565px; height:55px; 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:left; flex-wrap:nowrap;"><div style="display:block; position:absolute; box-sizing:border-box; width:565px; height:55px; 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:left; flex-wrap:nowrap;"><div style="display:block; position:absolute; top:-43px; left:15px; right:497px; bottom:48px; box-sizing:border-box; width:50px; height:50px; margin-right:3px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; flex-wrap:nowrap;">[[File:Spell unshift.jpg|40x40px|link=]]</div><div style="display:block; position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; 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:left; flex-wrap:nowrap;"><div style="display:block; position:relative; box-sizing:border-box; width:50px; height:50px; 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:left; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div></div><div style="display:block; position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; 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:left; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined_40.png|40x40px|link=]]</div></div><div style="display:block; position:absolute; top:-43px; left:58px; right:454px; bottom:48px; box-sizing:border-box; width:50px; height:50px; margin-right:3px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.5; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; flex-wrap:nowrap; filter:grayscale(1);">[[File:Spell 73.jpg|40x40px|link=]]</div><div style="display:block; position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; 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:left; flex-wrap:nowrap;"><div style="display:block; position:relative; box-sizing:border-box; width:50px; height:50px; 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:left; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div></div><div style="display:block; position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; 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:left; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined_40.png|40x40px|link=]]</div></div><div style="display:block; float:left; box-sizing:border-box; width:15px; height:50px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:400; 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="display:block; box-sizing:border-box; width:15px; height:15px; padding-top:3px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:400; 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; opacity:0.5; flex-wrap:nowrap;"><div style="display:block; box-sizing:border-box; width:15px; height:15px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:400; 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;"><i style="display:inline-block; box-sizing:border-box; width:11.1562px; height:12px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:FontAwesome; font-size:12px; font-weight:400; line-height:12px; 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;"></i></div></div><div style="display:block; box-sizing:border-box; width:15px; height:15px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:400; 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;"><span style="display:inline; box-sizing:border-box; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:400; 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;">1</span></div><div style="display:block; box-sizing:border-box; width:15px; height:15px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:400; 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; opacity:0.5; flex-wrap:nowrap;"></div></div><div style="display:block; position:relative; float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.5; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; box-sizing:border-box; width:50px; height:50px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; flex-wrap:nowrap; filter:grayscale(1);">[[File:Spell 51.jpg|50x50px|link=]]</div><div style="display:block; position:absolute; box-sizing:border-box; width:50px; height:50px; 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:left; flex-wrap:nowrap;"><div style="display:block; position:relative; box-sizing:border-box; width:50px; height:50px; 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:left; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div></div><div style="display:block; position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; height:14px; padding-top:0.5px; padding-left:0.5px; border-top:0px none rgb(255, 0, 0); border-right:0px none rgb(255, 0, 0); border-bottom:0px none rgb(255, 0, 0); border-left:0px none rgb(255, 0, 0); color:rgb(255, 0, 0); font-family:arial; font-size:12px; font-weight:700; text-align:left; 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;">1</div><div style="display:block; position:absolute; top:35px; left:33.6406px; right:3px; bottom:1px; box-sizing:border-box; width:13.3594px; height:14px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:700; text-align:left; 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;">10</div><div style="display:block; position:absolute; box-sizing:border-box; width:50px; height:50px; 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:left; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined.png|50x50px|link=]]</div></div><div style="display:block; position:relative; float:left; box-sizing:border-box; width:50px; height:50px; margin-right:3px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"><div style="display:block; position:absolute; box-sizing:border-box; width:50px; height:50px; 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); border-radius:5px; color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; flex-wrap:nowrap;">[[File:Spell 62.jpg|50x50px|link=]]</div><div style="display:block; position:absolute; box-sizing:border-box; width:50px; height:50px; 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:left; flex-wrap:nowrap;"><div style="display:block; position:relative; box-sizing:border-box; width:50px; height:50px; 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:left; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div></div><div style="display:block; position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; height:14px; padding-top:0.5px; padding-left:0.5px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:700; text-align:left; 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;">2</div><div style="display:block; position:absolute; top:35px; left:40.3125px; right:3px; bottom:1px; box-sizing:border-box; width:6.6875px; height:14px; border-top:0px none rgb(223, 204, 174); border-right:0px none rgb(223, 204, 174); border-bottom:0px none rgb(223, 204, 174); border-left:0px none rgb(223, 204, 174); color:rgb(223, 204, 174); font-family:arial; font-size:12px; font-weight:700; text-align:left; 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;">2</div><div style="display:block; position:absolute; box-sizing:border-box; width:50px; height:50px; 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:left; flex-wrap:nowrap; z-index:3;">[[File:Spell cover_combined.png|50x50px|link=]]</div></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y:hidden; flex-wrap:nowrap;"></div><div style="display:block; 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); color:rgb(204, 204, 204); font-family:arial; font-size:12px; font-weight:400; text-align:left; box-shadow:rgba(85, 176, 255, 0.22) 0px 0px 0px 1px inset; opacity:0.7; overflow:hidden; overflow-x:hidden; overflow-y: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-top:0px none rgb(255, 255, 255); border-right:0px none rgb(255, 255, 255); border-bottom:0px none rgb(255, 255, 255); border-left:0px none rgb(255, 255, 255); border-radius:2px; background-color:rgba(0, 0, 0, 0.74); color:rgb(255, 255, 255); font-family:Arial; font-size:11px; font-weight:400; 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; border-top:0px none rgb(255, 255, 255); border-right:0px none rgb(255, 255, 255); border-bottom:0px none rgb(255, 255, 255); border-left:0px none rgb(255, 255, 255); color:rgb(255, 255, 255); font-family:FontAwesome; font-size:11px; font-weight:400; line-height:11px; text-align:center; flex-wrap:nowrap;">🔓</span></span></div></div></div>
<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; position:relative;"><div style="position:relative; box-sizing:border-box; width:565px; height:55px;"><div style="position:absolute; box-sizing:border-box; width:565px; height:55px;"><div style="position:absolute; top:-43px; left:15px; right:497px; bottom:48px; 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;"><div style="position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; border-radius:5px;"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell unshift.jpg|40x40px|link=]]</span></div><div style="position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; z-index:3;"><span style="position:absolute; left:0; top:0; width:40px; height:40px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined_40.png|80x40px|link=]]</span></span></div></div><div style="position:absolute; top:-43px; left:58px; right:454px; bottom:48px; 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; opacity:0.5; overflow:hidden;"><div style="position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; border-radius:5px; filter:grayscale(1);"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 73.jpg|40x40px|link=]]</span></div><div style="position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; right:10px; bottom:10px; box-sizing:border-box; width:40px; height:40px; z-index:3;"><span style="position:absolute; left:0; top:0; width:40px; height:40px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined_40.png|80x40px|link=]]</span></span></div></div><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;"><div style="box-sizing:border-box; width:15px; height:15px; padding-top:3px; opacity:0.5;"><div style="box-sizing:border-box; width:15px; height:15px;"><i style="display:inline-block; box-sizing:border-box; width:11.1562px; height:12px; font-family:FontAwesome; line-height:12px;"></i></div></div><div style="box-sizing:border-box; width:15px; height:15px;"><span style="box-sizing:border-box;">1</span></div><div style="box-sizing:border-box; width:15px; height:15px; opacity:0.5;"></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; opacity:0.5; overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px; filter:grayscale(1);"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 1.jpg|50x50px|link=]]</span></div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(255, 0, 0); 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; z-index:2;">1</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; z-index:3;"><span style="position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined.png|100x50px|link=]]</span></span></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; opacity:0.5; overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px; filter:grayscale(1);"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 87.jpg|50x50px|link=]]</span></div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(255, 0, 0); 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; z-index:2;">2</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; z-index:3;"><span style="position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined.png|100x50px|link=]]</span></span></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;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px;"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 78.jpg|50x50px|link=]]</span></div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; 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; z-index:2;">3</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; z-index:3;"><span style="position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined.png|100x50px|link=]]</span></span></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; opacity:0.5; overflow:hidden;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px; filter:grayscale(1);"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 68.jpg|50x50px|link=]]</span></div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; height:14px; padding-top:0.5px; padding-left:0.5px; color:rgb(255, 0, 0); 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; z-index:2;">4</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; z-index:3;"><span style="position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined.png|100x50px|link=]]</span></span></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;"></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;"></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;"></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;"></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;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px;"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 83.jpg|50x50px|link=]]</span></div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; 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; z-index:2;">Q</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; z-index:3;"><span style="position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined.png|100x50px|link=]]</span></span></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;"><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; border-radius:5px;"><span style="position:absolute; left:0; top:0; line-height:0;">[[File:Spell 69.jpg|50x50px|link=]]</span></div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px;"><div style="position:relative; box-sizing:border-box; width:50px; height:50px; overflow:hidden;"></div></div><div style="position:absolute; top:2px; left:3px; right:12px; bottom:34px; box-sizing:border-box; width:35px; 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; z-index:2;">E</div><div style="position:absolute; box-sizing:border-box; width:50px; height:50px; z-index:3;"><span style="position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden; line-height:0;"><span style="position:absolute; left:0px; top:0px; line-height:0;">[[File:Spell cover_combined.png|100x50px|link=]]</span></span></div></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; 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;">🔓</span></span></div></div></div>

Latest revision as of 05:59, 30 October 2026

1
1
2
3
4
Q
E
🔓
Retrieved from "https://www.titansoftime.com/wiki/index.php?title=Data:UI/Ability_bar&oldid=11073"