API tools faq
paste
Advertisement
dragon55

Untitled

dragon55
Jun 8th, 2018
272
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 108.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html><head><style type="text/css">.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:350px;-webkit-perspective:700px;perspective:700px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper[data-html]{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{width:23px;height:23px;fill:#333;bottom:-15px;margin:0 6px}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 100%;transform-origin:0 100%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(-50%,25%);transform:scale(5.5) translate(-50%,25%);opacity:1}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,25%);transform:scale(1) translate(-50%,25%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{width:23px;height:23px;fill:#333;top:-15px;margin:0 6px}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -100%;transform-origin:0 -100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(-50%,-125%);transform:scale(5.5) translate(-50%,-125%);opacity:1}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,-125%);transform:scale(1) translate(-50%,-125%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:30% 0 0 30%}.tippy-popper[x-placement^=left] .tippy-roundarrow{width:23px;height:23px;fill:#333;right:-15px;margin:4px 0}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:100% 0;transform-origin:100% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(33%,-50%);transform:scale(5.5) translate(33%,-50%);opacity:1}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(33%,-50%);transform:scale(1.5) translate(33%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 30% 30% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{width:23px;height:23px;fill:#333;left:-15px;margin:4px 0}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-100% 0;transform-origin:-100% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(-133%,-50%);transform:scale(5.5) translate(-133%,-50%);opacity:1}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(-133%,-50%);transform:scale(1.5) translate(-133%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-animatefill] .tippy-content{-webkit-transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98),-webkit-clip-path cubic-bezier(.46,.1,.52,.98)}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{-webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip[data-inertia][data-state=hidden]{-webkit-transition-timing-function:ease;transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:26%;left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98)}.tippy-backdrop:after{content:"";float:left;padding-top:100%}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%)}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(5% 50% at 50% 50%);clip-path:ellipse(5% 50% at 50% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 0 50%);clip-path:ellipse(135% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(25% 100% at 0 50%);clip-path:ellipse(25% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 100% 50%);clip-path:ellipse(135% 100% at 100% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(25% 100% at 100% 50%);clip-path:ellipse(25% 100% at 100% 50%)}@media (max-width:360px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}</style>
  4.     <title>HSLO v4.9.9</title>
  5.     <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><script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/api2/v1528135568984/recaptcha__ar.js"></script><script type="text/javascript" src="http://2coolife.com/HSLOv430/lib.js"></script>
  6.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  7.     <link href="https://fonts.googleapis.com/css?family=Oswald:300,400|Raleway:300,400,500|Ubuntu:400,500,700" rel="stylesheet">
  8.     <link rel="stylesheet" type="text/css" href="http://2coolife.com/HSLOv430/bundle.css?v4992">
  9.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit"></script>
  10.     <script type="text/javascript" src="//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0"></script>
  11.     <script src="https://apis.google.com/js/platform.js" gapi_processed="true"></script>
  12.     <script src="https://unpkg.com/tippy.js@2.0.4/dist/tippy.all.min.js"></script>
  13.     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  14. <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}
  15. .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)}}
  16. .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}
  17. .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_customer_chat_bubble_animated_no_badge{box-shadow:0 3px 12px rgba(0, 0, 0, .15);transition:box-shadow 150ms linear}.fb_customer_chat_bubble_animated_no_badge:hover{box-shadow:0 5px 24px rgba(0, 0, 0, .3)}.fb_customer_chat_bubble_animated_with_badge{box-shadow:-5px 4px 14px rgba(0, 0, 0, .15);transition:box-shadow 150ms linear}.fb_customer_chat_bubble_animated_with_badge:hover{box-shadow:-5px 8px 24px rgba(0, 0, 0, .2)}.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>
  18. <body style="background: rgb(0, 0, 0); cursor: url(&quot;&quot;), auto;">
  19.     <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>
  20.    
  21.     <div id="Recaptcha-container">
  22.         <div id="Recaptcha"></div>
  23.     </div>
  24.  
  25.  
  26.     <div id="huds">
  27.         <div id="leaderboard-hud" style="top: 30px;">
  28.             <div id="leaderboard-chart">
  29.                 <div class="chart-bar red"></div>
  30.                 <div class="chart-bar green"></div>
  31.                 <div class="chart-bar blue"></div>
  32.             </div>
  33.         </div>
  34.  
  35.         <div id="message-hud">
  36.             <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>
  37.             <input id="message" hstr="placeholder.huds.enterChatMsg" placeholder="Enter chat message...">
  38.         </div>
  39.  
  40.         <div id="chatroom" style="display: none;" class="ps ps--theme_default" data-ps-id="2fb8442d-0d37-530f-df09-fc62a9eb5192"><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">1:43</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">1:44</span> <i class="fa fa-exclamation-circle"></i> <span class="nick">profile 1</span> <span class="message">Split into me!</span></div><div class="chatroom-row"><span class="chattime">1:44</span> <i class="fa fa-exclamation-circle"></i> <span class="nick">profile 1</span> <span class="message">Need backup at A2!</span></div><div class="chatroom-row"><span class="chattime">1:44</span> <i class="fa fa-exclamation-circle"></i> <span class="nick">profile 1</span> <span class="message">Split into me!</span></div><div class="chatroom-row"><span class="chattime">1:44</span> <i class="fa fa-exclamation-circle"></i> <span class="nick">profile 1</span> <span class="message">Need backup at E3!</span></div></div>
  41.  
  42.         <div id="stats-hud">Score: 57   [1/16]   STE: 19   <i class="fa fa-tachometer"></i> 608px/s   PIO: 33|25   <i class="fa fa-unlock-alt"></i></div>
  43.  
  44.         <div id="targeting-hud" style="display: none; top: 35px;">
  45.             <div>
  46.                 <div class="spectate-mode-btn active" id="spectate-mode-top"><i class="fa fa-video-camera"></i></div>
  47.                 <div class="spectate-mode-btn" id="spectate-mode-mouse"><i class="fa fa-mouse-pointer"></i></div>
  48.                 <div class="spectate-mode-btn" id="spectate-mode-target"><i class="fa fa-bullseye"></i></div>
  49.             </div>
  50.             <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>
  51.             <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>
  52.             <div id="targeting-players" style="display: none;">
  53.                 <div class="static"><span hstr="html.huds.targeting_players">TARGETING PLAYERS</span> <i class="fa fa-bullseye"></i></div>
  54.                 <div id="targeting-player1"><span class="nick">Target 1</span> [<span class="mass">NOT SELECTED</span>]</div>
  55.                 <div id="targeting-player2"><span class="nick">Target 2</span> [<span class="mass">NOT SELECTED</span>]</div>
  56.                 <div id="targeting-playersMass"><span hstr="html.huds.targeting_totalMass">TOTAL MASS</span> [<span class="mass">0</span>]</div>
  57.             </div>
  58.         </div>
  59.  
  60.         <div id="teamlist-hud" style="top: 45px;">
  61.             <div id="teams-vs">
  62.                 <div class="team-vs-info">
  63.                     <div id="team-vs-1">
  64.                         <div id="teamlist-alive1" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
  65.                         <div id="teamlist-spectate1" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
  66.                         <div id="teamlist-totalmass1" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
  67.                     </div>
  68.                     <div id="team-vs-2">
  69.                         <div id="teamlist-alive2" class="team-info"><i class="fa fa-play"></i> <span>0</span></div>
  70.                         <div id="teamlist-spectate2" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
  71.                         <div id="teamlist-totalmass2" class="team-info"><i class="fa fa-eercast"></i> <span>0</span></div>
  72.                     </div>
  73.                 </div>
  74.                 <div class="team-vs-bar"><div class="team-vs-bar-inner"></div></div>
  75.             </div>
  76.             <div id="teamlist-head">
  77.                 <i class="fa fa-bars" aria-hidden="true"></i> <span hstr="html.huds.teamlist_title">Team Players</span>
  78.             </div>
  79.             <div id="teamlist-positions"><div class="tl-player"><div class="tl-player-image" style="background-image: url(http://i.imgur.com/nRqSis7.png); background-color: #fc07ff;"></div><div class="tl-player-info"><div class="tl-player-nick">57 <i class="fa fa-eercast"></i> profile 1</div><div class="tl-massbar"><div class="tl-massbar-fill" style="width: 145px;"></div></div></div></div></div>
  80.             <div id="info-tp">
  81.                 <div id="teamlist-alive" class="team-info"><i class="fa fa-play"></i> <span>1</span></div>
  82.                 <div id="teamlist-spectate" class="team-info"><i class="fa fa-pause"></i> <span>0</span></div>
  83.                 <div id="teamlist-totalmass" class="team-info"><i class="fa fa-eercast"></i> <span>57</span></div>
  84.             </div>
  85.         </div>
  86.  
  87.         <div class="minimap-head" style="bottom: 209px;">
  88.             <button class="minimap-button" id="minimap-show-1">1</button>
  89.             <button class="minimap-button" id="minimap-show-2">2</button>
  90.             <button class="minimap-button active" id="minimap-show-0">All</button>
  91.             <div id="fps-hud">74fps [75Hz]</div>
  92.         </div>
  93.         <div id="minimap-hud" style="width: 200px; height: 200px;">
  94.             <div class="minimap-grid" style="width: 200px; height: 200px;">
  95.                 <div class="minimap-row" style="width: 200px; height: 40px;">
  96.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A1</div>
  97.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A2</div>
  98.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A3</div>
  99.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A4</div>
  100.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">A5</div>
  101.                 </div>
  102.                 <div class="minimap-row" style="width: 200px; height: 40px;">
  103.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B1</div>
  104.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B2</div>
  105.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B3</div>
  106.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B4</div>
  107.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">B5</div>
  108.                 </div>
  109.                 <div class="minimap-row" style="width: 200px; height: 40px;">
  110.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C1</div>
  111.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C2</div>
  112.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C3</div>
  113.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C4</div>
  114.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">C5</div>
  115.                 </div>
  116.                 <div class="minimap-row" style="width: 200px; height: 40px;">
  117.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D1</div>
  118.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D2</div>
  119.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D3</div>
  120.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D4</div>
  121.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">D5</div>
  122.                 </div>
  123.                 <div class="minimap-row" style="width: 200px; height: 40px;">
  124.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E1</div>
  125.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E2</div>
  126.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E3</div>
  127.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E4</div>
  128.                     <div class="minimap-sector" style="width: 40px; height: 40px; font-size: 15px; padding-top: 11px;">E5</div>
  129.                 </div>
  130.             </div>
  131.  
  132.             <canvas id="minimap-nodes" width="200" height="200"></canvas>
  133.         </div>
  134.  
  135.         <div id="notifications" style="font-size: 14px;"></div>
  136.     </div>
  137.  
  138.     <div id="menu-overlay" style="">
  139.         <div class="menu-bar" style="">
  140.             <div class="menu-bar-button" id="login-facebook">
  141.                 <i class="fa fa-facebook"></i>
  142.             </div>
  143.             <div class="menu-bar-button" id="login-google">
  144.                 <i class="fa fa-google-plus"></i>
  145.             </div>
  146.             <div class="menu-bar-button" id="logout">
  147.                 <i class="fa fa-sign-out"></i>
  148.             </div>
  149.             <div class="menu-bar-button last active" id="changelog">
  150.                 <a style="color: #fff !important; text-decoration: none;" href="https://docs.google.com/document/d/1chCbhjoQBuKeOQh8eeaXo7BuGd7d91vfNsYre7QyyXI/edit?usp=sharing" target="_blank" class="fa fa-info-circle"></a>
  151.             </div>
  152.             <div class="menu-bar-ip" id="ip-box">IP: [live-arena-1q685mn.agar.io:80?party_id=M67DXN]</div>
  153.         </div>
  154.  
  155.         <div class="hslo-skin-menu">
  156.             <div class="center">
  157.                 <div class="hslo-skin-input">
  158.                     <div class="title">Username</div>
  159.                     <input id="hslo-skin-username">
  160.                 </div>
  161.                 <div class="hslo-skin-input">
  162.                     <div class="title">Password</div>
  163.                     <input type="password" id="hslo-skin-password">
  164.                 </div>
  165.                 <button class="menu-button" id="hslo-skin-submit">Login</button>
  166.                 <button class="menu-button" id="hslo-skin-close">Close</button>
  167.             </div>
  168.         </div>
  169.  
  170.         <div class="menu-blur"></div>
  171.         <div class="control-bar-container">
  172.             <div class="control-bar">
  173.                 <div class="bar-button-container">
  174.                     <div class="bar-button-bg settings"></div>
  175.                     <div class="bar-button-bg dummy"></div>
  176.                     <div class="bar-button-bg play"></div>
  177.                     <div class="bar-button-bg spectate"></div>
  178.                     <div class="bar-button-bg inputs"></div>
  179.                     <div class="bar-button-bg theme"></div>
  180.                 </div>
  181.                 <div class="bar-button-container">
  182.                     <div class="bar-button" id="button-settings">
  183.                         <i class="material-icons">tune</i>
  184.                         <div class="text">
  185.                             <span hstr="html.mainMenu.btn_settings">Settings</span>
  186.                         </div>
  187.                     </div>
  188.                     <div class="bar-button dummy"></div>
  189.                     <div class="bar-button" id="button-play">
  190.                         <i class="material-icons">play_arrow</i>
  191.                         <div class="text">
  192.                             <span hstr="html.mainMenu.btn_play">Play</span>
  193.                         </div>
  194.                     </div>
  195.                     <div class="bar-button" id="button-spectate">
  196.                         <i class="material-icons">remove_red_eye</i>
  197.                         <div class="text">
  198.                             <span hstr="html.mainMenu.btn_spectate">Spectate</span>
  199.                         </div>
  200.                     </div>
  201.                     <div class="bar-button" id="button-inputs">
  202.                         <i class="material-icons">keyboard</i>
  203.                         <div class="text">
  204.                             <span hstr="html.mainMenu.btn_inputs">Inputs</span>
  205.                         </div>
  206.                     </div>
  207.                     <div class="bar-button" id="button-theme">
  208.                         <i class="material-icons">color_lens</i>
  209.                         <div class="text">
  210.                             <span hstr="html.mainMenu.btn_theme">Theme</span>
  211.                         </div>
  212.                     </div>
  213.                 </div>
  214.             </div>
  215.             <div class="bar-circle-outer">
  216.                 <div class="bar-circle">
  217.                     <div class="skin-preview" style="background: url(&quot;http://i.imgur.com/nRqSis7.png&quot;);"></div>
  218.                 </div>
  219.             </div>
  220.             <div class="skin-wheel">
  221.                 <div class="skin-wheel-bg"></div>
  222.                 <div class="skin-selector one" value="1" style="background: url(&quot;http://i.imgur.com/nRqSis7.png&quot;);"></div>
  223.                 <div class="skin-selector two" value="2"></div>
  224.                 <div class="skin-selector three" value="3"></div>
  225.                 <div class="skin-selector four" value="4"></div>
  226.                 <div class="skin-selector five" value="5"></div>
  227.                 <div class="skin-selector six" value="6"></div>
  228.                 <div class="skin-selector seven" value="7"></div>
  229.                 <div class="skin-selector eight" value="8"></div>
  230.             </div>
  231.         </div>
  232.  
  233.         <div id="player-data">
  234.             <button id="streamMode"><i class="fa fa-eye"></i></button>
  235.             <input class="menu-inputs" id="tag" hstr="placeholder.mainMenu.input_tag1" maxlength="10" placeholder="Tag">
  236.             <div class="double-tags" style="display: none;">
  237.                 <input class="menu-inputs" id="tag2" hstr="placeholder.mainMenu.input_tag2" maxlength="10" placeholder="Tag 2">
  238.                 <button class="menu-button tag-buttons active-tag" id="normal-tag"><i class="fa fa-tag"></i></button>
  239.                 <button class="menu-button tag-buttons" id="double-tag"><i class="fa fa-tags"></i></button>
  240.             </div>
  241.             <input class="menu-inputs" id="nick" hstr="placeholder.mainMenu.input_nick" maxlength="15" placeholder="Nick">
  242.             <input class="menu-inputs" id="skin" hstr="placeholder.mainMenu.input_skinUrl" maxlength="60" placeholder="Skin URL (imgur)">
  243.             <select id="gamemode" class="menu-inputs">
  244.             <option id="option_ffa1" style="background-color:#fff;color:#000;" value="46.105.160.57:8801">FFA (1)</option>
  245.             <option id="option_ffa2" style="background-color:#fff;color:#000;" value="46.105.160.57:8802">FFA (2)</option>
  246.             <option id="option_ffa3" style="background-color:#fff;color:#000;" value="46.105.160.57:8803">FFA (3)</option>
  247.             <option id="option_ffa4" style="background-color:#fff;color:#000;" value="46.105.160.57:8804">FFA (4)</option>
  248.             <option id="option_ffa5" style="background-color:#fff;color:#000;" value="46.105.160.57:8805">FFA (5)</option>
  249.             <option id="option_ffa6" style="background-color:#fff;color:#000;" value="46.105.160.57:8806">FFA (6)</option>
  250.             <option id="option_ffaplus7" style="background-color:#fff;color:#000;" value="46.105.160.57:4407">FFA (7)</option>
  251.             <option id="option_ffaplus8" style="background-color:#fff;color:#000;" value="46.105.160.57:4408">FFA (8)</option>
  252.             <option id="option_ffaplus9" style="background-color:#fff;color:#000;" value="46.105.160.57:4409">FFA (9)</option>
  253.             <option id="option_ffaplus10" style="background-color:#fff;color:#000;" value="46.105.160.57:4410">FFA (10)</option>
  254.             <option id="option_ffaplus11" style="background-color:#fff;color:#000;" value="46.105.160.57:4401">FFA (11)</option>
  255.             <option id="option_ffaplus12" style="background-color:#fff;color:#000;" value="46.105.160.57:4402">FFA (12)</option>
  256.             <option id="option_ffaplus13" style="background-color:#fff;color:#000;" value="46.105.160.57:4403">FFA (13)</option>
  257.             <option id="option_ffaplus14" style="background-color:#fff;color:#000;" value="46.105.160.56:8814">FFA (14)</option>
  258.             <option id="option_ffaplus15" style="background-color:#fff;color:#000;" value="46.105.160.56:8815">FFA (15)</option>
  259.                     </select>
  260.             <select class="menu-inputs" id="regions"><option value="US-Atlanta">North America (5000)</option><option value="BR-Brazil">South America (3628)</option><option value="EU-London">Europe (1644)</option><option value="RU-Russia">Russia (363)</option><option value="TK-Turkey">Turkey (644)</option><option value="JP-Tokyo">East Asia (512)</option><option value="CN-China">China (341)</option><option value="SG-Singapore">Oceania (397)</option></select>
  261.             <input class="menu-inputs" id="party-token" hstr="placeholder.mainMenu.input_token" placeholder="Party token">
  262.             <button class="menu-button" id="join-party">
  263.                 <span hstr="html.mainMenu.btn_join">Join</span>
  264.             </button>
  265.             <button class="menu-button" id="create-party">
  266.                 <span hstr="html.mainMenu.btn_create">Create</span>
  267.             </button>
  268.         </div>
  269.  
  270.  
  271.         <div id="settings" class="menu-panel" style="display: none;">
  272.             <div class="settings-close"><i class="fa fa-times" aria-hidden="true"></i></div>
  273.             <div class="settings-container ps ps--theme_default" data-ps-id="f1636c59-0241-6213-1ea0-54a671b41e47">
  274.                 <div class="row">
  275.                     <span class="title" hstr="html.settingMenu.language">Language</span>
  276.                     <span class="settings-options" type="options" name="language">
  277.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  278.                         <b value="EN" class="active">English</b>
  279.                         <b value="JA">Japanese</b>
  280.                         <b value="ZH">Chinese</b>
  281.                         <b value="KO">Korean</b>
  282.                         <b value="ES">Spanish</b>
  283.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  284.                     </span>
  285.                 </div>
  286.                 <div class="row divider"></div>
  287.                 <div class="row">
  288.                     <span class="title" hstr="html.settingMenu.CellAnimation">Animation delay</span>
  289.                     <span class="settings-options" type="range" name="CellAnimation">
  290.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  291.                         <span value="120" step="10" min="100" max="200" class="outer"><span class="inner" style="width: 20px;"></span></span>
  292.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  293.                         <span class="range-value">[120]</span>
  294.                     </span>
  295.                 </div>
  296.                 <div class="row">
  297.                     <span class="title" hstr="html.settingMenu.eatAnimation">Cell eat [sucking] animation</span>
  298.                     <span class="settings-options" type="options" name="eatAnimation">
  299.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  300.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  301.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  302.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  303.                     </span>
  304.                 </div>
  305.                 <div class="row">
  306.                     <span class="title" hstr="html.settingMenu.cellTextAnimation">Cell text animation</span>
  307.                     <span class="settings-options" type="options" name="cellTextAnimation">
  308.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  309.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  310.                         <b value="stepped" hstr="html.settingMenu.opt_stepped">Stepped</b>
  311.                         <b value="on" hstr="html.settingMenu.opt_linear" class="active">Linear</b>
  312.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  313.                     </span>
  314.                 </div>
  315.                 <div class="row divider"></div>
  316.                 <div class="row">
  317.                     <span class="title" hstr="html.settingMenu.zoomSpeed">Zoom speed</span>
  318.                     <span class="settings-options" type="range" name="zoomSpeed">
  319.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  320.                         <span value="92" step="2" min="70" max="96" class="outer"><span class="inner" style="width: 84px;"></span></span>
  321.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  322.                         <span class="range-value">[92]</span>
  323.                     </span>
  324.                 </div>
  325.                 <div class="row">
  326.                     <span class="title" hstr="html.settingMenu.cameraSpeed">Camera speed [2 default]</span>
  327.                     <span class="settings-options" type="range" name="cameraSpeed">
  328.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  329.                         <span value="2" step="1" min="1" max="20" class="outer"><span class="inner" style="width: 5px;"></span></span>
  330.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  331.                         <span class="range-value">[2]</span>
  332.                     </span>
  333.                 </div>
  334.                 <div class="row">
  335.                     <span class="title" hstr="html.settingMenu.autoZoom">Auto zoom</span>
  336.                     <span class="settings-options" type="options" name="autoZoom">
  337.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  338.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  339.                         <b value="on" hstr="html.settingMenu.opt_on">On</b>
  340.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  341.                     </span>
  342.                 </div>
  343.                 <div class="row divider"></div>
  344.                 <div class="row">
  345.                     <span class="title" hstr="html.settingMenu.autoHideText">Auto hide text</span>
  346.                     <span class="settings-options" type="options" name="autoHideText">
  347.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  348.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  349.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  350.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  351.                     </span>
  352.                 </div>
  353.                 <div class="row">
  354.                     <span class="title" hstr="html.settingMenu.hideOwnNick">Hide own nick</span>
  355.                     <span class="settings-options" type="options" name="hideOwnNick">
  356.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  357.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  358.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  359.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  360.                     </span>
  361.                 </div>
  362.                 <div class="row">
  363.                     <span class="title" hstr="html.settingMenu.hideOwnMass">Hide own mass</span>
  364.                     <span class="settings-options" type="options" name="hideOwnMass">
  365.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  366.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  367.                         <b value="on" hstr="html.settingMenu.opt_on">On</b>
  368.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  369.                     </span>
  370.                 </div>
  371.                 <div class="row divider"></div>
  372.                 <div class="row">
  373.                     <span class="title" hstr="html.settingMenu.cellNick">Cell nick</span>
  374.                     <span class="settings-options" type="options" name="cellNick">
  375.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  376.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  377.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  378.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  379.                     </span>
  380.                 </div>
  381.                 <div class="row">
  382.                     <span class="title" hstr="html.settingMenu.nickShadow">Nick shadow</span>
  383.                     <span class="settings-options" type="options" name="nickShadow">
  384.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  385.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  386.                         <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
  387.                         <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
  388.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  389.                     </span>
  390.                 </div>
  391.                 <div class="row">
  392.                     <span class="title" hstr="html.settingMenu.cellMass">Cell mass</span>
  393.                     <span class="settings-options" type="options" name="cellMass">
  394.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  395.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  396.                         <b value="shortened" hstr="html.settingMenu.opt_shortened">Shortened</b>
  397.                         <b value="full" hstr="html.settingMenu.opt_full" class="active">Full</b>
  398.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  399.                     </span>
  400.                 </div>
  401.                 <div class="row">
  402.                     <span class="title" hstr="html.settingMenu.massShadow">Mass shadow</span>
  403.                     <span class="settings-options" type="options" name="massShadow">
  404.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  405.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  406.                         <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
  407.                         <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
  408.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  409.                     </span>
  410.                 </div>
  411.                 <div class="row divider"></div>
  412.                 <div class="row">
  413.                     <span class="title" hstr="html.settingMenu.urlSkins">URL skins</span>
  414.                     <span class="settings-options" type="options" name="urlSkins">
  415.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  416.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  417.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  418.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  419.                     </span>
  420.                 </div>
  421.                 <div class="row">
  422.                     <span class="title" hstr="html.settingMenu.hsloSkins">HSLO skins</span>
  423.                     <span class="settings-options" type="options" name="hsloSkins">
  424.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  425.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  426.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  427.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  428.                     </span>
  429.                 </div>
  430.                 <div class="row divider"></div>
  431.                 <div class="row">
  432.                     <span class="title" hstr="html.settingMenu.vanillaGrid">Vanilla grid</span>
  433.                     <span class="settings-options" type="options" name="vanillaGrid">
  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="on" hstr="html.settingMenu.opt_on">On</b>
  437.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  438.                     </span>
  439.                 </div>
  440.                 <div class="row">
  441.                     <span class="title" hstr="html.settingMenu.bgSectors">Background sectors</span>
  442.                     <span class="settings-options" type="options" name="bgSectors">
  443.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  444.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  445.                         <b value="onlyLines" hstr="html.settingMenu.opt_onlyLines">Only lines</b>
  446.                         <b value="snowflakes" hstr="html.settingMenu.opt_snowflakes">Snowflakes</b>
  447.                         <b value="normal" hstr="html.settingMenu.opt_normal" class="active">Normal</b>
  448.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  449.                     </span>
  450.                 </div>
  451.                 <div class="row divider"></div>
  452.                 <div class="row">
  453.                     <span class="title" hstr="html.settingMenu.food">Food</span>
  454.                     <span class="settings-options" type="options" name="food">
  455.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  456.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  457.                         <b value="monoColored" hstr="html.settingMenu.opt_singleClr" class="active">Mono colored</b>
  458.                         <b value="rainbow" hstr="html.settingMenu.opt_rainbow">Rainbow</b>
  459.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  460.                     </span>
  461.                 </div>
  462.                 <div class="row divider"></div>
  463.                 <div class="row">
  464.                     <span class="title" hstr="html.settingMenu.cursorLine">Cursor lines</span>
  465.                     <span class="settings-options" type="options" name="cursorLine">
  466.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  467.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  468.                         <b value="on" hstr="html.settingMenu.opt_on">On</b>
  469.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  470.                     </span>
  471.                 </div>
  472.                 <div class="row">
  473.                     <span class="title" hstr="html.settingMenu.opponentRings">Opponent rings</span>
  474.                     <span class="settings-options" type="options" name="opponentRings">
  475.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  476.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  477.                         <b value="on" hstr="html.settingMenu.opt_on">On</b>
  478.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  479.                     </span>
  480.                 </div>
  481.                 <div class="row">
  482.                     <span class="title" hstr="html.settingMenu.splitRings">Split rings</span>
  483.                     <span class="settings-options" type="options" name="splitRings">
  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.virusRange">Viruses range</span>
  492.                     <span class="settings-options" type="options" name="virusRange">
  493.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  494.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  495.                         <b value="on" hstr="html.settingMenu.opt_on">On</b>
  496.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  497.                     </span>
  498.                 </div>
  499.                 <div class="row">
  500.                     <span class="title" hstr="html.settingMenu.teamIndicator">Teammate indicator</span>
  501.                     <span class="settings-options" type="options" name="teamIndicator">
  502.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  503.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  504.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  505.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  506.                     </span>
  507.                 </div>
  508.                 <div class="row">
  509.                     <span class="title" hstr="html.settingMenu.commander">Commander</span>
  510.                     <span class="settings-options" type="options" name="commander">
  511.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  512.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  513.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  514.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  515.                     </span>
  516.                 </div>
  517.                 <div class="row divider"></div>
  518.                 <div class="row">
  519.                     <span class="title" hstr="html.settingMenu.chatType">Chat type</span>
  520.                     <span class="settings-options" type="options" name="chatType">
  521.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  522.                         <b value="chatroom" hstr="html.settingMenu.opt_chatroom">Chatroom</b>
  523.                         <b value="popup" hstr="html.settingMenu.opt_popup" class="active">Pop up chat</b>
  524.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  525.                     </span>
  526.                 </div>
  527.                 <div class="row">
  528.                     <span class="title" hstr="html.settingMenu.targeting">Cell Targeting [Spectate mode]</span>
  529.                     <span class="settings-options" type="options" name="targeting">
  530.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  531.                         <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  532.                         <b value="on" hstr="html.settingMenu.opt_on">On</b>
  533.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  534.                     </span>
  535.                 </div>
  536.                 <div class="row">
  537.                     <span class="title" hstr="html.settingMenu.sounds">Sounds</span>
  538.                     <span class="settings-options" type="options" name="sounds">
  539.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  540.                         <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  541.                         <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  542.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  543.                     </span>
  544.                 </div>
  545.             <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>
  546.         </div>
  547.         <div id="inputs" class="menu-panel" style="display: none;">
  548.             <div class="inputs-tab-bar">
  549.                 <span class="inputs-tab" target="#hotkeys"><i class="fa fa-keyboard-o"></i> <span hstr="html.hkMenu.title">Hotkeys</span></span>
  550.  
  551.                 <span class="inputs-tab" target="#mouse"><i class="fa fa-mouse-pointer"></i> <span hstr="html.mouseMenu.title">Mouse</span></span>
  552.  
  553.                 <span class="inputs-tab active" target="#commands"><i class="fa fa-comments"></i> <span hstr="html.commandsMenu.title">Commands</span></span>
  554.  
  555.                 <span class="inputs-tab close" target="#close"><i class="fa fa-times" aria-hidden="true"></i></span>
  556.             </div>
  557.             <div class="inputs-menu-container">
  558.                 <div id="hotkeys" class="inputs-menu ps ps--theme_default" data-ps-id="f8f8f4f9-8879-39be-e5dc-ef06d3fa8e2a">
  559.                     <div class="row" name="toggleMenuKey">
  560.                         <span class="title" hstr="html.hkMenu.toggleMenuKey">Toggle main menu</span>
  561.                         <input class="key" value="ESC">
  562.                     </div>
  563.                     <div class="row" name="feedKey">
  564.                         <span class="title" hstr="html.hkMenu.feedKey">Feed</span>
  565.                         <input class="key" value="W">
  566.                     </div>
  567.                     <div class="row" name="macroFeedKey">
  568.                         <span class="title" hstr="html.hkMenu.macroFeedKey">Macro feed</span>
  569.                         <input class="key" value="Q">
  570.                     </div>
  571.                     <div class="row" name="splitKey">
  572.                         <span class="title" hstr="html.hkMenu.splitKey">Split</span>
  573.                         <input class="key" value="SPACE">
  574.                     </div>
  575.                     <div class="row" name="doubleSplitKey">
  576.                         <span class="title" hstr="html.hkMenu.doubleSplitKey">Double split</span>
  577.                         <input class="key" value="E">
  578.                     </div>
  579.                     <div class="row" name="split16Key">
  580.                         <span class="title" hstr="html.hkMenu.split16Key">Split 16</span>
  581.                         <input class="key" value="R">
  582.                     </div>
  583.                     <div class="row" name="stopKey">
  584.                         <span class="title" hstr="html.hkMenu.stopKey">Stop cell movement</span>
  585.                         <input class="key" value="S">
  586.                     </div>
  587.                     <div class="row" name="chatKey">
  588.                         <span class="title" hstr="html.hkMenu.chatKey">Toggle chat</span>
  589.                         <input class="key" value="Enter">
  590.                     </div>
  591.                     <div class="row" name="freeSpectateKey">
  592.                         <span class="title" hstr="html.hkMenu.freeSpectateKey">Toggle spectate mode</span>
  593.                         <input class="key" value="Y">
  594.                     </div>
  595.                     <div class="row" name="toggleSplitRings">
  596.                         <span class="title" hstr="html.hkMenu.toggleSplitRings">Toggle split rings</span>
  597.                         <input class="key" value="N">
  598.                     </div>
  599.                     <div class="row" name="toggleOpponentRings">
  600.                         <span class="title" hstr="html.hkMenu.toggleOpponentRings">Toggle opponent rings</span>
  601.                         <input class="key" value="N">
  602.                     </div>
  603.                     <div class="row" name="toggleNick">
  604.                         <span class="title" hstr="html.hkMenu.toggleNick">Toggle cell nick</span>
  605.                         <input class="key" value="N">
  606.                     </div>
  607.                     <div class="row" name="toggleMass">
  608.                         <span class="title" hstr="html.hkMenu.toggleMass">Toggle cell mass</span>
  609.                         <input class="key" value="M">
  610.                     </div>
  611.                     <div class="row" name="toggleSkin">
  612.                         <span class="title" hstr="html.hkMenu.toggleSkin">Toggle skin</span>
  613.                         <input class="key" value="A">
  614.                     </div>
  615.                     <div class="row" name="toggleFood">
  616.                         <span class="title" hstr="html.hkMenu.toggleFood">Toggle food</span>
  617.                         <input class="key" value="F">
  618.                     </div>
  619.                     <div class="row" name="respawnKey">
  620.                         <span class="title" hstr="html.hkMenu.respawnKey">Quick respawn</span>
  621.                         <input class="key" value="TILDE">
  622.                     </div>
  623.                     <div class="row" name="command0Key">
  624.                         <span class="title" hstr="html.hkMenu.command0Key">Command 0</span>
  625.                         <input class="key" value="0">
  626.                     </div>
  627.                     <div class="row" name="command1Key">
  628.                         <span class="title" hstr="html.hkMenu.command1Key">Command 1</span>
  629.                         <input class="key" value="1">
  630.                     </div>
  631.                     <div class="row" name="command2Key">
  632.                         <span class="title" hstr="html.hkMenu.command2Key">Command 2</span>
  633.                         <input class="key" value="2">
  634.                     </div>
  635.                     <div class="row" name="command3Key">
  636.                         <span class="title" hstr="html.hkMenu.command3Key">Command 3</span>
  637.                         <input class="key" value="3">
  638.                     </div>
  639.                     <div class="row" name="command4Key">
  640.                         <span class="title" hstr="html.hkMenu.command4Key">Command 4</span>
  641.                         <input class="key" value="4">
  642.                     </div>
  643.                     <div class="row" name="command5Key">
  644.                         <span class="title" hstr="html.hkMenu.command5Key">Command 5</span>
  645.                         <input class="key" value="5">
  646.                     </div>
  647.                     <div class="row" name="command6Key">
  648.                         <span class="title" hstr="html.hkMenu.command6Key">Command 6</span>
  649.                         <input class="key" value="6">
  650.                     </div>
  651.                     <div class="row" name="command7Key">
  652.                         <span class="title" hstr="html.hkMenu.command7Key">Command 7</span>
  653.                         <input class="key" value="7">
  654.                     </div>
  655.                     <div class="row" name="command8Key">
  656.                         <span class="title" hstr="html.hkMenu.command8Key">Command 8</span>
  657.                         <input class="key" value="8">
  658.                     </div>
  659.                     <div class="row" name="command9Key">
  660.                         <span class="title" hstr="html.hkMenu.command9Key">Command 9</span>
  661.                         <input class="key" value="9">
  662.                     </div>
  663.                     <div class="row" name="zoom1key">
  664.                         <span class="title" hstr="html.hkMenu.zoom1key">Zoom level 1</span>
  665.                         <input class="key" value="ALT+1">
  666.                     </div>
  667.                     <div class="row" name="zoom2key">
  668.                         <span class="title" hstr="html.hkMenu.zoom2key">Zoom level 2</span>
  669.                         <input class="key" value="ALT+2">
  670.                     </div>
  671.                     <div class="row" name="zoom3key">
  672.                         <span class="title" hstr="html.hkMenu.zoom3key">Zoom level 3</span>
  673.                         <input class="key" value="ALT+3">
  674.                     </div>
  675.                     <div class="row" name="zoom4key">
  676.                         <span class="title" hstr="html.hkMenu.zoom4key">Zoom level 4</span>
  677.                         <input class="key" value="ALT+4">
  678.                     </div>
  679.                     <div class="row" name="zoom5key">
  680.                         <span class="title" hstr="html.hkMenu.zoom5key">Zoom level 5</span>
  681.                         <input class="key" value="ALT+5">
  682.                     </div>
  683.                 <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>
  684.                 <div id="mouse" class="inputs-menu ps ps--theme_default" data-ps-id="02cc6384-0bb9-44da-3e9a-edb4e5c47602">
  685.                     <div class="row">
  686.                         <span class="title" hstr="html.mouseMenu.lmb">Left click</span>
  687.                         <span class="mouse-options" type="options" name="leftClick">
  688.                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  689.                             <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  690.                             <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  691.                             <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  692.                             <b value="split" hstr="html.mouseMenu.split">Split</b>
  693.                             <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  694.                             <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  695.                             <b value="commander" hstr="html.mouseMenu.commander">Commander</b>
  696.                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  697.                         </span>
  698.                     </div>
  699.                     <div class="row">
  700.                         <span class="title" hstr="html.mouseMenu.scroll">Middle click</span>
  701.                         <span class="mouse-options" type="options" name="middleClick">
  702.                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  703.                             <b value="off" hstr="html.mouseMenu.off">Off</b>
  704.                             <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  705.                             <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  706.                             <b value="split" hstr="html.mouseMenu.split">Split</b>
  707.                             <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  708.                             <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  709.                             <b value="commander" hstr="html.mouseMenu.commander" class="active">Commander</b>
  710.                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  711.                         </span>
  712.                     </div>
  713.                     <div class="row">
  714.                         <span class="title" hstr="html.mouseMenu.rmb">Right click</span>
  715.                         <span class="mouse-options" type="options" name="rightClick">
  716.                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  717.                             <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  718.                             <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  719.                             <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  720.                             <b value="split" hstr="html.mouseMenu.split">Split</b>
  721.                             <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  722.                             <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  723.                             <b value="commander" hstr="html.mouseMenu.commander">Commander</b>
  724.                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  725.                         </span>
  726.                     </div>
  727.                     <div class="row mouse-targeting-info">
  728.                         <span hstr="html.mouseMenu.targeting_h1">Targeting</span>:
  729.                         <br><br>
  730.                         <span hstr="html.mouseMenu.rmb">Right click</span>:
  731.                         <br>
  732.                         <span hstr="html.mouseMenu.targeting_txt1">Lock target 1</span>
  733.                         <br><br>
  734.                         <span hstr="html.mouseMenu.lmb">Left click</span>:
  735.                         <br>
  736.                         <span hstr="html.mouseMenu.targeting_txt2">Lock target 2</span>
  737.                         <br><br>
  738.                         <span hstr="html.mouseMenu.targeting_txt3">Middle click or Toggle spectate key</span>:
  739.                         <br>
  740.                         <span hstr="html.mouseMenu.targeting_txt4">Toggle top cell mode to follow mouse mode</span>
  741.                         <br>
  742.                         <span hstr="html.mouseMenu.targeting_txt5">Toggle targeting mode to follow mouse mode</span>
  743.                         <br>
  744.                         <span hstr="html.mouseMenu.targeting_txt6">Toggle follow mouse mode to top cell mode</span>
  745.                         <br>
  746.                     </div>
  747.                 <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>
  748.                 <div id="commands" class="inputs-menu ps ps--theme_default active" data-ps-id="779cb890-7b7e-eb04-ca05-4ea75ca76cb8">
  749.                     <div class="row">
  750.                         <span class="command-input-box"><i>0</i><input placeholder="Command 0" id="command0"></span>
  751.                     </div>
  752.                     <div class="row">
  753.                         <span class="command-input-box"><i>1</i><input placeholder="Command 1" id="command1"></span>
  754.                     </div>
  755.                     <div class="row">
  756.                         <span class="command-input-box"><i>2</i><input placeholder="Command 2" id="command2"></span>
  757.                     </div>
  758.                     <div class="row">
  759.                         <span class="command-input-box"><i>3</i><input placeholder="Command 3" id="command3"></span>
  760.                     </div>
  761.                     <div class="row">
  762.                         <span class="command-input-box"><i>4</i><input placeholder="Command 4" id="command4"></span>
  763.                     </div>
  764.                     <div class="row">
  765.                         <span class="command-input-box"><i>5</i><input placeholder="Command 5" id="command5"></span>
  766.                     </div>
  767.                     <div class="row">
  768.                         <span class="command-input-box"><i>6</i><input placeholder="Command 6" id="command6"></span>
  769.                     </div>
  770.                     <div class="row">
  771.                         <span class="command-input-box"><i>7</i><input placeholder="Command 7" id="command7"></span>
  772.                     </div>
  773.                     <div class="row">
  774.                         <span class="command-input-box"><i>8</i><input placeholder="Command 8" id="command8"></span>
  775.                     </div>
  776.                     <div class="row">
  777.                         <span class="command-input-box"><i>9</i><input placeholder="Command 9" id="command9"></span>
  778.                     </div>
  779.                 <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>
  780.             </div>
  781.         </div>
  782.         <div id="theme" class="menu-panel" style="display: none;">
  783.             <div class="theme-close">X</div>
  784.             <div class="theme-container ps ps--theme_default" data-ps-id="84e9725a-c860-2710-5b82-dd130411dfd2">
  785.                 <div class="row">
  786.                     <span class="title" hstr="html.themeMenu.selectedPreset">Theme preset</span>
  787.                     <span class="theme-options" type="options" name="selectedPreset">
  788.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  789.                         <b value="HSLO v2">HSLO v2</b>
  790.                         <b value="HSLO v3">HSLO v3</b>
  791.                         <b value="HSLO v4">HSLO v4</b>
  792.                         <b value="Pastels">Pastels</b>
  793.                         <b value="Agarplus v2">Agarplus v2</b>
  794.                         <b value="Ogario v4">Ogario v4</b>
  795.                         <b value="HKG">HKG</b>
  796.                         <b value="Yin">Yin</b>
  797.                         <b value="VNDOT">VNDOT</b>
  798.                         <b value="OZYDOT" class="active">OZYDOT</b>
  799.                         <b value="custom">Custom</b>
  800.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  801.                     </span>
  802.                 </div>
  803.                 <div class="row">
  804.                     <span class="title" hstr="html.themeMenu.cursor">Cursor</span>
  805.                     <span class="theme-options" type="range" name="cursor">
  806.                         <img src="" id="cursorDisplay" style="display: none;">
  807.                         <div id="cursorOff">[OFF] </div>
  808.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  809.                         <span value="1" step="1" min="1" max="15" class="outer"><span class="inner" style="width: 0px;"></span></span>
  810.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  811.                         <span class="range-value">[1]</span>
  812.                     </span>
  813.                 </div>
  814.                 <div class="row">
  815.                     <span class="title" hstr="html.themeMenu.chatFontSize">Chat font size</span>
  816.                     <span class="theme-options" type="range" name="chatFontSize">
  817.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  818.                         <span value="14" step="1" min="10" max="24" class="outer"><span class="inner" style="width: 28px;"></span></span>
  819.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  820.                         <span class="range-value">[14]</span>
  821.                     </span>
  822.                 </div>
  823.                 <div class="row">
  824.                     <span class="title" hstr="html.themeMenu.lbSize">Leaderboard size</span>
  825.                     <span class="theme-options" type="range" name="lbSize">
  826.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  827.                         <span value="100" step="5" min="70" max="200" class="outer"><span class="inner" style="width: 23px;"></span></span>
  828.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  829.                         <span class="range-value">[100]</span>
  830.                     </span>
  831.                 </div>
  832.                 <div class="row">
  833.                     <span class="title" hstr="html.themeMenu.minimapSize">Minimap size</span>
  834.                     <span class="theme-options" type="range" name="minimapSize">
  835.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  836.                         <span value="200" step="5" min="100" max="250" class="outer"><span class="inner" style="width: 66px;"></span></span>
  837.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  838.                         <span class="range-value">[200]</span>
  839.                     </span>
  840.                 </div>
  841.                 <div class="row">
  842.                     <span class="title" hstr="html.themeMenu.skinBorder">Skin border</span>
  843.                     <span class="theme-options" type="range" name="skinBorder">
  844.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  845.                         <span value="100" step="5" min="70" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
  846.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  847.                         <span class="range-value">[100]</span>
  848.                     </span>
  849.                 </div>
  850.                 <div class="row">
  851.                     <span class="title" hstr="html.themeMenu.cellTransparency">Cell transparency</span>
  852.                     <span class="theme-options" type="range" name="cellTransparency">
  853.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  854.                         <span value="100" step="5" min="40" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
  855.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  856.                         <span class="range-value">[100]</span>
  857.                     </span>
  858.                 </div>
  859.                 <div class="row">
  860.                     <span class="title" hstr="html.themeMenu.lightenCellColor">Lighten cell color</span>
  861.                     <span class="theme-options" type="range" name="lightenCellColor">
  862.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  863.                         <span value="100" step="5" min="40" max="100" class="outer"><span class="inner" style="width: 100px;"></span></span>
  864.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  865.                         <span class="range-value">[100]</span>
  866.                     </span>
  867.                 </div>
  868.                 <div class="row">
  869.                     <span class="title" hstr="html.themeMenu.borderColor">Border color</span>
  870.                     <span class="theme-options" type="colorpicker">
  871.                         <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); opacity: 1;"></span></span><div class="minicolors-panel minicolors-slider-hue" style="display: none;"><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>
  872.                     </span>
  873.                 </div>
  874.                 <div class="row">
  875.                     <span class="title" hstr="html.themeMenu.borderWidth">Border width</span>
  876.                     <span class="theme-options" type="range" name="borderWidth">
  877.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  878.                         <span value="20" step="2" min="2" max="150" class="outer"><span class="inner" style="width: 12px;"></span></span>
  879.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  880.                         <span class="range-value">[20]</span>
  881.                     </span>
  882.                 </div>
  883.                 <div class="row">
  884.                     <span class="title" hstr="html.themeMenu.gridColor">Grid color</span>
  885.                     <span class="theme-options" type="colorpicker">
  886.                         <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>
  887.                     </span>
  888.                 </div>
  889.                 <div class="row">
  890.                     <span class="title" hstr="html.themeMenu.gridTextColor">Grid text color</span>
  891.                     <span class="theme-options" type="colorpicker">
  892.                         <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>
  893.                     </span>
  894.                 </div>
  895.                 <div class="row">
  896.                     <span class="title" hstr="html.themeMenu.gridTextSize">Grid text size</span>
  897.                     <span class="theme-options" type="range" name="gridTextSize">
  898.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  899.                         <span value="1400" step="100" min="500" max="2000" class="outer"><span class="inner" style="width: 60px;"></span></span>
  900.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  901.                         <span class="range-value">[1400]</span>
  902.                     </span>
  903.                 </div>
  904.                 <div class="row">
  905.                     <span class="title" hstr="html.themeMenu.gridTextFont">Grid text font</span>
  906.                     <span class="theme-options" type="options" name="gridTextFont">
  907.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  908.                         <b value="ubuntu">Ubuntu</b>
  909.                         <b value="raleway">Raleway</b>
  910.                         <b value="cursive">Cursive</b>
  911.                         <b value="monospace">Monospace</b>
  912.                         <b value="serif">Serif</b>
  913.                         <b value="sans-serif" class="active">Sans serif</b>
  914.                         <b value="oswald">Oswald</b>
  915.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  916.                     </span>
  917.                 </div>
  918.                 <div class="row">
  919.                     <span class="title" hstr="html.themeMenu.gridWidth">Grid width</span>
  920.                     <span class="theme-options" type="range" name="gridWidth">
  921.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  922.                         <span value="100" step="2" min="2" max="150" class="outer"><span class="inner" style="width: 66px;"></span></span>
  923.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  924.                         <span class="range-value">[100]</span>
  925.                     </span>
  926.                 </div>
  927.                 <div class="row">
  928.                     <span class="title" hstr="html.themeMenu.nickColor">Nick color</span>
  929.                     <span class="theme-options" type="colorpicker">
  930.                         <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>
  931.                     </span>
  932.                 </div>
  933.                 <div class="row">
  934.                     <span class="title" hstr="html.themeMenu.nickStrokeColor">Nick stroke color</span>
  935.                     <span class="theme-options" type="colorpicker">
  936.                         <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>
  937.                     </span>
  938.                 </div>
  939.                 <div class="row">
  940.                     <span class="title" hstr="html.themeMenu.cellNickSize">Nick size</span>
  941.                     <span class="theme-options" type="range" name="cellNickSize">
  942.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  943.                         <span value="110" step="5" min="100" max="200" class="outer"><span class="inner" style="width: 10px;"></span></span>
  944.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  945.                         <span class="range-value">[110]</span>
  946.                     </span>
  947.                 </div>
  948.                 <div class="row">
  949.                     <span class="title" hstr="html.themeMenu.nickFont">Nick font</span>
  950.                     <span class="theme-options" type="options" name="nickFont">
  951.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  952.                         <b value="ubuntu" class="active">Ubuntu</b>
  953.                         <b value="raleway">Raleway</b>
  954.                         <b value="cursive">Cursive</b>
  955.                         <b value="monospace">Monospace</b>
  956.                         <b value="serif">Serif</b>
  957.                         <b value="sans-serif">Sans serif</b>
  958.                         <b value="oswald">Oswald</b>
  959.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  960.                     </span>
  961.                 </div>
  962.                 <div class="row">
  963.                     <span class="title" hstr="html.themeMenu.massColor">Mass color</span>
  964.                     <span class="theme-options" type="colorpicker">
  965.                         <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>
  966.                     </span>
  967.                 </div>
  968.                 <div class="row">
  969.                     <span class="title" hstr="html.themeMenu.massStrokeColor">Mass stroke color</span>
  970.                     <span class="theme-options" type="colorpicker">
  971.                         <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>
  972.                     </span>
  973.                 </div>
  974.                 <div class="row">
  975.                     <span class="title" hstr="html.themeMenu.cellMassSize">Mass size</span>
  976.                     <span class="theme-options" type="range" name="cellMassSize">
  977.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  978.                         <span value="140" step="5" min="100" max="200" class="outer"><span class="inner" style="width: 40px;"></span></span>
  979.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  980.                         <span class="range-value">[140]</span>
  981.                     </span>
  982.                 </div>
  983.                 <div class="row">
  984.                     <span class="title" hstr="html.themeMenu.massFont">Mass font</span>
  985.                     <span class="theme-options" type="options" name="massFont">
  986.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  987.                         <b value="ubuntu">Ubuntu</b>
  988.                         <b value="raleway">Raleway</b>
  989.                         <b value="cursive">Cursive</b>
  990.                         <b value="monospace">Monospace</b>
  991.                         <b value="serif">Serif</b>
  992.                         <b value="sans-serif">Sans serif</b>
  993.                         <b value="oswald" class="active">Oswald</b>
  994.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  995.                     </span>
  996.                 </div>
  997.                 <div class="row">
  998.                     <span class="title" hstr="html.themeMenu.foodColor">Food color</span>
  999.                     <span class="theme-options" type="colorpicker">
  1000.                         <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>
  1001.                     </span>
  1002.                 </div>
  1003.                 <div class="row">
  1004.                     <span class="title" hstr="html.themeMenu.foodSize">Food size</span>
  1005.                     <span class="theme-options" type="range" name="foodSize">
  1006.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1007.                         <span value="1" step="1" min="1" max="10" class="outer"><span class="inner" style="width: 0px;"></span></span>
  1008.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1009.                         <span class="range-value">[1]</span>
  1010.                     </span>
  1011.                 </div>
  1012.                 <div class="row">
  1013.                     <span class="title" hstr="html.themeMenu.virusColor">Virus color</span>
  1014.                     <span class="theme-options" type="colorpicker">
  1015.                         <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>
  1016.                     </span>
  1017.                 </div>
  1018.                 <div class="row">
  1019.                     <span class="title" hstr="html.themeMenu.virusBorderColor">Virus border color</span>
  1020.                     <span class="theme-options" type="colorpicker">
  1021.                         <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>
  1022.                     </span>
  1023.                 </div>
  1024.                 <div class="row">
  1025.                     <span class="title" hstr="html.themeMenu.virusBorderWidth">virus border width</span>
  1026.                     <span class="theme-options" type="range" name="virusBorderWidth">
  1027.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1028.                         <span value="10" step="1" min="1" max="25" class="outer"><span class="inner" style="width: 37px;"></span></span>
  1029.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1030.                         <span class="range-value">[10]</span>
  1031.                     </span>
  1032.                 </div>
  1033.                 <div class="row">
  1034.                     <span class="title" hstr="html.themeMenu.backgroundColor">Background color</span>
  1035.                     <span class="theme-options" type="colorpicker">
  1036.                         <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>
  1037.                     </span>
  1038.                 </div>
  1039.                 <div class="row">
  1040.                     <span class="title" hstr="html.themeMenu.commanderColor">Commander color</span>
  1041.                     <span class="theme-options" type="colorpicker">
  1042.                         <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>
  1043.                     </span>
  1044.                 </div>
  1045.                 <div class="row">
  1046.                     <span class="title" hstr="html.themeMenu.indicatorSize">Teammate indicator size</span>
  1047.                     <span class="theme-options" type="range" name="indicatorSize">
  1048.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1049.                         <span value="100" step="5" min="50" max="150" class="outer"><span class="inner" style="width: 50px;"></span></span>
  1050.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1051.                         <span class="range-value">[100]</span>
  1052.                     </span>
  1053.                 </div>
  1054.                 <div class="row">
  1055.                     <span class="title" hstr="html.themeMenu.team1color">Team 1 color [Double Tag Mode]</span>
  1056.                     <span class="theme-options" type="colorpicker">
  1057.                         <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>
  1058.                     </span>
  1059.                 </div>
  1060.                 <div class="row">
  1061.                     <span class="title" hstr="html.themeMenu.team2color">Team 2 color [Double Tag Mode]</span>
  1062.                     <span class="theme-options" type="colorpicker">
  1063.                         <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>
  1064.                     </span>
  1065.                 </div>
  1066.             <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>
  1067.         </div>
  1068.     </div>
  1069.     <canvas id="canvas" width="596" height="796"></canvas>
  1070.    
  1071.  
  1072. <div id="fb-root" class=" fb_reset"><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=f11cbdc1c2cec14&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=f11cbdc1c2cec14&amp;origin=http%3A%2F%2Fagar.io" style="border: none;"></iframe></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div></div><iframe aria-hidden="true" id="ssIFrame_google" sandbox="allow-scripts allow-same-origin" src="https://accounts.google.com/o/oauth2/iframe#origin=http%3A%2F%2Fagar.io&amp;rpcToken=964253900.9135453" style="position: absolute; width: 1px; height: 1px; left: -9999px; display: none;"></iframe></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!