Advertisement
dragon55

Untitled

Jun 8th, 2018
318
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 109.32 KB | None | 0 0
  1. <html><head>
  2.         <meta charset="utf-8">
  3.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.         <meta name="viewport" content="width=device-width, initial-scale=1">
  5.         <meta name="description" content="3rb.be Onyx Extention By Siniri">
  6.         <meta name="keywords" content="agario, 3rb.be, io, dragon, extention, hp, اقاريو, أقاريو, agar, العربيه, أقاريو العربية">
  7.         <meta name="robots" content="index, follow">
  8.         <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  9.         <meta name="apple-mobile-web-app-capable" content="yes">
  10.         <title>Hp 4 Ever !</title>
  11.         <link id="ficon" rel="icon" type="image/png" href="https://i.imgur.com/2SpZ8kH.png">
  12.         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  13.         <link rel="stylesheet" type="text/css" href="http://darknessxd.tk/dssiniri88765/bundle.css">
  14.         <script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.ar.MAs_8J0uAr0.O/m=auth2/rt=j/sv=1/d=1/ed=1/am=QQE/rs=AGLTcCNhJzqcd77NOuXgytIWKaKDkjVVug/cb=gapi.loaded_0" async=""></script>
  15.         <link href="https://fonts.googleapis.com/css?family=Ubuntu:700" rel="stylesheet" type="text/css">
  16.         <script type="text/javascript" src="http://darknessxd.tk/dssiniri88765/lib.js"></script>
  17.         <link href="http://darknessxd.tk/dssiniri88765/onyx.css" rel="stylesheet">
  18.         <link href="http://darknessxd.tk/dssiniri88765/bundle.js"></script>
  19.         <script src="https://unpkg.com/tippy.js@2.0.4/dist/tippy.all.min.js"></script>
  20.         <script type="text/javascript" async="" src="http//darknessxd.tk/dssiniri88765/recaptcha.js"></script>
  21.         <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
  22.         <link href="http://darknessxd.tk/cdn/css/jquery.minicolors.min.css" rel="stylesheet">
  23.         <link href="http://darknessxd.tk/cdn/css/alertify.rtl.css" rel="stylesheet">
  24.         <link href="https://fonts.googleapis.com/css?family=Oswald:300,400|Raleway:300,400,500|Ubuntu:400,500,700" rel="stylesheet">
  25.         <link href="http://darknessxd.tk/dssiniri88765/onyx.css" rel="stylesheet">
  26.         <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  27.         <script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
  28.         <script src="http://darknessxd.tk/cdn/js/jquery.minicolors.min.js"></script>
  29.         <script src="http://darknessxd.tk/cdn/js/alertify.min.js"></script>
  30.         <script src="http://darknessxd.tk/dssiniri88765/siniri.js"></script>
  31.         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  32.         <style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img{border:none}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
  33.             .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding:10px;border-radius:8px}.fb_dialog_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_loader{background-color:#f6f7f9;border:1px solid #606060;font-size:24px;padding:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_dialog_top_left{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}.fb_dialog_bottom_right{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialog_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{margin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{width:auto;height:auto;min-height:initial;min-width:initial;background:none}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{color:#fff;display:block;padding-top:20px;clear:both;font-size:18px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;bottom:0;left:0;right:0;top:0;width:100%;min-height:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));border:1px solid #29487d;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f6f7f9;border:1px solid #555;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-repeat:no-repeat;background-position:50% 50%;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
  34.             .fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_widget_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}
  35.             .fb_customer_chat_bounce_in{animation-duration:250ms;animation-name:fb_bounce_in}.fb_customer_chat_bounce_out{animation-duration:250ms;animation-name:fb_fade_out}.fb_customer_chat_bubble_pop_in{animation-duration:250ms;animation-name:fb_customer_chat_bubble_bounce_in_animation}.fb_invisible_flow{display:inherit;height:0;overflow-x:hidden;width:0}.fb_mobile_overlay_active{background-color:#fff;height:100%;overflow:hidden;position:fixed;visibility:hidden;width:100%}@keyframes fb_fade_out{from{opacity:1}to{opacity:0}}@keyframes fb_bounce_in{0%{opacity:0;transform:scale(.8, .8);transform-origin:100% 100%}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8;transform:scale(1.03, 1.03)}90{opacity:.9}100%{opacity:1;transform:scale(1, 1)}}@keyframes fb_customer_chat_bubble_bounce_in_animation{0%{bottom:6pt;opacity:0;transform:scale(0, 0);transform-origin:center}70%{bottom:18pt;opacity:1;transform:scale(1.2, 1.2)}100%{transform:scale(1, 1)}}</style>
  36.  
  37.         <style></style>
  38.     </head>
  39.     <body>
  40.             <body style="background: rgb(0, 0, 0); cursor: url(&quot;&quot;), auto;">
  41.                     <div id="loading-screen" style="display: none;"><div class="ls-title">HSLO V4</div><div class="ls-spinner"><span id="ls-icon"><i class="fa fa-circle-o-notch fa-spin"></i></span><span id="ls-message"> Loading...</span></div></div>
  42.                    
  43.                     <div id="Recaptcha-container">
  44.                         <div id="Recaptcha"></div>
  45.                     </div>
  46.                  
  47.                     <div id="huds">
  48.                             <div id="leaderboard-hud" style="top: 30px;">
  49.                                 <div id="leaderboard-head" hstr="html.leaderboard.title" style="font-size: 31px;">HSLO</div>
  50.                                 <div id="leaderboard-positions" style="font-size: 16px;">
  51.                                     <span class="lb-position"><span lbdata="name">farhans</span>  <span lbdata="position">1</span></span>
  52.                                     <span class="lb-position"><span lbdata="name">રeal iqbalYT⚡</span>  <span lbdata="position">2</span></span>
  53.                                     <span class="lb-position"><span lbdata="name">Teguh</span>  <span lbdata="position">3</span></span>
  54.                                     <span class="lb-position"><span lbdata="name">unnamed cell</span>  <span lbdata="position">4</span></span>
  55.                                     <span class="lb-position"><span lbdata="name">Davinchi</span>  <span lbdata="position">5</span></span>
  56.                                     <span class="lb-position"><span lbdata="name">PCX</span>  <span lbdata="position">6</span></span>
  57.                                     <span class="lb-position"><span lbdata="name">Dedekbreng spar</span>  <span lbdata="position">7</span></span>
  58.                                     <span class="lb-position"><span lbdata="name">D C</span>  <span lbdata="position">8</span></span>
  59.                                     <span class="lb-position"><span lbdata="name">Profile #1 @VN@</span>  <span lbdata="position">9</span></span>
  60.                                     <span class="lb-position"><span lbdata="name">ivan said team?</span>  <span lbdata="position">10</span></span>
  61.                                     <span class="lb-position" style="display: none;"><span lbdata="name">profile 1</span>  <span lbdata="position">58</span></span>
  62.                                 </div>
  63.                                 <div id="leaderboard-chart">
  64.                                     <div class="chart-bar red"></div>
  65.                                     <div class="chart-bar green"></div>
  66.                                     <div class="chart-bar blue"></div>
  67.                                 </div>
  68.                             </div>
  69.                    
  70.                             <div id="message-hud">
  71.                                 <div id="emojiContainer"><img src="http://2coolife.com/HSLOv430/emojis/angry.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/angry-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/cool.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/crying.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/crying-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/embarrassed.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/happy.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/happy-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/happy-2.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/in-love.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/kiss.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/laughing.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/laughing-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/poo.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/sad.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/sad-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/shocked.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/shocked-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/sick.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/sleeping.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/thinking.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/tongue.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/tongue-1.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/vomit.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/wink.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/thinking-distort.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/pepe-thumbsup.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/pepe-hype.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/pepe-tears2much.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/pepe-gunfire.gif" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/pepe-okgame.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/pepe-heart.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/parrot-thuglife.gif" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/blob-happy.png" class="emojiPreview"><img src="http://2coolife.com/HSLOv430/emojis/leny.png" class="emojiPreview"></div>
  72.                                 <input id="message" hstr="placeholder.huds.enterChatMsg" placeholder="Enter chat message...">
  73.                             </div>
  74.                    
  75.                             <div id="chatroom" style="display: none;" class="ps ps--theme_default" data-ps-id="a8d51cfe-45f3-2291-6ceb-06e4a4bfd083"><div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div><div class="chatroom-row"><span class="chattime">9:40</span> <i class="fa fa-bell"></i> <span class="nick">HSLO</span> <span class="message">Connected to HSLO Networks.</span></div><div class="chatroom-row"><span class="chattime">9:43</span> <i class="fa fa-bell"></i> <span class="nick">profile 1</span> <span class="message">joined the chatroom.</span></div><div class="chatroom-row"><span class="chattime">9:47</span> <i class="fa fa-bell"></i> <span class="nick">profile 1</span> <span class="message">joined the chatroom.</span></div></div>
  76.                    
  77.                             <div id="stats-hud">PIO: 0|0   <i class="fa fa-unlock-alt"></i></div>
  78.                    
  79.                             <div id="targeting-hud" style="display: none; top: 35px;">
  80.                                 <div>
  81.                                     <div class="spectate-mode-btn active" id="spectate-mode-top"><i class="fa fa-video-camera"></i></div>
  82.                                     <div class="spectate-mode-btn" id="spectate-mode-mouse"><i class="fa fa-mouse-pointer"></i></div>
  83.                                     <div class="spectate-mode-btn" id="spectate-mode-target"><i class="fa fa-bullseye"></i></div>
  84.                                 </div>
  85.                                 <div id="targeting-no-1" class="static"><span hstr="html.huds.targeting_bigCellVp">BIGGEST CELL VIEWPORT</span> <i class="fa fa-video-camera"></i></div>
  86.                                 <div id="targeting-mouse" class="static" style="display: none;"><span hstr="html.huds.targeting_followVp">VIEWPORT FOLLOWING MOUSE</span> <i class="fa fa-mouse-pointer"></i></div>
  87.                                 <div id="targeting-players" style="display: none;">
  88.                                     <div class="static"><span hstr="html.huds.targeting_players">TARGETING PLAYERS</span> <i class="fa fa-bullseye"></i></div>
  89.                                     <div id="targeting-player1"><span class="nick">Target 1</span> [<span class="mass">NOT SELECTED</span>]</div>
  90.                                     <div id="targeting-player2"><span class="nick">Target 2</span> [<span class="mass">NOT SELECTED</span>]</div>
  91.                                     <div id="targeting-playersMass"><span hstr="html.huds.targeting_totalMass">TOTAL MASS</span> [<span class="mass">0</span>]</div>
  92.                                 </div>
  93.                             </div>
  94.                    
  95.                             <div id="teamlist-hud" style="top: 45px;">
  96.                                 <div id="teams-vs">
  97.                                     <div class="team-vs-info">
  98.                                         <div id="team-vs-1">
  99.                                             <div id="teamlist-alive1" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
  100.                                             <div id="teamlist-spectate1" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
  101.                                             <div id="teamlist-totalmass1" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
  102.                                         </div>
  103.                                         <div id="team-vs-2">
  104.                                             <div id="teamlist-alive2" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
  105.                                             <div id="teamlist-spectate2" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
  106.                                             <div id="teamlist-totalmass2" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
  107.                                         </div>
  108.                                     </div>
  109.                                     <div class="team-vs-bar"><div class="team-vs-bar-inner"></div></div>
  110.                                 </div>
  111.                                 <div id="teamlist-head">
  112.                                     <i class="fa fa-bars" aria-hidden="true"></i> <span hstr="html.huds.teamlist_title">Team Players</span>
  113.                                 </div>
  114.                                 <div id="teamlist-positions"></div>
  115.                                 <div id="info-tp">
  116.                                     <div id="teamlist-alive" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
  117.                                     <div id="teamlist-spectate" class="team-info"><i class="fa fa-pause"></i> <span>3</span></div>
  118.                                     <div id="teamlist-totalmass" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
  119.                                 </div>
  120.                             </div>
  121.                    
  122.                             <div class="minimap-head" style="bottom: 209px;">
  123.                                 <button class="minimap-button" id="minimap-show-1">1</button>
  124.                                 <button class="minimap-button" id="minimap-show-2">2</button>
  125.                                 <button class="minimap-button active" id="minimap-show-0">All</button>
  126.                                 <div id="fps-hud">57fps [75Hz]</div>
  127.                             </div>
  128.                             <div id="minimap-hud" style="width: 200px; height: 200px;">
  129.                                 <div class="minimap-grid" style="width: 200px; height: 200px;">
  130.                                     <div class="minimap-row" style="width: 200px; height: 40px;">
  131.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A1</div>
  132.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A2</div>
  133.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A3</div>
  134.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A4</div>
  135.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A5</div>
  136.                                     </div>
  137.                                     <div class="minimap-row" style="width: 200px; height: 40px;">
  138.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B1</div>
  139.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B2</div>
  140.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B3</div>
  141.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B4</div>
  142.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B5</div>
  143.                                     </div>
  144.                                     <div class="minimap-row" style="width: 200px; height: 40px;">
  145.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C1</div>
  146.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C2</div>
  147.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C3</div>
  148.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C4</div>
  149.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C5</div>
  150.                                     </div>
  151.                                     <div class="minimap-row" style="width: 200px; height: 40px;">
  152.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D1</div>
  153.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D2</div>
  154.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D3</div>
  155.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D4</div>
  156.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D5</div>
  157.                                     </div>
  158.                                     <div class="minimap-row" style="width: 200px; height: 40px;">
  159.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E1</div>
  160.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E2</div>
  161.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E3</div>
  162.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E4</div>
  163.                                         <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E5</div>
  164.                                     </div>
  165.                                 </div>
  166.                    
  167.                                 <canvas id="minimap-nodes" width="200" height="200"></canvas>
  168.                             </div>
  169.                    
  170.                             <div id="notifications" style="font-size: 18px;"></div>
  171.                         </div>
  172.  
  173.         <div class="modal fade" id="inPageModal" role="dialog">
  174.             <div class="modal-dialog">
  175.                 <div class="modal-content">
  176.                     <div class="modal-header">
  177.                         <button type="button" class="close" data-dismiss="modal">×</button>
  178.                         <h4 id="inPageModalTitle" class="modal-title">Failed to Load</h4>
  179.                     </div>
  180.                     <div id="inPageModalBody" class="modal-body">
  181.                         <p>Failed to load. Please check your connection!</p>
  182.                         <div class="center">
  183.                             <div class="loader"></div>
  184.                         </div>
  185.                     </div>
  186.                     <div class="modal-footer">
  187.                         <button type="button" class="sh-btn sh-btn-primary" data-dismiss="modal">Close</button>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.         <div class="modal fade" id="hotkeysModal" role="dialog">
  193.             <div class="modal-dialog">
  194.                 <div class="modal-content">
  195.                     <div id="hotkeysHeader" class="modal-header">
  196.                         <button type="button" class="close" data-dismiss="modal">×</button>
  197.                         <h4 id="hotkeysModalTitle" class="modal-title">Hotkeys</h4>
  198.                     </div>
  199.                     <div id="hotkeysModalBody" class="modal-body"></div>
  200.                     <div class="modal-footer">
  201.                         <button type="button" class="sh-btn sh-btn-primary" data-dismiss="modal">Close</button>
  202.                     </div>
  203.                 </div>
  204.             </div>
  205.         </div>
  206.         <div id="menu-overlay" style="">
  207.        
  208.  
  209.                 <div class="hslo-skin-menu">
  210.                     <div class="center">
  211.                         <div class="hslo-skin-input">
  212.                             <div class="title">Username</div>
  213.                             <input id="hslo-skin-username">
  214.                         </div>
  215.                         <div class="hslo-skin-input">
  216.                             <div class="title">Password</div>
  217.                             <input type="password" id="hslo-skin-password">
  218.                         </div>
  219.                         <button class="menu-button" id="hslo-skin-submit">Login</button>
  220.                         <button class="menu-button" id="hslo-skin-close">Close</button>
  221.                     </div>
  222.                 </div>
  223.        
  224.                 <div class="menu-blur"></div>
  225.                 <div class="control-bar-container">
  226.                     <div class="control-bar">
  227.                         <div class="bar-button-container">
  228.                             <div class="bar-button-bg settings"></div>
  229.                             <div class="bar-button-bg dummy"></div>
  230.                             <div class="bar-button-bg play"></div>
  231.                             <div class="bar-button-bg spectate"></div>
  232.                             <div class="bar-button-bg inputs"></div>
  233.                             <div class="bar-button-bg theme"></div>
  234.                         </div>
  235.                         <div class="bar-button-container">
  236.                             <div class="bar-button" id="button-settings">
  237.                                 <i class="material-icons">tune</i>
  238.                                 <div class="text">
  239.                                     <span hstr="html.mainMenu.btn_settings">Settings</span>
  240.                                 </div>
  241.                             </div>
  242.                             <div class="bar-button dummy"></div>
  243.                             <div class="bar-button" id="button-play">
  244.                                 <i class="material-icons">play_arrow</i>
  245.                                 <div class="text">
  246.                                     <span hstr="html.mainMenu.btn_play">Play</span>
  247.                                 </div>
  248.                             </div>
  249.                             <div class="bar-button" id="button-spectate">
  250.                                 <i class="material-icons">remove_red_eye</i>
  251.                                 <div class="text">
  252.                                     <span hstr="html.mainMenu.btn_spectate">Spectate</span>
  253.                                 </div>
  254.                             </div>
  255.                             <div class="bar-button" id="button-inputs">
  256.                                 <i class="material-icons">keyboard</i>
  257.                                 <div class="text">
  258.                                     <span hstr="html.mainMenu.btn_inputs">Inputs</span>
  259.                                 </div>
  260.                             </div>
  261.                             <div class="bar-button" id="button-theme">
  262.                                 <i class="material-icons">color_lens</i>
  263.                                 <div class="text">
  264.                                     <span hstr="html.mainMenu.btn_theme">Theme</span>
  265.                                 </div>
  266.                             </div>
  267.                         </div>
  268.                     </div>
  269.                     <div class="bar-circle-outer">
  270.                         <div class="bar-circle">
  271.                             <div class="skin-preview" style="background: url(&quot;http://i.imgur.com/nRqSis7.png&quot;);"></div>
  272.                         </div>
  273.                     </div>
  274.                     <div class="skin-wheel">
  275.                         <div class="skin-wheel-bg"></div>
  276.                         <div class="skin-selector one" value="1" style="background: url(&quot;http://i.imgur.com/nRqSis7.png&quot;);"></div>
  277.                         <div class="skin-selector two" value="2"></div>
  278.                         <div class="skin-selector three" value="3"></div>
  279.                         <div class="skin-selector four" value="4"></div>
  280.                         <div class="skin-selector five" value="5"></div>
  281.                         <div class="skin-selector six" value="6"></div>
  282.                         <div class="skin-selector seven" value="7"></div>
  283.                         <div class="skin-selector eight" value="8"></div>
  284.                     </div>
  285.                 </div>
  286.        
  287.                 <div id="player-data">
  288.                     <button id="streamMode"><i class="fa fa-eye"></i></button>
  289.                     <input class="menu-inputs" id="tag" hstr="placeholder.mainMenu.input_tag1" maxlength="10" placeholder="Tag">
  290.                     <div class="double-tags" style="display: none;">
  291.                         <input class="menu-inputs" id="tag2" hstr="placeholder.mainMenu.input_tag2" maxlength="10" placeholder="Tag 2">
  292.                         <button class="menu-button tag-buttons active-tag" id="normal-tag"><i class="fa fa-tag"></i></button>
  293.                         <button class="menu-button tag-buttons" id="double-tag"><i class="fa fa-tags"></i></button>
  294.                     </div>
  295.                     <input class="menu-inputs" id="nick" hstr="placeholder.mainMenu.input_nick" maxlength="15" placeholder="Nick">
  296.                     <input class="menu-inputs" id="skin" hstr="placeholder.mainMenu.input_skinUrl" maxlength="60" placeholder="Skin URL (imgur)">
  297.                    
  298. <select id="gamemode" class="menu-inputs" onchange="setserver($(this).val());" required="">
  299.                             <option id="option_ffa1" style="background-color:#fff;color:#000;" value="46.105.160.57:8801">FFA (1)</option>
  300.                            <option id="option_ffa2" style="background-color:#fff;color:#000;" value="46.105.160.57:8802">FFA (2)</option>
  301.                            <option id="option_ffa3" style="background-color:#fff;color:#000;" value="46.105.160.57:8803">FFA (3)</option>
  302.                            <option id="option_ffa4" style="background-color:#fff;color:#000;" value="46.105.160.57:8804">FFA (4)</option>
  303.                            <option id="option_ffa5" style="background-color:#fff;color:#000;" value="46.105.160.57:8805">FFA (5)</option>
  304.                            <option id="option_ffa6" style="background-color:#fff;color:#000;" value="46.105.160.57:8806">FFA (6)</option>
  305.                            <option id="option_ffaplus7" style="background-color:#fff;color:#000;" value="46.105.160.57:4407">FFA (7)</option>
  306.                            <option id="option_ffaplus8" style="background-color:#fff;color:#000;" value="46.105.160.57:4408">FFA (8)</option>
  307.                            <option id="option_ffaplus9" style="background-color:#fff;color:#000;" value="46.105.160.57:4409">FFA (9)</option>
  308.                            <option id="option_ffaplus10" style="background-color:#fff;color:#000;" value="46.105.160.57:4410">FFA (10)</option>
  309.                            <option id="option_ffaplus11" style="background-color:#fff;color:#000;" value="46.105.160.57:4401">FFA (11)</option>
  310.                            <option id="option_ffaplus12" style="background-color:#fff;color:#000;" value="46.105.160.57:4402">FFA (12)</option>
  311.                            <option id="option_ffaplus13" style="background-color:#fff;color:#000;" value="46.105.160.57:4403">FFA (13)</option>
  312.                            <option id="option_ffaplus14" style="background-color:#fff;color:#000;" value="46.105.160.56:8814">FFA (14)</option>
  313.                            <option id="option_ffaplus15" style="background-color:#fff;color:#000;" value="46.105.160.56:8815">FFA (15)</option>
  314.                                    </select>
  315.                                    <button id="spectate-btn" onclick="spectate(); return false;" class="sh-btn sh-btn-secondary">Spectate</button>
  316.                                    <button type="button" id="play-btn" onclick="play(document.getElementById('nick').value); return false;" class="sh-btn sh-btn-primary">Play</button>
  317.                    
  318.                    
  319.                 </div>
  320.  
  321.                 <div id="settings" class="menu-panel">
  322.                         <div class="settings-close"><i class="fa fa-times" aria-hidden="true"></i></div>
  323.                         <div class="settings-container ps ps--theme_default" data-ps-id="d6aacbab-5d8c-2338-f157-3d0e49b4ec24">
  324.                             <div class="row">
  325.                                 <span class="title" hstr="html.settingMenu.language">Language</span>
  326.                                 <span class="settings-options" type="options" name="language">
  327.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  328.                                     <b value="EN" class="active">English</b>
  329.                                     <b value="JA">Japanese</b>
  330.                                     <b value="ZH">Chinese</b>
  331.                                     <b value="KO">Korean</b>
  332.                                     <b value="ES">Spanish</b>
  333.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  334.                                 </span>
  335.                             </div>
  336.                             <div class="row divider"></div>
  337.                             <div class="row">
  338.                                 <span class="title" hstr="html.settingMenu.CellAnimation">Animation delay</span>
  339.                                 <span class="settings-options" type="range" name="CellAnimation">
  340.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  341.                                     <span value="150" step="10" min="100" max="200" class="outer"><span class="inner" style="width: 50px;"></span></span>
  342.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  343.                                     <span class="range-value">[150]</span>
  344.                                 </span>
  345.                             </div>
  346.                             <div class="row">
  347.                                 <span class="title" hstr="html.settingMenu.eatAnimation">Cell eat [sucking] animation</span>
  348.                                 <span class="settings-options" type="options" name="eatAnimation">
  349.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  350.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  351.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  352.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  353.                                 </span>
  354.                             </div>
  355.                             <div class="row">
  356.                                 <span class="title" hstr="html.settingMenu.cellTextAnimation">Cell text animation</span>
  357.                                 <span class="settings-options" type="options" name="cellTextAnimation">
  358.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  359.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  360.                                     <b value="stepped" hstr="html.settingMenu.opt_stepped">Stepped</b>
  361.                                     <b value="on" hstr="html.settingMenu.opt_linear" class="active">Linear</b>
  362.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  363.                                 </span>
  364.                             </div>
  365.                             <div class="row divider"></div>
  366.                             <div class="row">
  367.                                 <span class="title" hstr="html.settingMenu.zoomSpeed">Zoom speed</span>
  368.                                 <span class="settings-options" type="range" name="zoomSpeed">
  369.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  370.                                     <span value="92" step="2" min="70" max="96" class="outer"><span class="inner" style="width: 84px;"></span></span>
  371.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  372.                                     <span class="range-value">[92]</span>
  373.                                 </span>
  374.                             </div>
  375.                             <div class="row">
  376.                                 <span class="title" hstr="html.settingMenu.cameraSpeed">Camera speed [2 default]</span>
  377.                                 <span class="settings-options" type="range" name="cameraSpeed">
  378.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  379.                                     <span value="2" step="1" min="1" max="20" class="outer"><span class="inner" style="width: 5px;"></span></span>
  380.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  381.                                     <span class="range-value">[2]</span>
  382.                                 </span>
  383.                             </div>
  384.                             <div class="row">
  385.                                 <span class="title" hstr="html.settingMenu.autoZoom">Auto zoom</span>
  386.                                 <span class="settings-options" type="options" name="autoZoom">
  387.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  388.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  389.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  390.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  391.                                 </span>
  392.                             </div>
  393.                             <div class="row divider"></div>
  394.                             <div class="row">
  395.                                 <span class="title" hstr="html.settingMenu.autoHideText">Auto hide text</span>
  396.                                 <span class="settings-options" type="options" name="autoHideText">
  397.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  398.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  399.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  400.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  401.                                 </span>
  402.                             </div>
  403.                             <div class="row">
  404.                                 <span class="title" hstr="html.settingMenu.hideOwnNick">Hide own nick</span>
  405.                                 <span class="settings-options" type="options" name="hideOwnNick">
  406.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  407.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  408.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  409.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  410.                                 </span>
  411.                             </div>
  412.                             <div class="row">
  413.                                 <span class="title" hstr="html.settingMenu.hideOwnMass">Hide own mass</span>
  414.                                 <span class="settings-options" type="options" name="hideOwnMass">
  415.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  416.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  417.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  418.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  419.                                 </span>
  420.                             </div>
  421.                             <div class="row divider"></div>
  422.                             <div class="row">
  423.                                 <span class="title" hstr="html.settingMenu.cellNick">Cell nick</span>
  424.                                 <span class="settings-options" type="options" name="cellNick">
  425.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  426.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  427.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  428.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  429.                                 </span>
  430.                             </div>
  431.                             <div class="row">
  432.                                 <span class="title" hstr="html.settingMenu.nickShadow">Nick shadow</span>
  433.                                 <span class="settings-options" type="options" name="nickShadow">
  434.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  435.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  436.                                     <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
  437.                                     <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
  438.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  439.                                 </span>
  440.                             </div>
  441.                             <div class="row">
  442.                                 <span class="title" hstr="html.settingMenu.cellMass">Cell mass</span>
  443.                                 <span class="settings-options" type="options" name="cellMass">
  444.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  445.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  446.                                     <b value="shortened" hstr="html.settingMenu.opt_shortened">Shortened</b>
  447.                                     <b value="full" hstr="html.settingMenu.opt_full" class="active">Full</b>
  448.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  449.                                 </span>
  450.                             </div>
  451.                             <div class="row">
  452.                                 <span class="title" hstr="html.settingMenu.massShadow">Mass shadow</span>
  453.                                 <span class="settings-options" type="options" name="massShadow">
  454.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  455.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  456.                                     <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
  457.                                     <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
  458.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  459.                                 </span>
  460.                             </div>
  461.                             <div class="row divider"></div>
  462.                             <div class="row">
  463.                                 <span class="title" hstr="html.settingMenu.urlSkins">URL skins</span>
  464.                                 <span class="settings-options" type="options" name="urlSkins">
  465.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  466.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  467.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  468.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  469.                                 </span>
  470.                             </div>
  471.                             <div class="row">
  472.                                 <span class="title" hstr="html.settingMenu.hsloSkins">HSLO skins</span>
  473.                                 <span class="settings-options" type="options" name="hsloSkins">
  474.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  475.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  476.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  477.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  478.                                 </span>
  479.                             </div>
  480.                             <div class="row divider"></div>
  481.                             <div class="row">
  482.                                 <span class="title" hstr="html.settingMenu.vanillaGrid">Vanilla grid</span>
  483.                                 <span class="settings-options" type="options" name="vanillaGrid">
  484.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  485.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  486.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  487.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  488.                                 </span>
  489.                             </div>
  490.                             <div class="row">
  491.                                 <span class="title" hstr="html.settingMenu.bgSectors">Background sectors</span>
  492.                                 <span class="settings-options" type="options" name="bgSectors">
  493.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  494.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  495.                                     <b value="onlyLines" hstr="html.settingMenu.opt_onlyLines">Only lines</b>
  496.                                     <b value="snowflakes" hstr="html.settingMenu.opt_snowflakes">Snowflakes</b>
  497.                                     <b value="normal" hstr="html.settingMenu.opt_normal" class="active">Normal</b>
  498.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  499.                                 </span>
  500.                             </div>
  501.                             <div class="row divider"></div>
  502.                             <div class="row">
  503.                                 <span class="title" hstr="html.settingMenu.food">Food</span>
  504.                                 <span class="settings-options" type="options" name="food">
  505.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  506.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  507.                                     <b value="monoColored" hstr="html.settingMenu.opt_singleClr">Mono colored</b>
  508.                                     <b value="rainbow" hstr="html.settingMenu.opt_rainbow" class="active">Rainbow</b>
  509.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  510.                                 </span>
  511.                             </div>
  512.                             <div class="row divider"></div>
  513.                             <div class="row">
  514.                                 <span class="title" hstr="html.settingMenu.cursorLine">Cursor lines</span>
  515.                                 <span class="settings-options" type="options" name="cursorLine">
  516.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  517.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  518.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  519.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  520.                                 </span>
  521.                             </div>
  522.                             <div class="row">
  523.                                 <span class="title" hstr="html.settingMenu.opponentRings">Opponent rings</span>
  524.                                 <span class="settings-options" type="options" name="opponentRings">
  525.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  526.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  527.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  528.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  529.                                 </span>
  530.                             </div>
  531.                             <div class="row">
  532.                                 <span class="title" hstr="html.settingMenu.splitRings">Split rings</span>
  533.                                 <span class="settings-options" type="options" name="splitRings">
  534.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  535.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  536.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  537.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  538.                                 </span>
  539.                             </div>
  540.                             <div class="row">
  541.                                 <span class="title" hstr="html.settingMenu.virusRange">Viruses range</span>
  542.                                 <span class="settings-options" type="options" name="virusRange">
  543.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  544.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  545.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  546.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  547.                                 </span>
  548.                             </div>
  549.                             <div class="row">
  550.                                 <span class="title" hstr="html.settingMenu.teamIndicator">Teammate indicator</span>
  551.                                 <span class="settings-options" type="options" name="teamIndicator">
  552.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  553.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  554.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  555.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  556.                                 </span>
  557.                             </div>
  558.                             <div class="row">
  559.                                 <span class="title" hstr="html.settingMenu.commander">Commander</span>
  560.                                 <span class="settings-options" type="options" name="commander">
  561.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  562.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  563.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  564.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  565.                                 </span>
  566.                             </div>
  567.                             <div class="row divider"></div>
  568.                             <div class="row">
  569.                                 <span class="title" hstr="html.settingMenu.chatType">Chat type</span>
  570.                                 <span class="settings-options" type="options" name="chatType">
  571.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  572.                                     <b value="chatroom" hstr="html.settingMenu.opt_chatroom">Chatroom</b>
  573.                                     <b value="popup" hstr="html.settingMenu.opt_popup" class="active">Pop up chat</b>
  574.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  575.                                 </span>
  576.                             </div>
  577.                             <div class="row">
  578.                                 <span class="title" hstr="html.settingMenu.targeting">Cell Targeting [Spectate mode]</span>
  579.                                 <span class="settings-options" type="options" name="targeting">
  580.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  581.                                     <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  582.                                     <b value="on" hstr="html.settingMenu.opt_on">On</b>
  583.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  584.                                 </span>
  585.                             </div>
  586.                             <div class="row">
  587.                                 <span class="title" hstr="html.settingMenu.sounds">Sounds</span>
  588.                                 <span class="settings-options" type="options" name="sounds">
  589.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  590.                                     <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  591.                                     <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  592.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  593.                                 </span>
  594.                             </div>
  595.                         <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  596.                     </div>
  597.                 <div id="inputs" class="menu-panel">
  598.                     <div class="inputs-tab-bar">
  599.                         <span class="inputs-tab active" target="#hotkeys"><i class="fa fa-keyboard-o"></i> <span hstr="html.hkMenu.title">Hotkeys</span></span>
  600.        
  601.                         <span class="inputs-tab" target="#mouse"><i class="fa fa-mouse-pointer"></i> <span hstr="html.mouseMenu.title">Mouse</span></span>
  602.        
  603.                         <span class="inputs-tab" target="#commands"><i class="fa fa-comments"></i> <span hstr="html.commandsMenu.title">Commands</span></span>
  604.        
  605.                         <span class="inputs-tab close" target="#close"><i class="fa fa-times" aria-hidden="true"></i></span>
  606.                     </div>
  607.                     <div class="inputs-menu-container">
  608.                         <div id="hotkeys" class="inputs-menu active ps ps--theme_default" data-ps-id="033f87e6-f931-e1dd-c913-0b2140193478">
  609.                             <div class="row" name="toggleMenuKey">
  610.                                 <span class="title" hstr="html.hkMenu.toggleMenuKey">Toggle main menu</span>
  611.                                 <input class="key" value="ESC">
  612.                             </div>
  613.                             <div class="row" name="feedKey">
  614.                                 <span class="title" hstr="html.hkMenu.feedKey">Feed</span>
  615.                                 <input class="key" value="W">
  616.                             </div>
  617.                             <div class="row" name="macroFeedKey">
  618.                                 <span class="title" hstr="html.hkMenu.macroFeedKey">Macro feed</span>
  619.                                 <input class="key" value="Q">
  620.                             </div>
  621.                             <div class="row" name="splitKey">
  622.                                 <span class="title" hstr="html.hkMenu.splitKey">Split</span>
  623.                                 <input class="key" value="SPACE">
  624.                             </div>
  625.                             <div class="row" name="doubleSplitKey">
  626.                                 <span class="title" hstr="html.hkMenu.doubleSplitKey">Double split</span>
  627.                                 <input class="key" value="E">
  628.                             </div>
  629.                             <div class="row" name="split16Key">
  630.                                 <span class="title" hstr="html.hkMenu.split16Key">Split 16</span>
  631.                                 <input class="key" value="R">
  632.                             </div>
  633.                             <div class="row" name="stopKey">
  634.                                 <span class="title" hstr="html.hkMenu.stopKey">Stop cell movement</span>
  635.                                 <input class="key" value="S">
  636.                             </div>
  637.                             <div class="row" name="chatKey">
  638.                                 <span class="title" hstr="html.hkMenu.chatKey">Toggle chat</span>
  639.                                 <input class="key" value="Enter">
  640.                             </div>
  641.                             <div class="row" name="freeSpectateKey">
  642.                                 <span class="title" hstr="html.hkMenu.freeSpectateKey">Toggle spectate mode</span>
  643.                                 <input class="key" value="Y">
  644.                             </div>
  645.                             <div class="row" name="toggleSplitRings">
  646.                                 <span class="title" hstr="html.hkMenu.toggleSplitRings">Toggle split rings</span>
  647.                                 <input class="key" value="N">
  648.                             </div>
  649.                             <div class="row" name="toggleOpponentRings">
  650.                                 <span class="title" hstr="html.hkMenu.toggleOpponentRings">Toggle opponent rings</span>
  651.                                 <input class="key" value="N">
  652.                             </div>
  653.                             <div class="row" name="toggleNick">
  654.                                 <span class="title" hstr="html.hkMenu.toggleNick">Toggle cell nick</span>
  655.                                 <input class="key" value="N">
  656.                             </div>
  657.                             <div class="row" name="toggleMass">
  658.                                 <span class="title" hstr="html.hkMenu.toggleMass">Toggle cell mass</span>
  659.                                 <input class="key" value="M">
  660.                             </div>
  661.                             <div class="row" name="toggleSkin">
  662.                                 <span class="title" hstr="html.hkMenu.toggleSkin">Toggle skin</span>
  663.                                 <input class="key" value="A">
  664.                             </div>
  665.                             <div class="row" name="toggleFood">
  666.                                 <span class="title" hstr="html.hkMenu.toggleFood">Toggle food</span>
  667.                                 <input class="key" value="F">
  668.                             </div>
  669.                             <div class="row" name="respawnKey">
  670.                                 <span class="title" hstr="html.hkMenu.respawnKey">Quick respawn</span>
  671.                                 <input class="key" value="TILDE">
  672.                             </div>
  673.                             <div class="row" name="command0Key">
  674.                                 <span class="title" hstr="html.hkMenu.command0Key">Command 0</span>
  675.                                 <input class="key" value="0">
  676.                             </div>
  677.                             <div class="row" name="command1Key">
  678.                                 <span class="title" hstr="html.hkMenu.command1Key">Command 1</span>
  679.                                 <input class="key" value="1">
  680.                             </div>
  681.                             <div class="row" name="command2Key">
  682.                                 <span class="title" hstr="html.hkMenu.command2Key">Command 2</span>
  683.                                 <input class="key" value="2">
  684.                             </div>
  685.                             <div class="row" name="command3Key">
  686.                                 <span class="title" hstr="html.hkMenu.command3Key">Command 3</span>
  687.                                 <input class="key" value="3">
  688.                             </div>
  689.                             <div class="row" name="command4Key">
  690.                                 <span class="title" hstr="html.hkMenu.command4Key">Command 4</span>
  691.                                 <input class="key" value="4">
  692.                             </div>
  693.                             <div class="row" name="command5Key">
  694.                                 <span class="title" hstr="html.hkMenu.command5Key">Command 5</span>
  695.                                 <input class="key" value="5">
  696.                             </div>
  697.                             <div class="row" name="command6Key">
  698.                                 <span class="title" hstr="html.hkMenu.command6Key">Command 6</span>
  699.                                 <input class="key" value="6">
  700.                             </div>
  701.                             <div class="row" name="command7Key">
  702.                                 <span class="title" hstr="html.hkMenu.command7Key">Command 7</span>
  703.                                 <input class="key" value="7">
  704.                             </div>
  705.                             <div class="row" name="command8Key">
  706.                                 <span class="title" hstr="html.hkMenu.command8Key">Command 8</span>
  707.                                 <input class="key" value="8">
  708.                             </div>
  709.                             <div class="row" name="command9Key">
  710.                                 <span class="title" hstr="html.hkMenu.command9Key">Command 9</span>
  711.                                 <input class="key" value="9">
  712.                             </div>
  713.                             <div class="row" name="zoom1key">
  714.                                 <span class="title" hstr="html.hkMenu.zoom1key">Zoom level 1</span>
  715.                                 <input class="key" value="ALT+1">
  716.                             </div>
  717.                             <div class="row" name="zoom2key">
  718.                                 <span class="title" hstr="html.hkMenu.zoom2key">Zoom level 2</span>
  719.                                 <input class="key" value="ALT+2">
  720.                             </div>
  721.                             <div class="row" name="zoom3key">
  722.                                 <span class="title" hstr="html.hkMenu.zoom3key">Zoom level 3</span>
  723.                                 <input class="key" value="ALT+3">
  724.                             </div>
  725.                             <div class="row" name="zoom4key">
  726.                                 <span class="title" hstr="html.hkMenu.zoom4key">Zoom level 4</span>
  727.                                 <input class="key" value="ALT+4">
  728.                             </div>
  729.                             <div class="row" name="zoom5key">
  730.                                 <span class="title" hstr="html.hkMenu.zoom5key">Zoom level 5</span>
  731.                                 <input class="key" value="ALT+5">
  732.                             </div>
  733.                         <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  734.                         <div id="mouse" class="inputs-menu ps ps--theme_default" data-ps-id="99b1e74a-ce15-045e-4e03-987cd4660c52">
  735.                             <div class="row">
  736.                                 <span class="title" hstr="html.mouseMenu.lmb">Left click</span>
  737.                                 <span class="mouse-options" type="options" name="leftClick">
  738.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  739.                                     <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  740.                                     <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  741.                                     <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  742.                                     <b value="split" hstr="html.mouseMenu.split">Split</b>
  743.                                     <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  744.                                     <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  745.                                     <b value="commander" hstr="html.mouseMenu.commander">Commander</b>
  746.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  747.                                 </span>
  748.                             </div>
  749.                             <div class="row">
  750.                                 <span class="title" hstr="html.mouseMenu.scroll">Middle click</span>
  751.                                 <span class="mouse-options" type="options" name="middleClick">
  752.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  753.                                     <b value="off" hstr="html.mouseMenu.off">Off</b>
  754.                                     <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  755.                                     <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  756.                                     <b value="split" hstr="html.mouseMenu.split">Split</b>
  757.                                     <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  758.                                     <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  759.                                     <b value="commander" hstr="html.mouseMenu.commander" class="active">Commander</b>
  760.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  761.                                 </span>
  762.                             </div>
  763.                             <div class="row">
  764.                                 <span class="title" hstr="html.mouseMenu.rmb">Right click</span>
  765.                                 <span class="mouse-options" type="options" name="rightClick">
  766.                                     <i class="fa fa-chevron-left" aria-hidden="true"></i>
  767.                                     <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  768.                                     <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  769.                                     <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  770.                                     <b value="split" hstr="html.mouseMenu.split">Split</b>
  771.                                     <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  772.                                     <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  773.                                     <b value="commander" hstr="html.mouseMenu.commander">Commander</b>
  774.                                     <i class="fa fa-chevron-right" aria-hidden="true"></i>
  775.                                 </span>
  776.                             </div>
  777.                             <div class="row mouse-targeting-info">
  778.                                 <span hstr="html.mouseMenu.targeting_h1">Targeting</span>:
  779.                                 <br><br>
  780.                                 <span hstr="html.mouseMenu.rmb">Right click</span>:
  781.                                 <br>
  782.                                 <span hstr="html.mouseMenu.targeting_txt1">Lock target 1</span>
  783.                                 <br><br>
  784.                                 <span hstr="html.mouseMenu.lmb">Left click</span>:
  785.                                 <br>
  786.                                 <span hstr="html.mouseMenu.targeting_txt2">Lock target 2</span>
  787.                                 <br><br>
  788.                                 <span hstr="html.mouseMenu.targeting_txt3">Middle click or Toggle spectate key</span>:
  789.                                 <br>
  790.                                 <span hstr="html.mouseMenu.targeting_txt4">Toggle top cell mode to follow mouse mode</span>
  791.                                 <br>
  792.                                 <span hstr="html.mouseMenu.targeting_txt5">Toggle targeting mode to follow mouse mode</span>
  793.                                 <br>
  794.                                 <span hstr="html.mouseMenu.targeting_txt6">Toggle follow mouse mode to top cell mode</span>
  795.                                 <br>
  796.                             </div>
  797.                         <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  798.                         <div id="commands" class="inputs-menu ps ps--theme_default" data-ps-id="6ea1e5fa-4651-d521-2703-b110b3675ae8">
  799.                             <div class="row">
  800.                                 <span class="command-input-box"><i>0</i><input placeholder="Command 0" id="command0"></span>
  801.                             </div>
  802.                             <div class="row">
  803.                                 <span class="command-input-box"><i>1</i><input placeholder="Command 1" id="command1"></span>
  804.                             </div>
  805.                             <div class="row">
  806.                                 <span class="command-input-box"><i>2</i><input placeholder="Command 2" id="command2"></span>
  807.                             </div>
  808.                             <div class="row">
  809.                                 <span class="command-input-box"><i>3</i><input placeholder="Command 3" id="command3"></span>
  810.                             </div>
  811.                             <div class="row">
  812.                                 <span class="command-input-box"><i>4</i><input placeholder="Command 4" id="command4"></span>
  813.                             </div>
  814.                             <div class="row">
  815.                                 <span class="command-input-box"><i>5</i><input placeholder="Command 5" id="command5"></span>
  816.                             </div>
  817.                             <div class="row">
  818.                                 <span class="command-input-box"><i>6</i><input placeholder="Command 6" id="command6"></span>
  819.                             </div>
  820.                             <div class="row">
  821.                                 <span class="command-input-box"><i>7</i><input placeholder="Command 7" id="command7"></span>
  822.                             </div>
  823.                             <div class="row">
  824.                                 <span class="command-input-box"><i>8</i><input placeholder="Command 8" id="command8"></span>
  825.                             </div>
  826.                             <div class="row">
  827.                                 <span class="command-input-box"><i>9</i><input placeholder="Command 9" id="command9"></span>
  828.                             </div>
  829.                         <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  830.                     </div>
  831.                 </div>
  832.                 <div id="theme" class="menu-panel">
  833.                     <div class="theme-close">X</div>
  834.                     <div class="theme-container ps ps--theme_default" data-ps-id="646614ef-40ef-e307-a897-facb9c295340">
  835.                         <div class="row">
  836.                             <span class="title" hstr="html.themeMenu.selectedPreset">Theme preset</span>
  837.                             <span class="theme-options" type="options" name="selectedPreset">
  838.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  839.                                 <b value="HSLO v2">HSLO v2</b>
  840.                                 <b value="HSLO v3">HSLO v3</b>
  841.                                 <b value="HSLO v4">HSLO v4</b>
  842.                                 <b value="Pastels">Pastels</b>
  843.                                 <b value="Agarplus v2">Agarplus v2</b>
  844.                                 <b value="Ogario v4">Ogario v4</b>
  845.                                 <b value="HKG">HKG</b>
  846.                                 <b value="Yin" class="active">Yin</b>
  847.                                 <b value="VNDOT">VNDOT</b>
  848.                                 <b value="OZYDOT">OZYDOT</b>
  849.                                 <b value="custom">Custom</b>
  850.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  851.                             </span>
  852.                         </div>
  853.                         <div class="row">
  854.                             <span class="title" hstr="html.themeMenu.cursor">Cursor</span>
  855.                             <span class="theme-options" type="range" name="cursor">
  856.                                 <img src="" id="cursorDisplay" style="display: none;">
  857.                                 <div id="cursorOff">[OFF] </div>
  858.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  859.                                 <span value="1" step="1" min="1" max="15" class="outer"><span class="inner" style="width: 0px;"></span></span>
  860.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  861.                                 <span class="range-value">[1]</span>
  862.                             </span>
  863.                         </div>
  864.                         <div class="row">
  865.                             <span class="title" hstr="html.themeMenu.chatFontSize">Chat font size</span>
  866.                             <span class="theme-options" type="range" name="chatFontSize">
  867.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  868.                                 <span value="18" step="1" min="10" max="24" class="outer"><span class="inner" style="width: 57px;"></span></span>
  869.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  870.                                 <span class="range-value">[18]</span>
  871.                             </span>
  872.                         </div>
  873.                         <div class="row">
  874.                             <span class="title" hstr="html.themeMenu.lbSize">Leaderboard size</span>
  875.                             <span class="theme-options" type="range" name="lbSize">
  876.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  877.                                 <span value="130" step="5" min="70" max="200" class="outer"><span class="inner" style="width: 46px;"></span></span>
  878.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  879.                                 <span class="range-value">[130]</span>
  880.                             </span>
  881.                         </div>
  882.                         <div class="row">
  883.                             <span class="title" hstr="html.themeMenu.minimapSize">Minimap size</span>
  884.                             <span class="theme-options" type="range" name="minimapSize">
  885.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  886.                                 <span value="200" step="5" min="100" max="250" class="outer"><span class="inner" style="width: 66px;"></span></span>
  887.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  888.                                 <span class="range-value">[200]</span>
  889.                             </span>
  890.                         </div>
  891.                         <div class="row">
  892.                             <span class="title" hstr="html.themeMenu.skinBorder">Skin border</span>
  893.                             <span class="theme-options" type="range" name="skinBorder">
  894.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  895.                                 <span value="100" step="5" min="70" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
  896.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  897.                                 <span class="range-value">[100]</span>
  898.                             </span>
  899.                         </div>
  900.                         <div class="row">
  901.                             <span class="title" hstr="html.themeMenu.cellTransparency">Cell transparency</span>
  902.                             <span class="theme-options" type="range" name="cellTransparency">
  903.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  904.                                 <span value="100" step="5" min="40" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
  905.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  906.                                 <span class="range-value">[100]</span>
  907.                             </span>
  908.                         </div>
  909.                         <div class="row">
  910.                             <span class="title" hstr="html.themeMenu.lightenCellColor">Lighten cell color</span>
  911.                             <span class="theme-options" type="range" name="lightenCellColor">
  912.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  913.                                 <span value="100" step="5" min="40" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
  914.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  915.                                 <span class="range-value">[100]</span>
  916.                             </span>
  917.                         </div>
  918.                         <div class="row">
  919.                             <span class="title" hstr="html.themeMenu.borderColor">Border color</span>
  920.                             <span class="theme-options" type="colorpicker">
  921.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="borderColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(17, 97, 17);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 100px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 92px; left: 124px;"><div></div></div></div></div></div>
  922.                             </span>
  923.                         </div>
  924.                         <div class="row">
  925.                             <span class="title" hstr="html.themeMenu.borderWidth">Border width</span>
  926.                             <span class="theme-options" type="range" name="borderWidth">
  927.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  928.                                 <span value="10" step="2" min="2" max="150" class="outer"><span class="inner" style="width: 5px;"></span></span>
  929.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  930.                                 <span class="range-value">[10]</span>
  931.                             </span>
  932.                         </div>
  933.                         <div class="row">
  934.                             <span class="title" hstr="html.themeMenu.gridColor">Grid color</span>
  935.                             <span class="theme-options" type="colorpicker">
  936.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="gridColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(51, 51, 51);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 120px; left: 0px;"><div></div></div></div></div></div>
  937.                             </span>
  938.                         </div>
  939.                         <div class="row">
  940.                             <span class="title" hstr="html.themeMenu.gridTextColor">Grid text color</span>
  941.                             <span class="theme-options" type="colorpicker">
  942.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="gridTextColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(51, 51, 51);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 120px; left: 0px;"><div></div></div></div></div></div>
  943.                             </span>
  944.                         </div>
  945.                         <div class="row">
  946.                             <span class="title" hstr="html.themeMenu.gridTextSize">Grid text size</span>
  947.                             <span class="theme-options" type="range" name="gridTextSize">
  948.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  949.                                 <span value="1700" step="100" min="500" max="2000" class="outer"><span class="inner" style="width: 80px;"></span></span>
  950.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  951.                                 <span class="range-value">[1700]</span>
  952.                             </span>
  953.                         </div>
  954.                         <div class="row">
  955.                             <span class="title" hstr="html.themeMenu.gridTextFont">Grid text font</span>
  956.                             <span class="theme-options" type="options" name="gridTextFont">
  957.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  958.                                 <b value="ubuntu" class="active">Ubuntu</b>
  959.                                 <b value="raleway">Raleway</b>
  960.                                 <b value="cursive">Cursive</b>
  961.                                 <b value="monospace">Monospace</b>
  962.                                 <b value="serif">Serif</b>
  963.                                 <b value="sans-serif">Sans serif</b>
  964.                                 <b value="oswald">Oswald</b>
  965.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  966.                             </span>
  967.                         </div>
  968.                         <div class="row">
  969.                             <span class="title" hstr="html.themeMenu.gridWidth">Grid width</span>
  970.                             <span class="theme-options" type="range" name="gridWidth">
  971.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  972.                                 <span value="10" step="2" min="2" max="150" class="outer"><span class="inner" style="width: 5px;"></span></span>
  973.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  974.                                 <span class="range-value">[10]</span>
  975.                             </span>
  976.                         </div>
  977.                         <div class="row">
  978.                             <span class="title" hstr="html.themeMenu.nickColor">Nick color</span>
  979.                             <span class="theme-options" type="colorpicker">
  980.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="nickColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 0px; left: 0px;"><div></div></div></div></div></div>
  981.                             </span>
  982.                         </div>
  983.                         <div class="row">
  984.                             <span class="title" hstr="html.themeMenu.nickStrokeColor">Nick stroke color</span>
  985.                             <span class="theme-options" type="colorpicker">
  986.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="nickStrokeColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 150px; left: 0px;"><div></div></div></div></div></div>
  987.                             </span>
  988.                         </div>
  989.                         <div class="row">
  990.                             <span class="title" hstr="html.themeMenu.cellNickSize">Nick size</span>
  991.                             <span class="theme-options" type="range" name="cellNickSize">
  992.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  993.                                 <span value="100" step="5" min="100" max="200" class="outer"><span class="inner" style="width: 0px;"></span></span>
  994.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  995.                                 <span class="range-value">[100]</span>
  996.                             </span>
  997.                         </div>
  998.                         <div class="row">
  999.                             <span class="title" hstr="html.themeMenu.nickFont">Nick font</span>
  1000.                             <span class="theme-options" type="options" name="nickFont">
  1001.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1002.                                 <b value="ubuntu" class="active">Ubuntu</b>
  1003.                                 <b value="raleway">Raleway</b>
  1004.                                 <b value="cursive">Cursive</b>
  1005.                                 <b value="monospace">Monospace</b>
  1006.                                 <b value="serif">Serif</b>
  1007.                                 <b value="sans-serif">Sans serif</b>
  1008.                                 <b value="oswald">Oswald</b>
  1009.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1010.                             </span>
  1011.                         </div>
  1012.                         <div class="row">
  1013.                             <span class="title" hstr="html.themeMenu.massColor">Mass color</span>
  1014.                             <span class="theme-options" type="colorpicker">
  1015.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="massColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 0px; left: 0px;"><div></div></div></div></div></div>
  1016.                             </span>
  1017.                         </div>
  1018.                         <div class="row">
  1019.                             <span class="title" hstr="html.themeMenu.massStrokeColor">Mass stroke color</span>
  1020.                             <span class="theme-options" type="colorpicker">
  1021.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="massStrokeColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 150px; left: 0px;"><div></div></div></div></div></div>
  1022.                             </span>
  1023.                         </div>
  1024.                         <div class="row">
  1025.                             <span class="title" hstr="html.themeMenu.cellMassSize">Mass size</span>
  1026.                             <span class="theme-options" type="range" name="cellMassSize">
  1027.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1028.                                 <span value="100" step="5" min="100" max="200" class="outer"><span class="inner" style="width: 0px;"></span></span>
  1029.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1030.                                 <span class="range-value">[100]</span>
  1031.                             </span>
  1032.                         </div>
  1033.                         <div class="row">
  1034.                             <span class="title" hstr="html.themeMenu.massFont">Mass font</span>
  1035.                             <span class="theme-options" type="options" name="massFont">
  1036.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1037.                                 <b value="ubuntu" class="active">Ubuntu</b>
  1038.                                 <b value="raleway">Raleway</b>
  1039.                                 <b value="cursive">Cursive</b>
  1040.                                 <b value="monospace">Monospace</b>
  1041.                                 <b value="serif">Serif</b>
  1042.                                 <b value="sans-serif">Sans serif</b>
  1043.                                 <b value="oswald">Oswald</b>
  1044.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1045.                             </span>
  1046.                         </div>
  1047.                         <div class="row">
  1048.                             <span class="title" hstr="html.themeMenu.foodColor">Food color</span>
  1049.                             <span class="theme-options" type="colorpicker">
  1050.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="foodColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(85, 85, 85);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 99px; left: 0px;"><div></div></div></div></div></div>
  1051.                             </span>
  1052.                         </div>
  1053.                         <div class="row">
  1054.                             <span class="title" hstr="html.themeMenu.foodSize">Food size</span>
  1055.                             <span class="theme-options" type="range" name="foodSize">
  1056.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1057.                                 <span value="1" step="1" min="1" max="10" class="outer"><span class="inner" style="width: 0px;"></span></span>
  1058.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1059.                                 <span class="range-value">[1]</span>
  1060.                             </span>
  1061.                         </div>
  1062.                         <div class="row">
  1063.                             <span class="title" hstr="html.themeMenu.virusColor">Virus color</span>
  1064.                             <span class="theme-options" type="colorpicker">
  1065.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="virusColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(111, 255, 0);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 110.882px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(111, 255, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 0px; left: 150px;"><div></div></div></div></div></div>
  1066.                             </span>
  1067.                         </div>
  1068.                         <div class="row">
  1069.                             <span class="title" hstr="html.themeMenu.virusBorderColor">Virus border color</span>
  1070.                             <span class="theme-options" type="colorpicker">
  1071.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="virusBorderColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(85, 179, 4);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 111.571px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(119, 255, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 44px; left: 147px;"><div></div></div></div></div></div>
  1072.                             </span>
  1073.                         </div>
  1074.                         <div class="row">
  1075.                             <span class="title" hstr="html.themeMenu.virusBorderWidth">virus border width</span>
  1076.                             <span class="theme-options" type="range" name="virusBorderWidth">
  1077.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1078.                                 <span value="14" step="1" min="1" max="25" class="outer"><span class="inner" style="width: 54px;"></span></span>
  1079.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1080.                                 <span class="range-value">[14]</span>
  1081.                             </span>
  1082.                         </div>
  1083.                         <div class="row">
  1084.                             <span class="title" hstr="html.themeMenu.backgroundColor">Background color</span>
  1085.                             <span class="theme-options" type="colorpicker">
  1086.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="backgroundColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 150px; left: 0px;"><div></div></div></div></div></div>
  1087.                             </span>
  1088.                         </div>
  1089.                         <div class="row">
  1090.                             <span class="title" hstr="html.themeMenu.commanderColor">Commander color</span>
  1091.                             <span class="theme-options" type="colorpicker">
  1092.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="commanderColor" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(0, 255, 247);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 75.7843px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 247);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 0px; left: 150px;"><div></div></div></div></div></div>
  1093.                             </span>
  1094.                         </div>
  1095.                         <div class="row">
  1096.                             <span class="title" hstr="html.themeMenu.indicatorSize">Teammate indicator size</span>
  1097.                             <span class="theme-options" type="range" name="indicatorSize">
  1098.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1099.                                 <span value="100" step="5" min="50" max="150" class="outer"><span class="inner" style="width: 50px;"></span></span>
  1100.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1101.                                 <span class="range-value">[100]</span>
  1102.                             </span>
  1103.                         </div>
  1104.                         <div class="row">
  1105.                             <span class="title" hstr="html.themeMenu.team1color">Team 1 color [Double Tag Mode]</span>
  1106.                             <span class="theme-options" type="colorpicker">
  1107.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="team1color" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(174, 174, 174);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 0px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 47px; left: 0px;"><div></div></div></div></div></div>
  1108.                             </span>
  1109.                         </div>
  1110.                         <div class="row">
  1111.                             <span class="title" hstr="html.themeMenu.team2color">Team 2 color [Double Tag Mode]</span>
  1112.                             <span class="theme-options" type="colorpicker">
  1113.                                 <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-right"><input id="team2color" opacity="0" class="minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(255, 247, 0);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 125.784px;"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 247, 0);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 0px; left: 150px;"><div></div></div></div></div></div>
  1114.                             </span>
  1115.                         </div>
  1116.                     <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  1117.                 </div>
  1118.             </div>
  1119.         <div id="connecting" style="display: block;">
  1120.             <div id="connectingInfo">
  1121.                 <h2>Connecting</h2>
  1122.                 <p> If you cannot connect to the servers, check if you have some anti virus or firewall blocking the connection.</p>
  1123.             </div>
  1124.         </div>
  1125.         <canvas id="canvas" width="596" height="796"></canvas>
  1126.         <div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="http://staticxx.facebook.com/connect/xd_arbiter/r/EIL5DcDc3Zh.js?version=42#channel=f20e205ba58fa&amp;origin=http%3A%2F%2Fagar.io" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://staticxx.facebook.com/connect/xd_arbiter/r/EIL5DcDc3Zh.js?version=42#channel=f20e205ba58fa&amp;origin=http%3A%2F%2Fagar.io" style="border: none;"></iframe></div></div></div>
  1127.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  1128.         <iframe aria-hidden="true" id="ssIFrame_google" sandbox="allow-scripts allow-same-origin" style="position: absolute; width: 1px; height: 1px; left: -9999px; display: none;" src="https://accounts.google.com/o/oauth2/iframe#origin=http%3A%2F%2Fagar.io&amp;rpcToken=473439062.4824337"></iframe>
  1129.     <div id="div_lb" style="display: block;"><div class="header" style="color: rgb(255, 255, 255);">Leaderboard</div><div <="" body=""></div><div id="lb_detail"></div></div><div id="div_lb"><div class="header" style="color: rgb(255, 255, 255);">Leaderboard</div></div><canvas id="minimapNode" width="200" height="200" style="display: none;"></canvas><canvas id="minimap" width="200" height="200" style="display: none;"></canvas></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement