Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html><head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="3rb.be Onyx Extention By Siniri">
- <meta name="keywords" content="agario, 3rb.be, io, dragon, extention, hp, اقاريو, أقاريو, agar, العربيه, أقاريو العربية">
- <meta name="robots" content="index, follow">
- <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <title>Hp 4 Ever !</title>
- <link id="ficon" rel="icon" type="image/png" href="https://i.imgur.com/2SpZ8kH.png">
- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
- <link rel="stylesheet" type="text/css" href="http://darknessxd.tk/dssiniri88765/bundle.css">
- <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>
- <link href="https://fonts.googleapis.com/css?family=Ubuntu:700" rel="stylesheet" type="text/css">
- <script type="text/javascript" src="http://darknessxd.tk/dssiniri88765/lib.js"></script>
- <link href="http://darknessxd.tk/dssiniri88765/bundle.js"></script>
- <script src="https://unpkg.com/tippy.js@2.0.4/dist/tippy.all.min.js"></script>
- <script type="text/javascript" async="" src="http//darknessxd.tk/dssiniri88765/recaptcha.js"></script>
- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
- <link href="http://darknessxd.tk/cdn/css/jquery.minicolors.min.css" rel="stylesheet">
- <link href="http://darknessxd.tk/cdn/css/alertify.rtl.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oswald:300,400|Raleway:300,400,500|Ubuntu:400,500,700" rel="stylesheet">
- <link href="http://darknessxd.tk/dssiniri88765/onyx.css" rel="stylesheet">
- <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
- <script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
- <script src="http://darknessxd.tk/cdn/js/jquery.minicolors.min.js"></script>
- <script src="http://darknessxd.tk/cdn/js/alertify.min.js"></script>
- <script src="http://darknessxd.tk/dssiniri88765/siniri.js"></script>
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <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}
- .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)}}
- .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}
- .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>
- <style></style>
- </head>
- <body>
- <body style="background: rgb(0, 0, 0); cursor: url(""), auto;">
- <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>
- <div id="Recaptcha-container">
- <div id="Recaptcha"></div>
- </div>
- <div id="huds">
- <div id="leaderboard-hud" style="top: 30px;">
- <div id="leaderboard-head" hstr="html.leaderboard.title" style="font-size: 31px;">HSLO</div>
- <div id="leaderboard-positions" style="font-size: 16px;">
- <span class="lb-position"><span lbdata="name">farhans</span> <span lbdata="position">1</span></span>
- <span class="lb-position"><span lbdata="name">રeal iqbalYT⚡</span> <span lbdata="position">2</span></span>
- <span class="lb-position"><span lbdata="name">Teguh</span> <span lbdata="position">3</span></span>
- <span class="lb-position"><span lbdata="name">unnamed cell</span> <span lbdata="position">4</span></span>
- <span class="lb-position"><span lbdata="name">Davinchi</span> <span lbdata="position">5</span></span>
- <span class="lb-position"><span lbdata="name">PCX</span> <span lbdata="position">6</span></span>
- <span class="lb-position"><span lbdata="name">Dedekbreng spar</span> <span lbdata="position">7</span></span>
- <span class="lb-position"><span lbdata="name">D C</span> <span lbdata="position">8</span></span>
- <span class="lb-position"><span lbdata="name">Profile #1 @VN@</span> <span lbdata="position">9</span></span>
- <span class="lb-position"><span lbdata="name">ivan said team?</span> <span lbdata="position">10</span></span>
- <span class="lb-position" style="display: none;"><span lbdata="name">profile 1</span> <span lbdata="position">58</span></span>
- </div>
- <div id="leaderboard-chart">
- <div class="chart-bar red"></div>
- <div class="chart-bar green"></div>
- <div class="chart-bar blue"></div>
- </div>
- </div>
- <div id="message-hud">
- <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>
- <input id="message" hstr="placeholder.huds.enterChatMsg" placeholder="Enter chat message...">
- </div>
- <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>
- <div id="stats-hud">PIO: 0|0 <i class="fa fa-unlock-alt"></i></div>
- <div id="targeting-hud" style="display: none; top: 35px;">
- <div>
- <div class="spectate-mode-btn active" id="spectate-mode-top"><i class="fa fa-video-camera"></i></div>
- <div class="spectate-mode-btn" id="spectate-mode-mouse"><i class="fa fa-mouse-pointer"></i></div>
- <div class="spectate-mode-btn" id="spectate-mode-target"><i class="fa fa-bullseye"></i></div>
- </div>
- <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>
- <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>
- <div id="targeting-players" style="display: none;">
- <div class="static"><span hstr="html.huds.targeting_players">TARGETING PLAYERS</span> <i class="fa fa-bullseye"></i></div>
- <div id="targeting-player1"><span class="nick">Target 1</span> [<span class="mass">NOT SELECTED</span>]</div>
- <div id="targeting-player2"><span class="nick">Target 2</span> [<span class="mass">NOT SELECTED</span>]</div>
- <div id="targeting-playersMass"><span hstr="html.huds.targeting_totalMass">TOTAL MASS</span> [<span class="mass">0</span>]</div>
- </div>
- </div>
- <div id="teamlist-hud" style="top: 45px;">
- <div id="teams-vs">
- <div class="team-vs-info">
- <div id="team-vs-1">
- <div id="teamlist-alive1" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
- <div id="teamlist-spectate1" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
- <div id="teamlist-totalmass1" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
- </div>
- <div id="team-vs-2">
- <div id="teamlist-alive2" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
- <div id="teamlist-spectate2" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
- <div id="teamlist-totalmass2" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
- </div>
- </div>
- <div class="team-vs-bar"><div class="team-vs-bar-inner"></div></div>
- </div>
- <div id="teamlist-head">
- <i class="fa fa-bars" aria-hidden="true"></i> <span hstr="html.huds.teamlist_title">Team Players</span>
- </div>
- <div id="teamlist-positions"></div>
- <div id="info-tp">
- <div id="teamlist-alive" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
- <div id="teamlist-spectate" class="team-info"><i class="fa fa-pause"></i> <span>3</span></div>
- <div id="teamlist-totalmass" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
- </div>
- </div>
- <div class="minimap-head" style="bottom: 209px;">
- <button class="minimap-button" id="minimap-show-1">1</button>
- <button class="minimap-button" id="minimap-show-2">2</button>
- <button class="minimap-button active" id="minimap-show-0">All</button>
- <div id="fps-hud">57fps [75Hz]</div>
- </div>
- <div id="minimap-hud" style="width: 200px; height: 200px;">
- <div class="minimap-grid" style="width: 200px; height: 200px;">
- <div class="minimap-row" style="width: 200px; height: 40px;">
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A1</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A2</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A3</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A4</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A5</div>
- </div>
- <div class="minimap-row" style="width: 200px; height: 40px;">
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B1</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B2</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B3</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B4</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B5</div>
- </div>
- <div class="minimap-row" style="width: 200px; height: 40px;">
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C1</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C2</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C3</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C4</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C5</div>
- </div>
- <div class="minimap-row" style="width: 200px; height: 40px;">
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D1</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D2</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D3</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D4</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D5</div>
- </div>
- <div class="minimap-row" style="width: 200px; height: 40px;">
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E1</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E2</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E3</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E4</div>
- <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E5</div>
- </div>
- </div>
- <canvas id="minimap-nodes" width="200" height="200"></canvas>
- </div>
- <div id="notifications" style="font-size: 18px;"></div>
- </div>
- <div class="modal fade" id="inPageModal" role="dialog">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 id="inPageModalTitle" class="modal-title">Failed to Load</h4>
- </div>
- <div id="inPageModalBody" class="modal-body">
- <p>Failed to load. Please check your connection!</p>
- <div class="center">
- <div class="loader"></div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="sh-btn sh-btn-primary" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
- <div class="modal fade" id="hotkeysModal" role="dialog">
- <div class="modal-dialog">
- <div class="modal-content">
- <div id="hotkeysHeader" class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 id="hotkeysModalTitle" class="modal-title">Hotkeys</h4>
- </div>
- <div id="hotkeysModalBody" class="modal-body"></div>
- <div class="modal-footer">
- <button type="button" class="sh-btn sh-btn-primary" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
- <div id="menu-overlay" style="">
- <div class="hslo-skin-menu">
- <div class="center">
- <div class="hslo-skin-input">
- <div class="title">Username</div>
- <input id="hslo-skin-username">
- </div>
- <div class="hslo-skin-input">
- <div class="title">Password</div>
- <input type="password" id="hslo-skin-password">
- </div>
- <button class="menu-button" id="hslo-skin-submit">Login</button>
- <button class="menu-button" id="hslo-skin-close">Close</button>
- </div>
- </div>
- <div class="menu-blur"></div>
- <div class="control-bar-container">
- <div class="control-bar">
- <div class="bar-button-container">
- <div class="bar-button-bg settings"></div>
- <div class="bar-button-bg dummy"></div>
- <div class="bar-button-bg play"></div>
- <div class="bar-button-bg spectate"></div>
- <div class="bar-button-bg inputs"></div>
- <div class="bar-button-bg theme"></div>
- </div>
- <div class="bar-button-container">
- <div class="bar-button" id="button-settings">
- <i class="material-icons">tune</i>
- <div class="text">
- <span hstr="html.mainMenu.btn_settings">Settings</span>
- </div>
- </div>
- <div class="bar-button dummy"></div>
- <div class="bar-button" id="button-play">
- <i class="material-icons">play_arrow</i>
- <div class="text">
- <span hstr="html.mainMenu.btn_play">Play</span>
- </div>
- </div>
- <div class="bar-button" id="button-spectate">
- <i class="material-icons">remove_red_eye</i>
- <div class="text">
- <span hstr="html.mainMenu.btn_spectate">Spectate</span>
- </div>
- </div>
- <div class="bar-button" id="button-inputs">
- <i class="material-icons">keyboard</i>
- <div class="text">
- <span hstr="html.mainMenu.btn_inputs">Inputs</span>
- </div>
- </div>
- <div class="bar-button" id="button-theme">
- <i class="material-icons">color_lens</i>
- <div class="text">
- <span hstr="html.mainMenu.btn_theme">Theme</span>
- </div>
- </div>
- </div>
- </div>
- <div class="bar-circle-outer">
- <div class="bar-circle">
- <div class="skin-preview" style="background: url("http://i.imgur.com/nRqSis7.png");"></div>
- </div>
- </div>
- <div class="skin-wheel">
- <div class="skin-wheel-bg"></div>
- <div class="skin-selector one" value="1" style="background: url("http://i.imgur.com/nRqSis7.png");"></div>
- <div class="skin-selector two" value="2"></div>
- <div class="skin-selector three" value="3"></div>
- <div class="skin-selector four" value="4"></div>
- <div class="skin-selector five" value="5"></div>
- <div class="skin-selector six" value="6"></div>
- <div class="skin-selector seven" value="7"></div>
- <div class="skin-selector eight" value="8"></div>
- </div>
- </div>
- <div id="player-data">
- <button id="streamMode"><i class="fa fa-eye"></i></button>
- <input class="menu-inputs" id="tag" hstr="placeholder.mainMenu.input_tag1" maxlength="10" placeholder="Tag">
- <div class="double-tags" style="display: none;">
- <input class="menu-inputs" id="tag2" hstr="placeholder.mainMenu.input_tag2" maxlength="10" placeholder="Tag 2">
- <button class="menu-button tag-buttons active-tag" id="normal-tag"><i class="fa fa-tag"></i></button>
- <button class="menu-button tag-buttons" id="double-tag"><i class="fa fa-tags"></i></button>
- </div>
- <input class="menu-inputs" id="nick" hstr="placeholder.mainMenu.input_nick" maxlength="15" placeholder="Nick">
- <input class="menu-inputs" id="skin" hstr="placeholder.mainMenu.input_skinUrl" maxlength="60" placeholder="Skin URL (imgur)">
- <select id="gamemode" class="menu-inputs" onchange="setserver($(this).val());" required="">
- <option id="option_ffa1" style="background-color:#fff;color:#000;" value="46.105.160.57:8801">FFA (1)</option>
- <option id="option_ffa2" style="background-color:#fff;color:#000;" value="46.105.160.57:8802">FFA (2)</option>
- <option id="option_ffa3" style="background-color:#fff;color:#000;" value="46.105.160.57:8803">FFA (3)</option>
- <option id="option_ffa4" style="background-color:#fff;color:#000;" value="46.105.160.57:8804">FFA (4)</option>
- <option id="option_ffa5" style="background-color:#fff;color:#000;" value="46.105.160.57:8805">FFA (5)</option>
- <option id="option_ffa6" style="background-color:#fff;color:#000;" value="46.105.160.57:8806">FFA (6)</option>
- <option id="option_ffaplus7" style="background-color:#fff;color:#000;" value="46.105.160.57:4407">FFA (7)</option>
- <option id="option_ffaplus8" style="background-color:#fff;color:#000;" value="46.105.160.57:4408">FFA (8)</option>
- <option id="option_ffaplus9" style="background-color:#fff;color:#000;" value="46.105.160.57:4409">FFA (9)</option>
- <option id="option_ffaplus10" style="background-color:#fff;color:#000;" value="46.105.160.57:4410">FFA (10)</option>
- <option id="option_ffaplus11" style="background-color:#fff;color:#000;" value="46.105.160.57:4401">FFA (11)</option>
- <option id="option_ffaplus12" style="background-color:#fff;color:#000;" value="46.105.160.57:4402">FFA (12)</option>
- <option id="option_ffaplus13" style="background-color:#fff;color:#000;" value="46.105.160.57:4403">FFA (13)</option>
- <option id="option_ffaplus14" style="background-color:#fff;color:#000;" value="46.105.160.56:8814">FFA (14)</option>
- <option id="option_ffaplus15" style="background-color:#fff;color:#000;" value="46.105.160.56:8815">FFA (15)</option>
- </select>
- <button id="spectate-btn" onclick="spectate(); return false;" class="sh-btn sh-btn-secondary">Spectate</button>
- <button type="button" id="play-btn" onclick="play(document.getElementById('nick').value); return false;" class="sh-btn sh-btn-primary">Play</button>
- </div>
- <div id="settings" class="menu-panel">
- <div class="settings-close"><i class="fa fa-times" aria-hidden="true"></i></div>
- <div class="settings-container ps ps--theme_default" data-ps-id="d6aacbab-5d8c-2338-f157-3d0e49b4ec24">
- <div class="row">
- <span class="title" hstr="html.settingMenu.language">Language</span>
- <span class="settings-options" type="options" name="language">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="EN" class="active">English</b>
- <b value="JA">Japanese</b>
- <b value="ZH">Chinese</b>
- <b value="KO">Korean</b>
- <b value="ES">Spanish</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.CellAnimation">Animation delay</span>
- <span class="settings-options" type="range" name="CellAnimation">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="150" step="10" min="100" max="200" class="outer"><span class="inner" style="width: 50px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[150]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.eatAnimation">Cell eat [sucking] animation</span>
- <span class="settings-options" type="options" name="eatAnimation">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.cellTextAnimation">Cell text animation</span>
- <span class="settings-options" type="options" name="cellTextAnimation">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="stepped" hstr="html.settingMenu.opt_stepped">Stepped</b>
- <b value="on" hstr="html.settingMenu.opt_linear" class="active">Linear</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.zoomSpeed">Zoom speed</span>
- <span class="settings-options" type="range" name="zoomSpeed">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="92" step="2" min="70" max="96" class="outer"><span class="inner" style="width: 84px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[92]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.cameraSpeed">Camera speed [2 default]</span>
- <span class="settings-options" type="range" name="cameraSpeed">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="2" step="1" min="1" max="20" class="outer"><span class="inner" style="width: 5px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[2]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.autoZoom">Auto zoom</span>
- <span class="settings-options" type="options" name="autoZoom">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.autoHideText">Auto hide text</span>
- <span class="settings-options" type="options" name="autoHideText">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.hideOwnNick">Hide own nick</span>
- <span class="settings-options" type="options" name="hideOwnNick">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.hideOwnMass">Hide own mass</span>
- <span class="settings-options" type="options" name="hideOwnMass">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.cellNick">Cell nick</span>
- <span class="settings-options" type="options" name="cellNick">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.nickShadow">Nick shadow</span>
- <span class="settings-options" type="options" name="nickShadow">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
- <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.cellMass">Cell mass</span>
- <span class="settings-options" type="options" name="cellMass">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="shortened" hstr="html.settingMenu.opt_shortened">Shortened</b>
- <b value="full" hstr="html.settingMenu.opt_full" class="active">Full</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.massShadow">Mass shadow</span>
- <span class="settings-options" type="options" name="massShadow">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
- <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.urlSkins">URL skins</span>
- <span class="settings-options" type="options" name="urlSkins">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.hsloSkins">HSLO skins</span>
- <span class="settings-options" type="options" name="hsloSkins">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.vanillaGrid">Vanilla grid</span>
- <span class="settings-options" type="options" name="vanillaGrid">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.bgSectors">Background sectors</span>
- <span class="settings-options" type="options" name="bgSectors">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="onlyLines" hstr="html.settingMenu.opt_onlyLines">Only lines</b>
- <b value="snowflakes" hstr="html.settingMenu.opt_snowflakes">Snowflakes</b>
- <b value="normal" hstr="html.settingMenu.opt_normal" class="active">Normal</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.food">Food</span>
- <span class="settings-options" type="options" name="food">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="monoColored" hstr="html.settingMenu.opt_singleClr">Mono colored</b>
- <b value="rainbow" hstr="html.settingMenu.opt_rainbow" class="active">Rainbow</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.cursorLine">Cursor lines</span>
- <span class="settings-options" type="options" name="cursorLine">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.opponentRings">Opponent rings</span>
- <span class="settings-options" type="options" name="opponentRings">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.splitRings">Split rings</span>
- <span class="settings-options" type="options" name="splitRings">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.virusRange">Viruses range</span>
- <span class="settings-options" type="options" name="virusRange">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.teamIndicator">Teammate indicator</span>
- <span class="settings-options" type="options" name="teamIndicator">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.commander">Commander</span>
- <span class="settings-options" type="options" name="commander">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row divider"></div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.chatType">Chat type</span>
- <span class="settings-options" type="options" name="chatType">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="chatroom" hstr="html.settingMenu.opt_chatroom">Chatroom</b>
- <b value="popup" hstr="html.settingMenu.opt_popup" class="active">Pop up chat</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.targeting">Cell Targeting [Spectate mode]</span>
- <span class="settings-options" type="options" name="targeting">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.settingMenu.sounds">Sounds</span>
- <span class="settings-options" type="options" name="sounds">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.settingMenu.opt_off">Off</b>
- <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <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>
- </div>
- <div id="inputs" class="menu-panel">
- <div class="inputs-tab-bar">
- <span class="inputs-tab active" target="#hotkeys"><i class="fa fa-keyboard-o"></i> <span hstr="html.hkMenu.title">Hotkeys</span></span>
- <span class="inputs-tab" target="#mouse"><i class="fa fa-mouse-pointer"></i> <span hstr="html.mouseMenu.title">Mouse</span></span>
- <span class="inputs-tab" target="#commands"><i class="fa fa-comments"></i> <span hstr="html.commandsMenu.title">Commands</span></span>
- <span class="inputs-tab close" target="#close"><i class="fa fa-times" aria-hidden="true"></i></span>
- </div>
- <div class="inputs-menu-container">
- <div id="hotkeys" class="inputs-menu active ps ps--theme_default" data-ps-id="033f87e6-f931-e1dd-c913-0b2140193478">
- <div class="row" name="toggleMenuKey">
- <span class="title" hstr="html.hkMenu.toggleMenuKey">Toggle main menu</span>
- <input class="key" value="ESC">
- </div>
- <div class="row" name="feedKey">
- <span class="title" hstr="html.hkMenu.feedKey">Feed</span>
- <input class="key" value="W">
- </div>
- <div class="row" name="macroFeedKey">
- <span class="title" hstr="html.hkMenu.macroFeedKey">Macro feed</span>
- <input class="key" value="Q">
- </div>
- <div class="row" name="splitKey">
- <span class="title" hstr="html.hkMenu.splitKey">Split</span>
- <input class="key" value="SPACE">
- </div>
- <div class="row" name="doubleSplitKey">
- <span class="title" hstr="html.hkMenu.doubleSplitKey">Double split</span>
- <input class="key" value="E">
- </div>
- <div class="row" name="split16Key">
- <span class="title" hstr="html.hkMenu.split16Key">Split 16</span>
- <input class="key" value="R">
- </div>
- <div class="row" name="stopKey">
- <span class="title" hstr="html.hkMenu.stopKey">Stop cell movement</span>
- <input class="key" value="S">
- </div>
- <div class="row" name="chatKey">
- <span class="title" hstr="html.hkMenu.chatKey">Toggle chat</span>
- <input class="key" value="Enter">
- </div>
- <div class="row" name="freeSpectateKey">
- <span class="title" hstr="html.hkMenu.freeSpectateKey">Toggle spectate mode</span>
- <input class="key" value="Y">
- </div>
- <div class="row" name="toggleSplitRings">
- <span class="title" hstr="html.hkMenu.toggleSplitRings">Toggle split rings</span>
- <input class="key" value="N">
- </div>
- <div class="row" name="toggleOpponentRings">
- <span class="title" hstr="html.hkMenu.toggleOpponentRings">Toggle opponent rings</span>
- <input class="key" value="N">
- </div>
- <div class="row" name="toggleNick">
- <span class="title" hstr="html.hkMenu.toggleNick">Toggle cell nick</span>
- <input class="key" value="N">
- </div>
- <div class="row" name="toggleMass">
- <span class="title" hstr="html.hkMenu.toggleMass">Toggle cell mass</span>
- <input class="key" value="M">
- </div>
- <div class="row" name="toggleSkin">
- <span class="title" hstr="html.hkMenu.toggleSkin">Toggle skin</span>
- <input class="key" value="A">
- </div>
- <div class="row" name="toggleFood">
- <span class="title" hstr="html.hkMenu.toggleFood">Toggle food</span>
- <input class="key" value="F">
- </div>
- <div class="row" name="respawnKey">
- <span class="title" hstr="html.hkMenu.respawnKey">Quick respawn</span>
- <input class="key" value="TILDE">
- </div>
- <div class="row" name="command0Key">
- <span class="title" hstr="html.hkMenu.command0Key">Command 0</span>
- <input class="key" value="0">
- </div>
- <div class="row" name="command1Key">
- <span class="title" hstr="html.hkMenu.command1Key">Command 1</span>
- <input class="key" value="1">
- </div>
- <div class="row" name="command2Key">
- <span class="title" hstr="html.hkMenu.command2Key">Command 2</span>
- <input class="key" value="2">
- </div>
- <div class="row" name="command3Key">
- <span class="title" hstr="html.hkMenu.command3Key">Command 3</span>
- <input class="key" value="3">
- </div>
- <div class="row" name="command4Key">
- <span class="title" hstr="html.hkMenu.command4Key">Command 4</span>
- <input class="key" value="4">
- </div>
- <div class="row" name="command5Key">
- <span class="title" hstr="html.hkMenu.command5Key">Command 5</span>
- <input class="key" value="5">
- </div>
- <div class="row" name="command6Key">
- <span class="title" hstr="html.hkMenu.command6Key">Command 6</span>
- <input class="key" value="6">
- </div>
- <div class="row" name="command7Key">
- <span class="title" hstr="html.hkMenu.command7Key">Command 7</span>
- <input class="key" value="7">
- </div>
- <div class="row" name="command8Key">
- <span class="title" hstr="html.hkMenu.command8Key">Command 8</span>
- <input class="key" value="8">
- </div>
- <div class="row" name="command9Key">
- <span class="title" hstr="html.hkMenu.command9Key">Command 9</span>
- <input class="key" value="9">
- </div>
- <div class="row" name="zoom1key">
- <span class="title" hstr="html.hkMenu.zoom1key">Zoom level 1</span>
- <input class="key" value="ALT+1">
- </div>
- <div class="row" name="zoom2key">
- <span class="title" hstr="html.hkMenu.zoom2key">Zoom level 2</span>
- <input class="key" value="ALT+2">
- </div>
- <div class="row" name="zoom3key">
- <span class="title" hstr="html.hkMenu.zoom3key">Zoom level 3</span>
- <input class="key" value="ALT+3">
- </div>
- <div class="row" name="zoom4key">
- <span class="title" hstr="html.hkMenu.zoom4key">Zoom level 4</span>
- <input class="key" value="ALT+4">
- </div>
- <div class="row" name="zoom5key">
- <span class="title" hstr="html.hkMenu.zoom5key">Zoom level 5</span>
- <input class="key" value="ALT+5">
- </div>
- <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>
- <div id="mouse" class="inputs-menu ps ps--theme_default" data-ps-id="99b1e74a-ce15-045e-4e03-987cd4660c52">
- <div class="row">
- <span class="title" hstr="html.mouseMenu.lmb">Left click</span>
- <span class="mouse-options" type="options" name="leftClick">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
- <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
- <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
- <b value="split" hstr="html.mouseMenu.split">Split</b>
- <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
- <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
- <b value="commander" hstr="html.mouseMenu.commander">Commander</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.mouseMenu.scroll">Middle click</span>
- <span class="mouse-options" type="options" name="middleClick">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.mouseMenu.off">Off</b>
- <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
- <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
- <b value="split" hstr="html.mouseMenu.split">Split</b>
- <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
- <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
- <b value="commander" hstr="html.mouseMenu.commander" class="active">Commander</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.mouseMenu.rmb">Right click</span>
- <span class="mouse-options" type="options" name="rightClick">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
- <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
- <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
- <b value="split" hstr="html.mouseMenu.split">Split</b>
- <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
- <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
- <b value="commander" hstr="html.mouseMenu.commander">Commander</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row mouse-targeting-info">
- <span hstr="html.mouseMenu.targeting_h1">Targeting</span>:
- <br><br>
- <span hstr="html.mouseMenu.rmb">Right click</span>:
- <br>
- <span hstr="html.mouseMenu.targeting_txt1">Lock target 1</span>
- <br><br>
- <span hstr="html.mouseMenu.lmb">Left click</span>:
- <br>
- <span hstr="html.mouseMenu.targeting_txt2">Lock target 2</span>
- <br><br>
- <span hstr="html.mouseMenu.targeting_txt3">Middle click or Toggle spectate key</span>:
- <br>
- <span hstr="html.mouseMenu.targeting_txt4">Toggle top cell mode to follow mouse mode</span>
- <br>
- <span hstr="html.mouseMenu.targeting_txt5">Toggle targeting mode to follow mouse mode</span>
- <br>
- <span hstr="html.mouseMenu.targeting_txt6">Toggle follow mouse mode to top cell mode</span>
- <br>
- </div>
- <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>
- <div id="commands" class="inputs-menu ps ps--theme_default" data-ps-id="6ea1e5fa-4651-d521-2703-b110b3675ae8">
- <div class="row">
- <span class="command-input-box"><i>0</i><input placeholder="Command 0" id="command0"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>1</i><input placeholder="Command 1" id="command1"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>2</i><input placeholder="Command 2" id="command2"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>3</i><input placeholder="Command 3" id="command3"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>4</i><input placeholder="Command 4" id="command4"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>5</i><input placeholder="Command 5" id="command5"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>6</i><input placeholder="Command 6" id="command6"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>7</i><input placeholder="Command 7" id="command7"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>8</i><input placeholder="Command 8" id="command8"></span>
- </div>
- <div class="row">
- <span class="command-input-box"><i>9</i><input placeholder="Command 9" id="command9"></span>
- </div>
- <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>
- </div>
- </div>
- <div id="theme" class="menu-panel">
- <div class="theme-close">X</div>
- <div class="theme-container ps ps--theme_default" data-ps-id="646614ef-40ef-e307-a897-facb9c295340">
- <div class="row">
- <span class="title" hstr="html.themeMenu.selectedPreset">Theme preset</span>
- <span class="theme-options" type="options" name="selectedPreset">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="HSLO v2">HSLO v2</b>
- <b value="HSLO v3">HSLO v3</b>
- <b value="HSLO v4">HSLO v4</b>
- <b value="Pastels">Pastels</b>
- <b value="Agarplus v2">Agarplus v2</b>
- <b value="Ogario v4">Ogario v4</b>
- <b value="HKG">HKG</b>
- <b value="Yin" class="active">Yin</b>
- <b value="VNDOT">VNDOT</b>
- <b value="OZYDOT">OZYDOT</b>
- <b value="custom">Custom</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.cursor">Cursor</span>
- <span class="theme-options" type="range" name="cursor">
- <img src="" id="cursorDisplay" style="display: none;">
- <div id="cursorOff">[OFF] </div>
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="1" step="1" min="1" max="15" class="outer"><span class="inner" style="width: 0px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[1]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.chatFontSize">Chat font size</span>
- <span class="theme-options" type="range" name="chatFontSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="18" step="1" min="10" max="24" class="outer"><span class="inner" style="width: 57px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[18]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.lbSize">Leaderboard size</span>
- <span class="theme-options" type="range" name="lbSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="130" step="5" min="70" max="200" class="outer"><span class="inner" style="width: 46px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[130]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.minimapSize">Minimap size</span>
- <span class="theme-options" type="range" name="minimapSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="200" step="5" min="100" max="250" class="outer"><span class="inner" style="width: 66px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[200]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.skinBorder">Skin border</span>
- <span class="theme-options" type="range" name="skinBorder">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="100" step="5" min="70" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[100]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.cellTransparency">Cell transparency</span>
- <span class="theme-options" type="range" name="cellTransparency">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="100" step="5" min="40" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[100]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.lightenCellColor">Lighten cell color</span>
- <span class="theme-options" type="range" name="lightenCellColor">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="100" step="5" min="40" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[100]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.borderColor">Border color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.borderWidth">Border width</span>
- <span class="theme-options" type="range" name="borderWidth">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="10" step="2" min="2" max="150" class="outer"><span class="inner" style="width: 5px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[10]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.gridColor">Grid color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.gridTextColor">Grid text color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.gridTextSize">Grid text size</span>
- <span class="theme-options" type="range" name="gridTextSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="1700" step="100" min="500" max="2000" class="outer"><span class="inner" style="width: 80px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[1700]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.gridTextFont">Grid text font</span>
- <span class="theme-options" type="options" name="gridTextFont">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="ubuntu" class="active">Ubuntu</b>
- <b value="raleway">Raleway</b>
- <b value="cursive">Cursive</b>
- <b value="monospace">Monospace</b>
- <b value="serif">Serif</b>
- <b value="sans-serif">Sans serif</b>
- <b value="oswald">Oswald</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.gridWidth">Grid width</span>
- <span class="theme-options" type="range" name="gridWidth">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="10" step="2" min="2" max="150" class="outer"><span class="inner" style="width: 5px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[10]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.nickColor">Nick color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.nickStrokeColor">Nick stroke color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.cellNickSize">Nick size</span>
- <span class="theme-options" type="range" name="cellNickSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="100" step="5" min="100" max="200" class="outer"><span class="inner" style="width: 0px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[100]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.nickFont">Nick font</span>
- <span class="theme-options" type="options" name="nickFont">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="ubuntu" class="active">Ubuntu</b>
- <b value="raleway">Raleway</b>
- <b value="cursive">Cursive</b>
- <b value="monospace">Monospace</b>
- <b value="serif">Serif</b>
- <b value="sans-serif">Sans serif</b>
- <b value="oswald">Oswald</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.massColor">Mass color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.massStrokeColor">Mass stroke color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.cellMassSize">Mass size</span>
- <span class="theme-options" type="range" name="cellMassSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="100" step="5" min="100" max="200" class="outer"><span class="inner" style="width: 0px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[100]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.massFont">Mass font</span>
- <span class="theme-options" type="options" name="massFont">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <b value="ubuntu" class="active">Ubuntu</b>
- <b value="raleway">Raleway</b>
- <b value="cursive">Cursive</b>
- <b value="monospace">Monospace</b>
- <b value="serif">Serif</b>
- <b value="sans-serif">Sans serif</b>
- <b value="oswald">Oswald</b>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.foodColor">Food color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.foodSize">Food size</span>
- <span class="theme-options" type="range" name="foodSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="1" step="1" min="1" max="10" class="outer"><span class="inner" style="width: 0px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[1]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.virusColor">Virus color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.virusBorderColor">Virus border color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.virusBorderWidth">virus border width</span>
- <span class="theme-options" type="range" name="virusBorderWidth">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="14" step="1" min="1" max="25" class="outer"><span class="inner" style="width: 54px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[14]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.backgroundColor">Background color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.commanderColor">Commander color</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.indicatorSize">Teammate indicator size</span>
- <span class="theme-options" type="range" name="indicatorSize">
- <i class="fa fa-chevron-left" aria-hidden="true"></i>
- <span value="100" step="5" min="50" max="150" class="outer"><span class="inner" style="width: 50px;"></span></span>
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
- <span class="range-value">[100]</span>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.team1color">Team 1 color [Double Tag Mode]</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <div class="row">
- <span class="title" hstr="html.themeMenu.team2color">Team 2 color [Double Tag Mode]</span>
- <span class="theme-options" type="colorpicker">
- <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>
- </span>
- </div>
- <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>
- </div>
- </div>
- <div id="connecting" style="display: block;">
- <div id="connectingInfo">
- <h2>Connecting</h2>
- <p> If you cannot connect to the servers, check if you have some anti virus or firewall blocking the connection.</p>
- </div>
- </div>
- <canvas id="canvas" width="596" height="796"></canvas>
- <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&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&origin=http%3A%2F%2Fagar.io" style="border: none;"></iframe></div></div></div>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
- <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&rpcToken=473439062.4824337"></iframe>
- <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