Advertisement
dragon55

Untitled

Apr 20th, 2018
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.55 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.     <head>
  5.         <meta charset="utf-8">
  6.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <meta name="description" content="3rb.be Hp 4 Ever !">
  9.         <meta name="keywords" content="agario, 3rb.be, io, dragon, extention, hp, اقاريو, أقاريو, agar, العربيه, أقاريو العربية">
  10.         <meta name="robots" content="index, follow">
  11.         <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  12.         <meta name="apple-mobile-web-app-capable" content="yes">
  13.         <title>Hp 4 Ever !</title>
  14.         <link id="ficon" rel="icon" type="image/png" href="https://i.imgur.com/2SpZ8kH.png">
  15.         <link href="https://fonts.googleapis.com/css?family=Ubuntu:700" rel="stylesheet" type="text/css">
  16.         <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
  17.         <link href="http://darknessxd.tk/cdn/css/jquery.minicolors.min.css" rel="stylesheet">
  18.         <link href="http://darknessxd.tk/cdn/css/alertify.rtl.css" rel="stylesheet">
  19.         <link href="http://darknessxd.tk/dssiniri88765/onyx.css" rel="stylesheet">
  20.         <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  21.         <script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
  22.         <script src="http://darknessxd.tk/cdn/js/jquery.minicolors.min.js"></script>
  23.         <script src="http://darknessxd.tk/cdn/js/alertify.min.js"></script>
  24.         <script src="http://darknessxd.tk/dssiniri88765/siniri.js"></script>
  25.     </head>
  26.     <body>
  27.         <div class="modal fade" id="inPageModal" role="dialog">
  28.             <div class="modal-dialog">
  29.                 <div class="modal-content">
  30.                     <div class="modal-header">
  31.                         <button type="button" class="close" data-dismiss="modal">×</button>
  32.                         <h4 id="inPageModalTitle" class="modal-title">skins</h4>
  33.                     </div>
  34.                     <div id="inPageModalBody" class="modal-body">
  35.                         <p>Failed to load. Please check your connection!</p>
  36.                         <div class="center">
  37.                             <div class="loader"></div>
  38.                         </div>
  39.                     </div>
  40.                     <div class="modal-footer">
  41.                         <button type="button" class="sh-btn sh-btn-primary" data-dismiss="modal">Close</button>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.         <div class="modal fade" id="hotkeysModal" role="dialog">
  47.             <div class="modal-dialog">
  48.                 <div class="modal-content">
  49.                     <div id="hotkeysHeader" class="modal-header">
  50.                         <button type="button" class="close" data-dismiss="modal">×</button>
  51.                         <h4 id="hotkeysModalTitle" class="modal-title">Hotkeys</h4>
  52.                     </div>
  53.                     <div id="hotkeysModalBody" class="modal-body"></div>
  54.                     <div class="modal-footer">
  55.                         <button type="button" class="sh-btn sh-btn-primary" data-dismiss="modal">Close</button>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.         <div id="overlays" style="display: block;">
  61.             <div id="helloDialog">
  62.                 <form role="form">
  63.                     <div class="form-group">
  64.                         <ul class="nav nav-tabs">
  65.                             <li class="active">
  66.                                 <a data-toggle="tab" href="#home">
  67.                                     <i class="glyphicon glyphicon-home"></i>
  68.                                 </a>
  69.                             </li>
  70.                             <li>
  71.                                 <a data-toggle="tab" href="#settings">
  72.                                     <i class="glyphicon glyphicon-cog"></i>
  73.                                 </a>
  74.                             </li>
  75.                             <li>
  76.                                 <a data-toggle="tab" href="#theme">
  77.                                     <i class="glyphicon glyphicon-adjust"></i>
  78.                                 </a>
  79.                             </li>
  80.                             <li>
  81.                                 <a data-toggle="modal" data-target="#inPageModal" onclick="openSkinsList();">
  82.                                     <i class="glyphicon glyphicon-picture"></i>
  83.                                 </a>
  84.                             </li>
  85.                             <li>
  86.                                 <a data-toggle="modal" data-target="#hotkeysModal" id="btnHotkeys">
  87.                                     <i class="glyphicon glyphicon-equalizer"></i>
  88.                                 </a>
  89.                             </li>
  90.                         </ul>
  91.                     </div>
  92.                     <div class="tab-content">
  93.                         <div id="home" class="tab-pane fade in active">
  94.                             <div class="form-group">
  95.                                 <!--<input id="team_name" name="team_name" class="form-control save" data-box-id="10" placeholder="Team" maxlength="5" />-->
  96.                                 <input id="nick" name="nick" class="form-control save" data-box-id="0" placeholder="Nick" maxlength="15">
  97.                                 <input id="skin" name="skin" class="form-control save" data-box-id="13" placeholder="Skin" maxlength="10">
  98.                                 <br clear="both">
  99.                             </div>
  100.                             <div class="form-group">
  101.                                 <input id="skin_url" name="skin_url" class="form-control save" data-box-id="9" placeholder="Skin Url (imgur.com)" maxlength="60">
  102.                                 <select id="gamemode" class="form-control" onchange="setserver($(this).val());" required="">
  103.                                     <option id="opt_ffa1" value="54.36.205.10:8801">FFA 1 [96/100]</option>
  104.                                     <option id="opt_ffa2" value="54.36.205.10:8802">FFA 2 [99/100]</option>
  105.                                     <option id="opt_ffa3" value="54.36.205.10:8803" selected="">FFA 3 [102/100]</option>
  106.                                     <option id="opt_ffa4" value="54.36.205.10:8804">FFA 4 [79/100]</option>
  107.                                     <option id="opt_ffa5" value="54.36.205.10:8805">FFA 5 [89/100]</option>
  108.                                     <option id="opt_ffa6" value="54.36.205.10:8806">FFA 6 [92/100]</option>
  109.                                     <option id="opt_ffa7" value="54.36.205.10:4407">FFA 7 [96/100]</option>
  110.                                     <option id="opt_ffa8" value="46.105.160.57:4408">FFA 8 [116/100]</option>
  111.                                     <option id="opt_ffa9" value="46.105.160.57:4409">FFA 9 [76/100]</option>
  112.                                     <option id="opt_ffa10" value="46.105.160.57:4410">FFA 10 [74/100]</option>
  113.                                     <option id="opt_ffa11" value="46.105.160.57:4401">FFA 11 [97/100]</option>
  114.                                     <option id="opt_ffa12" value="46.105.160.57:4402">FFA 12 [90/100]</option>
  115.                                     <option id="opt_ffa13" value="46.105.160.57:4403">FFA 13 [82/100]</option>
  116.                                     <option id="opt_ffa14" value="46.105.160.56:8814">FFA 14 [74/100]</option>
  117.                                     <option id="opt_ffa15" value="46.105.160.56:8815">FFA 15 [102/100]</option>
  118.                                 </select>
  119.                                 <br clear="both">
  120.                             </div>
  121.                             <div class="form-group">
  122.                                 <button type="button" id="play-btn" onclick="play(document.getElementById('nick').value); return false;" class="sh-btn sh-btn-primary">Play</button>
  123.                                 <button id="spectate-btn" onclick="spectate(); return false;" class="sh-btn sh-btn-secondary">Spectate</button>
  124.                                 <br clear="both">
  125.                             </div>
  126.                         </div>
  127.                         <div id="settings" class="tab-pane fade checkbox">
  128.                             <div id="settings-container" class="row">
  129.                                 <div class="form-group" id="mainform">
  130.                                     <div id="rangeSettingsContainer"><label for="splitAnimation">Animation: <span id="splitAnimationValue">200</span></label><input class="range-slider__range" id="splitAnimation" type="range" min="20" max="500" value="200" step="1"><label for="zoomSpeed">Zoom Speed: <span id="zoomSpeedValue">0.9</span></label><input class="range-slider__range" id="zoomSpeed" type="range" min="0.88" max="0.99" value="0.9" step="0.01"></div>
  131.                                     <hr>
  132.                                     <br clear="both">
  133.                                 </div>
  134.                                 <div style="margin: 6px;">
  135.                                     <div class="col-xs-6">
  136.                                         <label>
  137.                                             <input id="opt_skins" type="checkbox" class="save" data-box-id="1" onchange="setSkins(!$(this).is(':checked'));"> <span class="settingsText">No skins</span></label>
  138.                                         <label>
  139.                                             <input id="opt_myName" type="checkbox" class="save" data-box-id="3" onchange="setHideMyName($(this).is(':checked'));"> <span class="settingsText">Hide My Name</span></label>
  140.                                         <label>
  141.                                             <input id="opt_names" type="checkbox" class="save" data-box-id="2" onchange="setNames(!$(this).is(':checked'));"> <span class="settingsText">No names</span></label>
  142.                                         <label>
  143.                                             <input type="checkbox" class="save" data-box-id="4" onchange="setColors($(this).is(':checked'));"> <span class="settingsText">No colors</span></label>
  144.                                         <label>
  145.                                             <input id="opt_mass" type="checkbox" class="save" data-box-id="5" onchange="setShowMass($(this).is(':checked'));"> <span class="settingsText">Show mass</span></label>
  146.                                         <label>
  147.                                             <input type="checkbox" class="save" data-box-id="7" onchange="setChatHide($(this).is(':checked'));"> <span class="settingsText">Hide chat</span></label>
  148.                                         <label>
  149.                                             <input id="opt_minimap" type="checkbox" class="save" data-box-id="8" onchange="setMinimap($(this).is(':checked'));"> <span class="settingsText">Hide minimap</span></label>
  150.                                         <label>
  151.                                             <input type="checkbox" class="save" data-box-id="20" onchange="setChatPopUp(!$(this).is(':checked'));"> <span class="settingsText">Hide Chat Popup</span></label>
  152.                                         <label>
  153.                                             <input type="checkbox" class="save" data-box-id="21" onchange="setChatBox($(this).is(':checked'));"> <span class="settingsText">Chat Box</span></label>
  154.                                         <label>
  155.                                             <input type="checkbox" class="save" data-box-id="23" onchange="AutoHideText($(this).is(':checked'));"> <span class="settingsText">Auto Hide Text</span></label>
  156.                                     </div>
  157.                                     <div class="col-xs-6">
  158.                                         <label>
  159.                                             <input type="checkbox" class="save" data-box-id="12" onchange="setShowGrid($(this).is(':checked'));"> <span class="settingsText">Show Grid</span></label>
  160.                                         <label>
  161.                                             <input id="opt_auto_zoom" type="checkbox" class="save" data-box-id="14" onchange="setAutoZoom($(this).is(':checked'));"> <span class="settingsText">Auto Zoom</span></label>
  162.                                         <label>
  163.                                             <input id="opt_zoom" type="checkbox" class="save" data-box-id="15" onchange="setZoom($(this).is(':checked'));"> <span class="settingsText">Zoom</span></label>
  164.                                         <label>
  165.                                             <input type="checkbox" class="save" data-box-id="16" onchange="setAnimation($(this).is(':checked'));"> <span class="settingsText">Animation</span></label>
  166.                                         <label>
  167.                                             <input type="checkbox" class="save" data-box-id="17" onchange="setTextOutline($(this).is(':checked'));"> <span class="settingsText">Text Shadows</span></label>
  168.                                         <label>
  169.                                             <input id="opt_grid_locations" type="checkbox" class="save" data-box-id="18" onchange="setGridLocations($(this).is(':checked'));"> <span class="settingsText">Grid Locations</span></label>
  170.                                         <label>
  171.                                             <input type="checkbox" class="save" data-box-id="19" onchange="setEnablePointsColor($(this).is(':checked'));"> <span class="settingsText">Points Color</span></label>
  172.                                         <label>
  173.                                             <input id="opt_customSkins" type="checkbox" class="save" data-box-id="11" onchange="setCustomSkins($(this).is(':checked'));"> <span class="settingsText">Custom Skins</span></label>
  174.                                         <label>
  175.                                             <input type="checkbox" class="save" data-box-id="22" onchange="setShowStatus(!$(this).is(':checked'));"> <span class="settingsText">Hide Status</span></label>
  176.                                         <label>
  177.                                             <input id="opt_leaderboard" type="checkbox" class="save" data-box-id="24" onchange="setShowLeaderBoard($(this).is(':checked'));"> <span class="settingsText">Hide LeaderBoard</span></label>
  178.                                     </div>
  179.                                 </div>
  180.                             </div>
  181.                         </div>
  182.                         <div id="theme" class="tab-pane fade">
  183.                             <div class="row">
  184.                                 <div style="margin: 6px;">
  185.                                     <div class="col-xs-6">
  186.                                         <label class="lableColor">Background Color</label>
  187.                                         <label class="lableColor">Border Color</label>
  188.                                         <label class="lableColor">LeaderBoard Color</label>
  189.                                         <label class="lableColor">LeaderBoard Names</label>
  190.                                         <label class="lableColor">LeaderBoard My Name</label>
  191.                                         <label class="lableColor">Cell Text</label>
  192.                                         <label class="lableColor">Cell Text Strok</label>
  193.                                         <label class="lableColor">Points Color</label>
  194.                                         <label class="lableColor">Virus Color</label>
  195.                                         <label class="lableColor">Virus Strok</label>
  196.                                         <label class="lableColor">Popup Color</label>
  197.                                         <label class="lableColor">Popup Text</label>
  198.                                         <label class="lableColor">Map My Cell</label>
  199.                                         <label class="lableColor">Status Color</label>
  200.                                     </div>
  201.                                     <div class="col-xs-6">
  202.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="bgColor" class="minicolors form-control 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>
  203.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="borderColor" class="minicolors form-control 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>
  204.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="leaderboardColor" class="minicolors form-control 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>
  205.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="leaderboardNamesColor" class="minicolors form-control 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>
  206.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="leaderboardMyName" class="minicolors form-control minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(250, 170, 170);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 150px;"></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: 2px; left: 48px;"><div></div></div></div></div></div>
  207.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="cellTextColor" class="minicolors form-control 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>
  208.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="cellTextStrokColor" class="minicolors form-control 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>
  209.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="foodColor" class="minicolors form-control minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(80, 0, 255);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 42.1569px;"></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(81, 0, 255);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 0px; left: 150px;"><div></div></div></div></div></div>
  210.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="virusColor" class="minicolors form-control 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>
  211.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="virusStrokColor" class="minicolors form-control minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(189, 187, 187);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 150px;"></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: 38px; left: 2px;"><div></div></div></div></div></div>
  212.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="popupColor" class="minicolors form-control 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>
  213.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="popupTextColor" class="minicolors form-control minicolors-input" size="7"><span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(37, 115, 232);"></span></span><div class="minicolors-panel minicolors-slider-hue"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker" style="top: 60px;"></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, 102, 255);"><div class="minicolors-grid-inner"></div><div class="minicolors-picker" style="top: 13px; left: 127px;"><div></div></div></div></div></div>
  214.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="mapCellColor" class="minicolors form-control 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>
  215.                                         <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" id="statusColor" class="minicolors form-control 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>
  216.                                     </div>
  217.                                 </div>
  218.                             </div>
  219.                         </div>
  220.                     </div>
  221.                 </form>
  222.                 <hr>
  223. <footer>
  224.         <div id="divRadio">
  225.             <!--<audio autoplay id="radio" style="width: 100%;" controls src="http://frshoutcast.comunicazion.eu:8815/;" name="media">-->
  226.             <audio id="radio" style="width: 100%;" controls="" src="http://frshoutcast.comunicazion.eu:8815/;" name="media">
  227.             </audio>
  228.         </div>
  229.         <marquee>Copyright © 2018 Dragon - All rights reserved</marquee>
  230.     </footer>
  231.            </div>
  232.         </div>
  233. </div>
  234.         <div id="connecting" style="display: none;">
  235.             <div id="connectingInfo">
  236.                 <h2>Connecting</h2>
  237.                 <p> If you cannot connect to the servers, check if you have some anti virus or firewall blocking the connection.</p>
  238.             </div>
  239.         </div>
  240.         <canvas id="canvas" width="746" height="933"></canvas>
  241.         <input type="text" id="chat_textbox" placeholder="Press enter to chat" maxlength="200" style="display: none;">
  242.         <div style="font-family:'Ubuntu'">&nbsp;</div>
  243.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  244.    
  245.    </body>
  246. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement