API tools faq
paste
Advertisement
dragon55

Untitled

dragon55
Jun 27th, 2018
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 80.55 KB | None | 0 0
raw download clone embed print report
  1. <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>
  2.     <title>Onyx Plus v2.0.1</title>
  3.     <script type="text/javascript" src="http://onyx.siniri.ga/jdh12su2idhdd632/vendor.js"></script>
  4.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  5.     <link href="https://fonts.googleapis.com/css?family=Oswald:300,400|Raleway:300,400,500|Ubuntu:400,500,700" rel="stylesheet">
  6.     <link rel="stylesheet" type="text/css" href="http://darknessxd.tk/DragPlus/drago.css">
  7.     <script src="http://darknessxd.tk/dssiniri88765/dragplus.js"></script>
  8.     <link href="http://darknessxd.tk/dssiniri88765/dragon.css" rel="stylesheet">
  9.     <script src="https://unpkg.com/tippy.js@2.0.4/dist/tippy.all.min.js"></script>
  10.     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  11. </head>
  12.  
  13. <body>
  14.     <div id="loading-screen"><div class="ls-title">Onyx Plus</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>
  15.     <div id="userCode">
  16.         <h3>Onyx Private</h3>
  17.             <span class="user-code-container">
  18.                 <p class="user-code-label">Code : </p>
  19.                 <input class="menu-inputs user-code-input" id="private-code" maxlength="15" disabled="">
  20.             </span>
  21.             <button class="menu-button" id="user-code-check">
  22.                 <span>Active !</span>
  23.             </button>
  24.     </div>
  25.     <div id="huds">
  26.         <div id="leaderboard-hud">
  27.             <div id="leaderboard-head" onyx="html.leaderboard.title">ONYX PLUS</div>
  28.             <div id="leaderboard-positions"></div>
  29.             <div id="leaderboard-chart">
  30.                 <div class="chart-bar red"></div>
  31.                 <div class="chart-bar green"></div>
  32.                 <div class="chart-bar blue"></div>
  33.             </div>
  34.         </div>
  35.  
  36.         <div id="message-hud">
  37.             <div id="emojiContainer"><img src="http://siniri.ga/onyx-plus/emojis/angry.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/angry-1.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/cool.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/crying.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/crying-1.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/embarrassed.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/happy.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/happy-1.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/happy-2.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/in-love.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/kiss.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/laughing.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/laughing-1.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/poo.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/sad.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/sad-1.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/shocked.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/shocked-1.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/sick.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/sleeping.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/thinking.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/tongue.cur" class="emojiPreview"><img src="http://siniri.ga/onyx-plus/emojis/wink.cur" class="emojiPreview"></div>
  38.             <input id="message" onyx="placeholder.huds.enterChatMsg" placeholder="Enter chat message...">
  39.         </div>
  40.  
  41.         <div id="chatroom" style="display: none;"></div>
  42.  
  43.         <div id="stats-hud">
  44.             <i class="fa fa-lock" aria-hidden="true"></i>
  45.         </div>
  46.  
  47.         <div id="targeting-hud">
  48.             <div>
  49.                 <div class="spectate-mode-btn active" id="spectate-mode-top">
  50.                     <i class="fa fa-video-camera"></i>
  51.                 </div>
  52.                 <div class="spectate-mode-btn" id="spectate-mode-mouse">
  53.                     <i class="fa fa-mouse-pointer"></i>
  54.                 </div>
  55.             </div>
  56.             <div id="targeting-no-1" class="static">
  57.                 <span onyx="html.huds.targeting_bigCellVp">BIGGEST CELL VIEWPORT</span>
  58.                 <i class="fa fa-video-camera"></i>
  59.             </div>
  60.             <div id="targeting-mouse" class="static">
  61.                 <span onyx="html.huds.targeting_followVp">VIEWPORT FOLLOWING MOUSE</span>
  62.                 <i class="fa fa-mouse-pointer"></i>
  63.             </div>
  64.             <div id="targeting-players">
  65.                 <div class="static">
  66.                     <span onyx="html.huds.targeting_players">TARGETING PLAYERS</span>
  67.                     <i class="fa fa-bullseye"></i>
  68.                 </div>
  69.                 <div id="targeting-player1">
  70.                     <span class="nick">Target 1</span> [
  71.                     <span class="mass">NOT SELECTED</span>]</div>
  72.                 <div id="targeting-player2">
  73.                     <span class="nick">Target 2</span> [
  74.                     <span class="mass">NOT SELECTED</span>]</div>
  75.                 <div id="targeting-playersMass">
  76.                     <span onyx="html.huds.targeting_totalMass">TOTAL MASS</span> [
  77.                     <span class="mass">0</span>]</div>
  78.             </div>
  79.         </div>
  80.  
  81.         <div id="teamlist-hud">
  82.             <div id="teams-vs">
  83.                 <div class="team-vs-info">
  84.                     <div id="team-vs-1">
  85.                         <div id="teamlist-alive1" class="team-info">
  86.                             <i class="fa fa-play"></i>
  87.                             <span>0</span>
  88.                         </div>
  89.                         <div id="teamlist-spectate1" class="team-info">
  90.                             <i class="fa fa-pause"></i>
  91.                             <span>0</span>
  92.                         </div>
  93.                         <div id="teamlist-totalmass1" class="team-info">
  94.                             <i class="fa fa-eercast"></i>
  95.                             <span>0</span>
  96.                         </div>
  97.                     </div>
  98.                     <div id="team-vs-2">
  99.                         <div id="teamlist-alive2" class="team-info">
  100.                             <i class="fa fa-play"></i>
  101.                             <span>0</span>
  102.                         </div>
  103.                         <div id="teamlist-spectate2" class="team-info">
  104.                             <i class="fa fa-pause"></i>
  105.                             <span>0</span>
  106.                         </div>
  107.                         <div id="teamlist-totalmass2" class="team-info">
  108.                             <i class="fa fa-eercast"></i>
  109.                             <span>0</span>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.                 <div class="team-vs-bar">
  114.                     <div class="team-vs-bar-inner"></div>
  115.                 </div>
  116.             </div>
  117.             <div id="teamlist-head">
  118.                 <i class="fa fa-bars" aria-hidden="true"></i>
  119.                 <span onyx="html.huds.teamlist_title">Team Players</span>
  120.             </div>
  121.             <div id="teamlist-positions"></div>
  122.             <div id="info-tp">
  123.                 <div id="teamlist-alive" class="team-info">
  124.                     <i class="fa fa-play"></i>
  125.                     <span>0</span>
  126.                 </div>
  127.                 <div id="teamlist-spectate" class="team-info">
  128.                     <i class="fa fa-pause"></i>
  129.                     <span>0</span>
  130.                 </div>
  131.                 <div id="teamlist-totalmass" class="team-info">
  132.                     <i class="fa fa-eercast"></i>
  133.                     <span>0</span>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.  
  138.         <div class="minimap-head">
  139.             <button class="minimap-button" id="minimap-show-1">1</button>
  140.             <button class="minimap-button" id="minimap-show-2">2</button>
  141.             <button class="minimap-button active" id="minimap-show-0">All</button>
  142.             <div id="fps-hud"></div>
  143.         </div>
  144.         <div id="minimap-hud">
  145.             <div class="minimap-grid">
  146.                 <div class="minimap-row">
  147.                     <div class="minimap-sector">A1</div>
  148.                     <div class="minimap-sector">A2</div>
  149.                     <div class="minimap-sector">A3</div>
  150.                     <div class="minimap-sector">A4</div>
  151.                     <div class="minimap-sector">A5</div>
  152.                 </div>
  153.                 <div class="minimap-row">
  154.                     <div class="minimap-sector">B1</div>
  155.                     <div class="minimap-sector">B2</div>
  156.                     <div class="minimap-sector">B3</div>
  157.                     <div class="minimap-sector">B4</div>
  158.                     <div class="minimap-sector">B5</div>
  159.                 </div>
  160.                 <div class="minimap-row">
  161.                     <div class="minimap-sector">C1</div>
  162.                     <div class="minimap-sector">C2</div>
  163.                     <div class="minimap-sector">C3</div>
  164.                     <div class="minimap-sector">C4</div>
  165.                     <div class="minimap-sector">C5</div>
  166.                 </div>
  167.                 <div class="minimap-row">
  168.                     <div class="minimap-sector">D1</div>
  169.                     <div class="minimap-sector">D2</div>
  170.                     <div class="minimap-sector">D3</div>
  171.                     <div class="minimap-sector">D4</div>
  172.                     <div class="minimap-sector">D5</div>
  173.                 </div>
  174.                 <div class="minimap-row">
  175.                     <div class="minimap-sector">E1</div>
  176.                     <div class="minimap-sector">E2</div>
  177.                     <div class="minimap-sector">E3</div>
  178.                     <div class="minimap-sector">E4</div>
  179.                     <div class="minimap-sector">E5</div>
  180.                 </div>
  181.             </div>
  182.  
  183.             <canvas id="minimap-nodes"></canvas>
  184.         </div>
  185.  
  186.         <div id="notifications"></div>
  187.     </div>
  188.  
  189.     <div id="menu-overlay">
  190.         <div class="menu-blur"></div>
  191.         <div class="control-bar-container">
  192.             <div class="control-bar">
  193.                 <div class="bar-button-container">
  194.                     <div class="bar-button-bg settings"></div>
  195.                     <div class="bar-button-bg dummy"></div>
  196.                     <div class="bar-button-bg play"></div>
  197.                     <div class="bar-button-bg spectate"></div>
  198.                     <div class="bar-button-bg inputs"></div>
  199.                     <div class="bar-button-bg theme"></div>
  200.                 </div>
  201.                 <div class="bar-button-container">
  202.                     <div class="bar-button" id="button-settings">
  203.                         <i class="material-icons">tune</i>
  204.                         <div class="text">
  205.                             <span onyx="html.mainMenu.btn_settings">Settings</span>
  206.                         </div>
  207.                     </div>
  208.                     <div class="bar-button dummy"></div>
  209.                     <div class="bar-button" id="button-play">
  210.                         <i class="material-icons">play_arrow</i>
  211.                         <div class="text">
  212.                             <span onyx="html.mainMenu.btn_play">Play</span>
  213.                         </div>
  214.                     </div>
  215.                     <div class="bar-button" id="button-spectate">
  216.                         <i class="material-icons">remove_red_eye</i>
  217.                         <div class="text">
  218.                             <span onyx="html.mainMenu.btn_spectate">Spectate</span>
  219.                         </div>
  220.                     </div>
  221.                     <div class="bar-button" id="button-inputs">
  222.                         <i class="material-icons">keyboard</i>
  223.                         <div class="text">
  224.                             <span onyx="html.mainMenu.btn_inputs">Inputs</span>
  225.                         </div>
  226.                     </div>
  227.                     <div class="bar-button" id="button-theme">
  228.                         <i class="material-icons">color_lens</i>
  229.                         <div class="text">
  230.                             <span onyx="html.mainMenu.btn_theme">Theme</span>
  231.                         </div>
  232.                     </div>
  233.                 </div>
  234.             </div>
  235.             <div class="bar-circle-outer">
  236.                 <div class="bar-circle">
  237.                     <div class="skin-preview" style="background: url(&quot;http://i.imgur.com/nRqSis7.png&quot;);"></div>
  238.                 </div>
  239.             </div>
  240.             <div class="skin-wheel">
  241.                 <div class="skin-wheel-bg"></div>
  242.                 <div class="skin-selector one" value="1" style="background: url(&quot;https://i.imgur.com/nRqSis7.png&quot;);"></div>
  243.                 <div class="skin-selector two" value="2"></div>
  244.                 <div class="skin-selector three" value="3"></div>
  245.                 <div class="skin-selector four" value="4"></div>
  246.                 <div class="skin-selector five" value="5"></div>
  247.                 <div class="skin-selector six" value="6"></div>
  248.                 <div class="skin-selector seven" value="7"></div>
  249.                 <div class="skin-selector eight" value="8"></div>
  250.             </div>
  251.         </div>
  252.         <div id="controls-container">
  253.  
  254.         </div>
  255.         <div id="player-data">
  256.             <button id="streamMode">
  257.                 <i class="fa fa-eye"></i>
  258.             </button>
  259.             <a id="arbSkinsLink" href="http://3rb.be/skins.php" target="_blank">
  260.                 <i class="fa fa-smile-o"></i>
  261.             </a>
  262.             <input class="menu-inputs" id="tag" onyx="placeholder.mainMenu.input_tag1" maxlength="10" placeholder="Tag">
  263.             <input class="menu-inputs" id="nick" onyx="placeholder.mainMenu.input_nick" maxlength="15" placeholder="Nick">
  264.             <input class="menu-inputs" id="arbSkin" onyx="placeholder.mainMenu.input_arbSkin" maxlength="20" placeholder="3rb Skin">
  265.             <input class="menu-inputs" id="skin" onyx="placeholder.mainMenu.input_skinUrl" maxlength="60" placeholder="Skin URL (imgur)">
  266.             <select class="menu-inputs" id="servers">
  267.                 <option value="">Select Server ...</option>
  268.                 <option value="46.105.160.57:8803">FFA 3</option>
  269.             </select>
  270.             <div class="form-group">
  271.                 <button type="button" id="play-btn" onclick="play(document.getElementById('nick').value); return false;" class="sh-btn sh-btn-primary">Play</button>
  272.                 <button id="spectate-btn" onclick="spectate(); return false;" class="sh-btn sh-btn-secondary">Spectate</button>
  273.                 <br clear="both">
  274.         </div>
  275.  
  276.  
  277.         <div id="settings" class="menu-panel">
  278.             <div class="settings-close">
  279.                 <i class="fa fa-times" aria-hidden="true"></i>
  280.             </div>
  281.             <div class="settings-container ps ps--theme_default" data-ps-id="3b6e6c05-ac43-d7a8-c893-d6e725da8680">
  282.                 <div class="row">
  283.                     <span class="title" onyx="html.settingMenu.language">Language</span>
  284.                     <span class="settings-options" type="options" name="language">
  285.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  286.                         <b value="EN" class="active">English</b>
  287.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  288.                     </span>
  289.                 </div>
  290.                 <div class="row divider"></div>
  291.                 <div class="row">
  292.                     <span class="title" onyx="html.settingMenu.CellAnimation">Animation delay</span>
  293.                     <span class="settings-options" type="range" name="CellAnimation">
  294.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  295.                         <span value="140" step="10" min="100" max="200" class="outer">
  296.                             <span class="inner" style="width: 40px;"></span>
  297.                         </span>
  298.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  299.                         <span class="range-value">[140]</span>
  300.                     </span>
  301.                 </div>
  302.                 <div class="row">
  303.                     <span class="title" onyx="html.settingMenu.eatAnimation">Cell eat [sucking] animation</span>
  304.                     <span class="settings-options" type="options" name="eatAnimation">
  305.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  306.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  307.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  308.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  309.                     </span>
  310.                 </div>
  311.                 <div class="row">
  312.                     <span class="title" onyx="html.settingMenu.cellTextAnimation">Cell text animation</span>
  313.                     <span class="settings-options" type="options" name="cellTextAnimation">
  314.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  315.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  316.                         <b value="stepped" onyx="html.settingMenu.opt_stepped">Stepped</b>
  317.                         <b value="on" onyx="html.settingMenu.opt_linear" class="active">Linear</b>
  318.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  319.                     </span>
  320.                 </div>
  321.                 <div class="row divider"></div>
  322.                 <div class="row">
  323.                     <span class="title" onyx="html.settingMenu.zoomSpeed">Zoom speed</span>
  324.                     <span class="settings-options" type="range" name="zoomSpeed">
  325.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  326.                         <span value="92" step="2" min="70" max="96" class="outer">
  327.                             <span class="inner" style="width: 84px;"></span>
  328.                         </span>
  329.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  330.                         <span class="range-value">[92]</span>
  331.                     </span>
  332.                 </div>
  333.                 <div class="row">
  334.                     <span class="title" onyx="html.settingMenu.cameraSpeed">Camera speed [2 default]</span>
  335.                     <span class="settings-options" type="range" name="cameraSpeed">
  336.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  337.                         <span value="2" step="1" min="1" max="20" class="outer">
  338.                             <span class="inner" style="width: 5px;"></span>
  339.                         </span>
  340.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  341.                         <span class="range-value">[2]</span>
  342.                     </span>
  343.                 </div>
  344.                 <div class="row">
  345.                     <span class="title" onyx="html.settingMenu.autoZoom">Auto zoom</span>
  346.                     <span class="settings-options" type="options" name="autoZoom">
  347.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  348.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  349.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  350.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  351.                     </span>
  352.                 </div>
  353.                 <div class="row divider"></div>
  354.                 <div class="row">
  355.                     <span class="title" onyx="html.settingMenu.autoHideText">Auto hide text</span>
  356.                     <span class="settings-options" type="options" name="autoHideText">
  357.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  358.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  359.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  360.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  361.                     </span>
  362.                 </div>
  363.                 <div class="row">
  364.                     <span class="title" onyx="html.settingMenu.hideOwnNick">Hide own nick</span>
  365.                     <span class="settings-options" type="options" name="hideOwnNick">
  366.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  367.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  368.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  369.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  370.                     </span>
  371.                 </div>
  372.                 <div class="row">
  373.                     <span class="title" onyx="html.settingMenu.hideOwnMass">Hide own mass</span>
  374.                     <span class="settings-options" type="options" name="hideOwnMass">
  375.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  376.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  377.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  378.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  379.                     </span>
  380.                 </div>
  381.                 <div class="row divider"></div>
  382.                 <div class="row">
  383.                     <span class="title" onyx="html.settingMenu.cellNick">Cell nick</span>
  384.                     <span class="settings-options" type="options" name="cellNick">
  385.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  386.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  387.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  388.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  389.                     </span>
  390.                 </div>
  391.                 <div class="row">
  392.                     <span class="title" onyx="html.settingMenu.nickShadow">Nick shadow</span>
  393.                     <span class="settings-options" type="options" name="nickShadow">
  394.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  395.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  396.                         <b value="performance" onyx="html.settingMenu.opt_perf">Performance</b>
  397.                         <b value="normal" onyx="html.settingMenu.opt_normal">Normal</b>
  398.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  399.                     </span>
  400.                 </div>
  401.                 <div class="row">
  402.                     <span class="title" onyx="html.settingMenu.cellMass">Cell mass</span>
  403.                     <span class="settings-options" type="options" name="cellMass">
  404.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  405.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  406.                         <b value="shortened" onyx="html.settingMenu.opt_shortened" class="active">Shortened</b>
  407.                         <b value="full" onyx="html.settingMenu.opt_full">Full</b>
  408.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  409.                     </span>
  410.                 </div>
  411.                 <div class="row">
  412.                     <span class="title" onyx="html.settingMenu.massShadow">Mass shadow</span>
  413.                     <span class="settings-options" type="options" name="massShadow">
  414.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  415.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  416.                         <b value="performance" onyx="html.settingMenu.opt_perf">Performance</b>
  417.                         <b value="normal" onyx="html.settingMenu.opt_normal">Normal</b>
  418.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  419.                     </span>
  420.                 </div>
  421.                 <div class="row divider"></div>
  422.                 <div class="row">
  423.                     <span class="title" onyx="html.settingMenu.urlSkins">URL skins</span>
  424.                     <span class="settings-options" type="options" name="urlSkins">
  425.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  426.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  427.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  428.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  429.                     </span>
  430.                 </div>
  431.                 <div class="row">
  432.                     <span class="title" onyx="html.settingMenu.arbSkins">3rb skins</span>
  433.                     <span class="settings-options" type="options" name="arbSkins">
  434.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  435.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  436.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  437.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  438.                     </span>
  439.                 </div>
  440.                 <div class="row divider"></div>
  441.                 <div class="row">
  442.                     <span class="title" onyx="html.settingMenu.vanillaGrid">Vanilla grid</span>
  443.                     <span class="settings-options" type="options" name="vanillaGrid">
  444.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  445.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  446.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  447.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  448.                     </span>
  449.                 </div>
  450.                 <div class="row">
  451.                     <span class="title" onyx="html.settingMenu.bgSectors">Background sectors</span>
  452.                     <span class="settings-options" type="options" name="bgSectors">
  453.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  454.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  455.                         <b value="onlyLines" onyx="html.settingMenu.opt_onlyLines">Only lines</b>
  456.                         <b value="snowflakes" onyx="html.settingMenu.opt_snowflakes">Snowflakes</b>
  457.                         <b value="normal" onyx="html.settingMenu.opt_normal" class="active">Normal</b>
  458.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  459.                     </span>
  460.                 </div>
  461.                 <div class="row divider"></div>
  462.                 <div class="row">
  463.                     <span class="title" onyx="html.settingMenu.food">Food</span>
  464.                     <span class="settings-options" type="options" name="food">
  465.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  466.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  467.                         <b value="monoColored" onyx="html.settingMenu.opt_singleClr" class="active">Mono colored</b>
  468.                         <b value="rainbow" onyx="html.settingMenu.opt_rainbow">Rainbow</b>
  469.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  470.                     </span>
  471.                 </div>
  472.                 <div class="row divider"></div>
  473.                 <div class="row">
  474.                     <span class="title" onyx="html.settingMenu.cursorLine">Cursor lines</span>
  475.                     <span class="settings-options" type="options" name="cursorLine">
  476.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  477.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  478.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  479.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  480.                     </span>
  481.                 </div>
  482.                 <div class="row">
  483.                     <span class="title" onyx="html.settingMenu.opponentRings">Opponent rings</span>
  484.                     <span class="settings-options" type="options" name="opponentRings">
  485.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  486.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  487.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  488.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  489.                     </span>
  490.                 </div>
  491.                 <div class="row">
  492.                     <span class="title" onyx="html.settingMenu.splitRings">Split rings</span>
  493.                     <span class="settings-options" type="options" name="splitRings">
  494.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  495.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  496.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  497.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  498.                     </span>
  499.                 </div>
  500.                 <div class="row">
  501.                     <span class="title" onyx="html.settingMenu.virusRange">Viruses range</span>
  502.                     <span class="settings-options" type="options" name="virusRange">
  503.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  504.                         <b value="off" onyx="html.settingMenu.opt_off" class="active">Off</b>
  505.                         <b value="on" onyx="html.settingMenu.opt_on">On</b>
  506.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  507.                     </span>
  508.                 </div>
  509.                 <div class="row">
  510.                     <span class="title" onyx="html.settingMenu.teamIndicator">Teammate indicator</span>
  511.                     <span class="settings-options" type="options" name="teamIndicator">
  512.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  513.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  514.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  515.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  516.                     </span>
  517.                 </div>
  518.                 <div class="row">
  519.                     <span class="title" onyx="html.settingMenu.commander">Commander</span>
  520.                     <span class="settings-options" type="options" name="commander">
  521.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  522.                         <b value="off" onyx="html.settingMenu.opt_off">Off</b>
  523.                         <b value="on" onyx="html.settingMenu.opt_on" class="active">On</b>
  524.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  525.                     </span>
  526.                 </div>
  527.                 <div class="row divider"></div>
  528.                 <div class="row">
  529.                     <span class="title" onyx="html.settingMenu.chatType">Chat type</span>
  530.                     <span class="settings-options" type="options" name="chatType">
  531.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  532.                         <b value="chatroom" onyx="html.settingMenu.opt_chatroom">Chatroom</b>
  533.                         <b value="popup" onyx="html.settingMenu.opt_popup" class="active">Pop up chat</b>
  534.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  535.                     </span>
  536.                 </div>
  537.             <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>
  538.         </div>
  539.         <div id="inputs" class="menu-panel">
  540.             <div class="inputs-tab-bar">
  541.                 <span class="inputs-tab active" target="#hotkeys">
  542.                     <i class="fa fa-keyboard-o"></i>
  543.                     <span onyx="html.hkMenu.title">Hotkeys</span>
  544.                 </span>
  545.  
  546.                 <span class="inputs-tab" target="#mouse">
  547.                     <i class="fa fa-mouse-pointer"></i>
  548.                     <span onyx="html.mouseMenu.title">Mouse</span>
  549.                 </span>
  550.  
  551.                 <span class="inputs-tab" target="#commands">
  552.                     <i class="fa fa-comments"></i>
  553.                     <span onyx="html.commandsMenu.title">Commands</span>
  554.                 </span>
  555.  
  556.                 <span class="inputs-tab close" target="#close">
  557.                     <i class="fa fa-times" aria-hidden="true"></i>
  558.                 </span>
  559.             </div>
  560.             <div class="inputs-menu-container">
  561.                 <div id="hotkeys" class="inputs-menu active ps ps--theme_default" data-ps-id="d33d8672-d404-6a05-3d0f-e3e7914aeb9e">
  562.                     <div class="row" name="toggleMenuKey">
  563.                         <span class="title" onyx="html.hkMenu.toggleMenuKey">Toggle main menu</span>
  564.                         <input class="key" value="ESC">
  565.                     </div>
  566.                     <div class="row" name="feedKey">
  567.                         <span class="title" onyx="html.hkMenu.feedKey">Feed</span>
  568.                         <input class="key" value="W">
  569.                     </div>
  570.                     <div class="row" name="macroFeedKey">
  571.                         <span class="title" onyx="html.hkMenu.macroFeedKey">Macro feed</span>
  572.                         <input class="key" value="Q">
  573.                     </div>
  574.                     <div class="row" name="splitKey">
  575.                         <span class="title" onyx="html.hkMenu.splitKey">Split</span>
  576.                         <input class="key" value="SPACE">
  577.                     </div>
  578.                     <div class="row" name="doubleSplitKey">
  579.                         <span class="title" onyx="html.hkMenu.doubleSplitKey">Double split</span>
  580.                         <input class="key" value="E">
  581.                     </div>
  582.                     <div class="row" name="split16Key">
  583.                         <span class="title" onyx="html.hkMenu.split16Key">Split 64</span>
  584.                         <input class="key" value="R">
  585.                     </div>
  586.                     <div class="row" name="stopKey">
  587.                         <span class="title" onyx="html.hkMenu.stopKey">Stop cell movement</span>
  588.                         <input class="key" value="S">
  589.                     </div>
  590.                     <div class="row" name="chatKey">
  591.                         <span class="title" onyx="html.hkMenu.chatKey">Toggle chat</span>
  592.                         <input class="key" value="Enter">
  593.                     </div>
  594.                     <div class="row" name="privateChatKey">
  595.                         <span class="title" onyx="html.hkMenu.privateChatKey">Toggle private chat</span>
  596.                         <input class="key" value="ALT+0">
  597.                     </div>
  598.                     <div class="row" name="freeSpectateKey">
  599.                         <span class="title" onyx="html.hkMenu.freeSpectateKey">Toggle spectate mode</span>
  600.                         <input class="key" value="Y">
  601.                     </div>
  602.                     <div class="row" name="toggleSplitRings">
  603.                         <span class="title" onyx="html.hkMenu.toggleSplitRings">Toggle split rings</span>
  604.                         <input class="key" value="N">
  605.                     </div>
  606.                     <div class="row" name="toggleOpponentRings">
  607.                         <span class="title" onyx="html.hkMenu.toggleOpponentRings">Toggle opponent rings</span>
  608.                         <input class="key" value="N">
  609.                     </div>
  610.                     <div class="row" name="toggleNick">
  611.                         <span class="title" onyx="html.hkMenu.toggleNick">Toggle cell nick</span>
  612.                         <input class="key" value="N">
  613.                     </div>
  614.                     <div class="row" name="toggleMass">
  615.                         <span class="title" onyx="html.hkMenu.toggleMass">Toggle cell mass</span>
  616.                         <input class="key" value="M">
  617.                     </div>
  618.                     <div class="row" name="toggleSkin">
  619.                         <span class="title" onyx="html.hkMenu.toggleSkin">Toggle skin</span>
  620.                         <input class="key" value="A">
  621.                     </div>
  622.                     <div class="row" name="toggleCustomSkin">
  623.                         <span class="title" onyx="html.hkMenu.toggleCustomSkin">Toggle Custom Skin</span>
  624.                         <input class="key" value="X">
  625.                     </div>
  626.                     <div class="row" name="toggleFood">
  627.                         <span class="title" onyx="html.hkMenu.toggleFood">Toggle food</span>
  628.                         <input class="key" value="F">
  629.                     </div>
  630.                     <div class="row" name="respawnKey">
  631.                         <span class="title" onyx="html.hkMenu.respawnKey">Quick respawn</span>
  632.                         <input class="key" value="TILDE">
  633.                     </div>
  634.                     <div class="row" name="command0Key">
  635.                         <span class="title" onyx="html.hkMenu.command0Key">Command 0</span>
  636.                         <input class="key" value="0">
  637.                     </div>
  638.                     <div class="row" name="command1Key">
  639.                         <span class="title" onyx="html.hkMenu.command1Key">Command 1</span>
  640.                         <input class="key" value="1">
  641.                     </div>
  642.                     <div class="row" name="command2Key">
  643.                         <span class="title" onyx="html.hkMenu.command2Key">Command 2</span>
  644.                         <input class="key" value="2">
  645.                     </div>
  646.                     <div class="row" name="command3Key">
  647.                         <span class="title" onyx="html.hkMenu.command3Key">Command 3</span>
  648.                         <input class="key" value="3">
  649.                     </div>
  650.                     <div class="row" name="command4Key">
  651.                         <span class="title" onyx="html.hkMenu.command4Key">Command 4</span>
  652.                         <input class="key" value="4">
  653.                     </div>
  654.                     <div class="row" name="command5Key">
  655.                         <span class="title" onyx="html.hkMenu.command5Key">Command 5</span>
  656.                         <input class="key" value="5">
  657.                     </div>
  658.                     <div class="row" name="command6Key">
  659.                         <span class="title" onyx="html.hkMenu.command6Key">Command 6</span>
  660.                         <input class="key" value="6">
  661.                     </div>
  662.                     <div class="row" name="command7Key">
  663.                         <span class="title" onyx="html.hkMenu.command7Key">Command 7</span>
  664.                         <input class="key" value="7">
  665.                     </div>
  666.                     <div class="row" name="command8Key">
  667.                         <span class="title" onyx="html.hkMenu.command8Key">Command 8</span>
  668.                         <input class="key" value="8">
  669.                     </div>
  670.                     <div class="row" name="command9Key">
  671.                         <span class="title" onyx="html.hkMenu.command9Key">Command 9</span>
  672.                         <input class="key" value="9">
  673.                     </div>
  674.                     <div class="row" name="zoom1key">
  675.                         <span class="title" onyx="html.hkMenu.zoom1key">Zoom level 1</span>
  676.                         <input class="key" value="ALT+1">
  677.                     </div>
  678.                     <div class="row" name="zoom2key">
  679.                         <span class="title" onyx="html.hkMenu.zoom2key">Zoom level 2</span>
  680.                         <input class="key" value="ALT+2">
  681.                     </div>
  682.                     <div class="row" name="zoom3key">
  683.                         <span class="title" onyx="html.hkMenu.zoom3key">Zoom level 3</span>
  684.                         <input class="key" value="ALT+3">
  685.                     </div>
  686.                     <div class="row" name="zoom4key">
  687.                         <span class="title" onyx="html.hkMenu.zoom4key">Zoom level 4</span>
  688.                         <input class="key" value="ALT+4">
  689.                     </div>
  690.                     <div class="row" name="zoom5key">
  691.                         <span class="title" onyx="html.hkMenu.zoom5key">Zoom level 5</span>
  692.                         <input class="key" value="ALT+5">
  693.                     </div>
  694.                 <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>
  695.                 <div id="mouse" class="inputs-menu ps ps--theme_default" data-ps-id="9f3929da-6e14-3773-8d1f-511151863553">
  696.                     <div class="row">
  697.                         <span class="title" onyx="html.mouseMenu.lmb">Left click</span>
  698.                         <span class="mouse-options" type="options" name="leftClick">
  699.                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  700.                             <b value="off" onyx="html.mouseMenu.off" class="active">Off</b>
  701.                             <b value="feed" onyx="html.mouseMenu.feed">Feed</b>
  702.                             <b value="macroFeed" onyx="html.mouseMenu.macroFeed">Macro feed</b>
  703.                             <b value="split" onyx="html.mouseMenu.split">Split</b>
  704.                             <b value="doubleSplit" onyx="html.mouseMenu.doubleSplit">Double split</b>
  705.                             <b value="split16" onyx="html.mouseMenu.split16">Split 64</b>
  706.                             <b value="commander" onyx="html.mouseMenu.commander">Commander</b>
  707.                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  708.                         </span>
  709.                     </div>
  710.                     <div class="row">
  711.                         <span class="title" onyx="html.mouseMenu.scroll">Middle click</span>
  712.                         <span class="mouse-options" type="options" name="middleClick">
  713.                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  714.                             <b value="off" onyx="html.mouseMenu.off">Off</b>
  715.                             <b value="feed" onyx="html.mouseMenu.feed">Feed</b>
  716.                             <b value="macroFeed" onyx="html.mouseMenu.macroFeed">Macro feed</b>
  717.                             <b value="split" onyx="html.mouseMenu.split">Split</b>
  718.                             <b value="doubleSplit" onyx="html.mouseMenu.doubleSplit">Double split</b>
  719.                             <b value="split16" onyx="html.mouseMenu.split16">Split 64</b>
  720.                             <b value="commander" onyx="html.mouseMenu.commander" class="active">Commander</b>
  721.                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  722.                         </span>
  723.                     </div>
  724.                     <div class="row">
  725.                         <span class="title" onyx="html.mouseMenu.rmb">Right click</span>
  726.                         <span class="mouse-options" type="options" name="rightClick">
  727.                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  728.                             <b value="off" onyx="html.mouseMenu.off" class="active">Off</b>
  729.                             <b value="feed" onyx="html.mouseMenu.feed">Feed</b>
  730.                             <b value="macroFeed" onyx="html.mouseMenu.macroFeed">Macro feed</b>
  731.                             <b value="split" onyx="html.mouseMenu.split">Split</b>
  732.                             <b value="doubleSplit" onyx="html.mouseMenu.doubleSplit">Double split</b>
  733.                             <b value="split16" onyx="html.mouseMenu.split16">Split 64</b>
  734.                             <b value="commander" onyx="html.mouseMenu.commander">Commander</b>
  735.                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  736.                         </span>
  737.                     </div>
  738.                     <div class="row mouse-targeting-info">
  739.                         <span onyx="html.mouseMenu.targeting_h1">Targeting</span>:
  740.                         <br>
  741.                         <br>
  742.                         <span onyx="html.mouseMenu.rmb">Right click</span>:
  743.                         <br>
  744.                         <span onyx="html.mouseMenu.targeting_txt1">Lock target 1</span>
  745.                         <br>
  746.                         <br>
  747.                         <span onyx="html.mouseMenu.lmb">Left click</span>:
  748.                         <br>
  749.                         <span onyx="html.mouseMenu.targeting_txt2">Lock target 2</span>
  750.                         <br>
  751.                         <br>
  752.                         <span onyx="html.mouseMenu.targeting_txt3">Middle click or Toggle spectate key</span>:
  753.                         <br>
  754.                         <span onyx="html.mouseMenu.targeting_txt4">Toggle top cell mode to follow mouse mode</span>
  755.                         <br>
  756.                         <span onyx="html.mouseMenu.targeting_txt5">Toggle targeting mode to follow mouse mode</span>
  757.                         <br>
  758.                         <span onyx="html.mouseMenu.targeting_txt6">Toggle follow mouse mode to top cell mode</span>
  759.                         <br>
  760.                     </div>
  761.                 <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>
  762.                 <div id="commands" class="inputs-menu ps ps--theme_default" data-ps-id="fee14bd9-5fce-bfc8-6375-2a52b5402316">
  763.                     <div class="row">
  764.                         <span class="command-input-box">
  765.                             <i>0</i>
  766.                             <input placeholder="Command 0" id="command0">
  767.                         </span>
  768.                     </div>
  769.                     <div class="row">
  770.                         <span class="command-input-box">
  771.                             <i>1</i>
  772.                             <input placeholder="Command 1" id="command1">
  773.                         </span>
  774.                     </div>
  775.                     <div class="row">
  776.                         <span class="command-input-box">
  777.                             <i>2</i>
  778.                             <input placeholder="Command 2" id="command2">
  779.                         </span>
  780.                     </div>
  781.                     <div class="row">
  782.                         <span class="command-input-box">
  783.                             <i>3</i>
  784.                             <input placeholder="Command 3" id="command3">
  785.                         </span>
  786.                     </div>
  787.                     <div class="row">
  788.                         <span class="command-input-box">
  789.                             <i>4</i>
  790.                             <input placeholder="Command 4" id="command4">
  791.                         </span>
  792.                     </div>
  793.                     <div class="row">
  794.                         <span class="command-input-box">
  795.                             <i>5</i>
  796.                             <input placeholder="Command 5" id="command5">
  797.                         </span>
  798.                     </div>
  799.                     <div class="row">
  800.                         <span class="command-input-box">
  801.                             <i>6</i>
  802.                             <input placeholder="Command 6" id="command6">
  803.                         </span>
  804.                     </div>
  805.                     <div class="row">
  806.                         <span class="command-input-box">
  807.                             <i>7</i>
  808.                             <input placeholder="Command 7" id="command7">
  809.                         </span>
  810.                     </div>
  811.                     <div class="row">
  812.                         <span class="command-input-box">
  813.                             <i>8</i>
  814.                             <input placeholder="Command 8" id="command8">
  815.                         </span>
  816.                     </div>
  817.                     <div class="row">
  818.                         <span class="command-input-box">
  819.                             <i>9</i>
  820.                             <input placeholder="Command 9" id="command9">
  821.                         </span>
  822.                     </div>
  823.                 <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>
  824.             </div>
  825.         </div>
  826.         <div id="theme" class="menu-panel">
  827.             <div class="theme-close">X</div>
  828.             <div class="theme-container">
  829.                 <div class="row">
  830.                     <span class="title" onyx="html.themeMenu.selectedPreset">Theme preset</span>
  831.                     <span class="theme-options" type="options" name="selectedPreset">
  832.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  833.                         <b value="Onyx Plus">Onyx Plus</b>
  834.                         <b value="Pastels">Pastels</b>
  835.                         <b value="Agarplus v2">Agarplus v2</b>
  836.                         <b value="Ogario v4">Ogario v4</b>
  837.                         <b value="HKG">HKG</b>
  838.                         <b value="Yin">Yin</b>
  839.                         <b value="VNDOT">VNDOT</b>
  840.                         <b value="OZYDOT">OZYDOT</b>
  841.                         <b value="custom" class="active">Custom</b>
  842.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  843.                     </span>
  844.                 </div>
  845.                 <div class="row">
  846.                     <span class="title" onyx="html.themeMenu.cursor">Cursor</span>
  847.                     <span class="theme-options" type="range" name="cursor">
  848.                         <img src="" id="cursorDisplay">
  849.                         <div id="cursorOff">[OFF] </div>
  850.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  851.                         <span value="13" step="1" min="1" max="15" class="outer">
  852.                             <span class="inner"></span>
  853.                         </span>
  854.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  855.                         <span class="range-value">[0]</span>
  856.                     </span>
  857.                 </div>
  858.                 <div class="row">
  859.                     <span class="title" onyx="html.themeMenu.chatFontSize">Chat font size</span>
  860.                     <span class="theme-options" type="range" name="chatFontSize">
  861.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  862.                         <span value="14" step="1" min="10" max="24" class="outer">
  863.                             <span class="inner"></span>
  864.                         </span>
  865.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  866.                         <span class="range-value">[0]</span>
  867.                     </span>
  868.                 </div>
  869.                 <div class="row">
  870.                     <span class="title" onyx="html.themeMenu.lbSize">Leaderboard size</span>
  871.                     <span class="theme-options" type="range" name="lbSize">
  872.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  873.                         <span value="100" step="5" min="70" max="200" class="outer">
  874.                             <span class="inner"></span>
  875.                         </span>
  876.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  877.                         <span class="range-value">[0]</span>
  878.                     </span>
  879.                 </div>
  880.                 <div class="row">
  881.                     <span class="title" onyx="html.themeMenu.minimapSize">Minimap size</span>
  882.                     <span class="theme-options" type="range" name="minimapSize">
  883.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  884.                         <span value="200" step="5" min="100" max="250" class="outer">
  885.                             <span class="inner"></span>
  886.                         </span>
  887.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  888.                         <span class="range-value">[0]</span>
  889.                     </span>
  890.                 </div>
  891.                 <div class="row">
  892.                     <span class="title" onyx="html.themeMenu.skinBorder">Skin border</span>
  893.                     <span class="theme-options" type="range" name="skinBorder">
  894.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  895.                         <span value="90" step="5" min="70" max="100" class="outer">
  896.                             <span class="inner"></span>
  897.                         </span>
  898.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  899.                         <span class="range-value">[0]</span>
  900.                     </span>
  901.                 </div>
  902.                 <div class="row">
  903.                     <span class="title" onyx="html.themeMenu.cellTransparency">Cell transparency</span>
  904.                     <span class="theme-options" type="range" name="cellTransparency">
  905.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  906.                         <span value="100" step="5" min="40" max="100" class="outer">
  907.                             <span class="inner"></span>
  908.                         </span>
  909.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  910.                         <span class="range-value">[0]</span>
  911.                     </span>
  912.                 </div>
  913.                 <div class="row">
  914.                     <span class="title" onyx="html.themeMenu.lightenCellColor">Lighten cell color</span>
  915.                     <span class="theme-options" type="range" name="lightenCellColor">
  916.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  917.                         <span value="100" step="5" min="40" max="100" class="outer">
  918.                             <span class="inner"></span>
  919.                         </span>
  920.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  921.                         <span class="range-value">[0]</span>
  922.                     </span>
  923.                 </div>
  924.                 <div class="row">
  925.                     <span class="title" onyx="html.themeMenu.borderColor">Border color</span>
  926.                     <span class="theme-options" type="colorpicker">
  927.                         <input id="borderColor" opacity="0">
  928.                     </span>
  929.                 </div>
  930.                 <div class="row">
  931.                     <span class="title" onyx="html.themeMenu.borderWidth">Border width</span>
  932.                     <span class="theme-options" type="range" name="borderWidth">
  933.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  934.                         <span value="60" step="2" min="2" max="150" class="outer">
  935.                             <span class="inner"></span>
  936.                         </span>
  937.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  938.                         <span class="range-value">[0]</span>
  939.                     </span>
  940.                 </div>
  941.                 <div class="row">
  942.                     <span class="title" onyx="html.themeMenu.gridColor">Grid color</span>
  943.                     <span class="theme-options" type="colorpicker">
  944.                         <input id="gridColor" opacity="0">
  945.                     </span>
  946.                 </div>
  947.                 <div class="row">
  948.                     <span class="title" onyx="html.themeMenu.gridTextColor">Grid text color</span>
  949.                     <span class="theme-options" type="colorpicker">
  950.                         <input id="gridTextColor" opacity="0">
  951.                     </span>
  952.                 </div>
  953.                 <div class="row">
  954.                     <span class="title" onyx="html.themeMenu.gridTextSize">Grid text size</span>
  955.                     <span class="theme-options" type="range" name="gridTextSize">
  956.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  957.                         <span value="1500" step="100" min="500" max="2000" class="outer">
  958.                             <span class="inner"></span>
  959.                         </span>
  960.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  961.                         <span class="range-value">[0]</span>
  962.                     </span>
  963.                 </div>
  964.                 <div class="row">
  965.                     <span class="title" onyx="html.themeMenu.gridTextFont">Grid text font</span>
  966.                     <span class="theme-options" type="options" name="gridTextFont">
  967.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  968.                         <b value="ubuntu">Ubuntu</b>
  969.                         <b value="raleway">Raleway</b>
  970.                         <b value="cursive">Cursive</b>
  971.                         <b value="monospace">Monospace</b>
  972.                         <b value="serif">Serif</b>
  973.                         <b value="sans-serif">Sans serif</b>
  974.                         <b value="oswald" class="active">Oswald</b>
  975.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  976.                     </span>
  977.                 </div>
  978.                 <div class="row">
  979.                     <span class="title" onyx="html.themeMenu.gridWidth">Grid width</span>
  980.                     <span class="theme-options" type="range" name="gridWidth">
  981.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  982.                         <span value="10" step="2" min="2" max="150" class="outer">
  983.                             <span class="inner"></span>
  984.                         </span>
  985.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  986.                         <span class="range-value">[0]</span>
  987.                     </span>
  988.                 </div>
  989.                 <div class="row">
  990.                     <span class="title" onyx="html.themeMenu.nickColor">Nick color</span>
  991.                     <span class="theme-options" type="colorpicker">
  992.                         <input id="nickColor" opacity="0">
  993.                     </span>
  994.                 </div>
  995.                 <div class="row">
  996.                     <span class="title" onyx="html.themeMenu.nickStrokeColor">Nick stroke color</span>
  997.                     <span class="theme-options" type="colorpicker">
  998.                         <input id="nickStrokeColor" opacity="0">
  999.                     </span>
  1000.                 </div>
  1001.                 <div class="row">
  1002.                     <span class="title" onyx="html.themeMenu.cellNickSize">Nick size</span>
  1003.                     <span class="theme-options" type="range" name="cellNickSize">
  1004.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1005.                         <span value="100" step="5" min="100" max="200" class="outer">
  1006.                             <span class="inner"></span>
  1007.                         </span>
  1008.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1009.                         <span class="range-value">[0]</span>
  1010.                     </span>
  1011.                 </div>
  1012.                 <div class="row">
  1013.                     <span class="title" onyx="html.themeMenu.nickFont">Nick font</span>
  1014.                     <span class="theme-options" type="options" name="nickFont">
  1015.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1016.                         <b value="ubuntu">Ubuntu</b>
  1017.                         <b value="raleway">Raleway</b>
  1018.                         <b value="cursive">Cursive</b>
  1019.                         <b value="monospace">Monospace</b>
  1020.                         <b value="serif">Serif</b>
  1021.                         <b value="sans-serif">Sans serif</b>
  1022.                         <b value="oswald" class="active">Oswald</b>
  1023.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1024.                     </span>
  1025.                 </div>
  1026.                 <div class="row">
  1027.                     <span class="title" onyx="html.themeMenu.massColor">Mass color</span>
  1028.                     <span class="theme-options" type="colorpicker">
  1029.                         <input id="massColor" opacity="0">
  1030.                     </span>
  1031.                 </div>
  1032.                 <div class="row">
  1033.                     <span class="title" onyx="html.themeMenu.massStrokeColor">Mass stroke color</span>
  1034.                     <span class="theme-options" type="colorpicker">
  1035.                         <input id="massStrokeColor" opacity="0">
  1036.                     </span>
  1037.                 </div>
  1038.                 <div class="row">
  1039.                     <span class="title" onyx="html.themeMenu.cellMassSize">Mass size</span>
  1040.                     <span class="theme-options" type="range" name="cellMassSize">
  1041.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1042.                         <span value="100" step="5" min="100" max="200" class="outer">
  1043.                             <span class="inner"></span>
  1044.                         </span>
  1045.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1046.                         <span class="range-value">[0]</span>
  1047.                     </span>
  1048.                 </div>
  1049.                 <div class="row">
  1050.                     <span class="title" onyx="html.themeMenu.massFont">Mass font</span>
  1051.                     <span class="theme-options" type="options" name="massFont">
  1052.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1053.                         <b value="ubuntu">Ubuntu</b>
  1054.                         <b value="raleway">Raleway</b>
  1055.                         <b value="cursive">Cursive</b>
  1056.                         <b value="monospace">Monospace</b>
  1057.                         <b value="serif">Serif</b>
  1058.                         <b value="sans-serif">Sans serif</b>
  1059.                         <b value="oswald" class="active">Oswald</b>
  1060.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1061.                     </span>
  1062.                 </div>
  1063.                 <div class="row">
  1064.                     <span class="title" onyx="html.themeMenu.foodColor">Food color</span>
  1065.                     <span class="theme-options" type="colorpicker">
  1066.                         <input id="foodColor" opacity="0">
  1067.                     </span>
  1068.                 </div>
  1069.                 <div class="row">
  1070.                     <span class="title" onyx="html.themeMenu.foodSize">Food size</span>
  1071.                     <span class="theme-options" type="range" name="foodSize">
  1072.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1073.                         <span value="4" step="1" min="1" max="10" class="outer">
  1074.                             <span class="inner"></span>
  1075.                         </span>
  1076.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1077.                         <span class="range-value">[0]</span>
  1078.                     </span>
  1079.                 </div>
  1080.                 <div class="row">
  1081.                     <span class="title" onyx="html.themeMenu.virusColor">Virus color</span>
  1082.                     <span class="theme-options" type="colorpicker">
  1083.                         <input id="virusColor" opacity="0">
  1084.                     </span>
  1085.                 </div>
  1086.                 <div class="row">
  1087.                     <span class="title" onyx="html.themeMenu.virusBorderColor">Virus border color</span>
  1088.                     <span class="theme-options" type="colorpicker">
  1089.                         <input id="virusBorderColor" opacity="0">
  1090.                     </span>
  1091.                 </div>
  1092.                 <div class="row">
  1093.                     <span class="title" onyx="html.themeMenu.virusBorderWidth">virus border width</span>
  1094.                     <span class="theme-options" type="range" name="virusBorderWidth">
  1095.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1096.                         <span value="10" step="1" min="1" max="25" class="outer">
  1097.                             <span class="inner"></span>
  1098.                         </span>
  1099.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1100.                         <span class="range-value">[0]</span>
  1101.                     </span>
  1102.                 </div>
  1103.                 <div class="row">
  1104.                     <span class="title" onyx="html.themeMenu.backgroundColor">Background color</span>
  1105.                     <span class="theme-options" type="colorpicker">
  1106.                         <input id="backgroundColor" opacity="0">
  1107.                     </span>
  1108.                 </div>
  1109.                 <div class="row">
  1110.                     <span class="title" onyx="html.themeMenu.commanderColor">Commander color</span>
  1111.                     <span class="theme-options" type="colorpicker">
  1112.                         <input id="commanderColor" opacity="0">
  1113.                     </span>
  1114.                 </div>
  1115.                 <div class="row">
  1116.                     <span class="title" onyx="html.themeMenu.indicatorSize">Teammate indicator size</span>
  1117.                     <span class="theme-options" type="range" name="indicatorSize">
  1118.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  1119.                         <span value="70" step="5" min="50" max="150" class="outer">
  1120.                             <span class="inner"></span>
  1121.                         </span>
  1122.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  1123.                         <span class="range-value">[0]</span>
  1124.                     </span>
  1125.                 </div>
  1126.                 <div class="row">
  1127.                     <span class="title" onyx="html.themeMenu.team1color">Team 1 color [Double Tag Mode]</span>
  1128.                     <span class="theme-options" type="colorpicker">
  1129.                         <input id="team1color" opacity="0">
  1130.                     </span>
  1131.                 </div>
  1132.                 <div class="row">
  1133.                     <span class="title" onyx="html.themeMenu.team2color">Team 2 color [Double Tag Mode]</span>
  1134.                     <span class="theme-options" type="colorpicker">
  1135.                         <input id="team2color" opacity="0">
  1136.                     </span>
  1137.                 </div>
  1138.             </div>
  1139.         </div>
  1140.     </div>
  1141.     <canvas id="canvas"></canvas>
  1142.     <script type="text/javascript" id="bundlejs" src="http://darknessxd.tk/DragPlus/DragPlus.js" defer=""></script>
  1143.  
  1144.  
  1145. </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!