1<!DOCTYPE html> 2<html lang="id"> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" 8 charset="UTF-8"> 9 <title> 10 RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D & Bandar Togel Online HK Pools 11 </title> 12 <meta name="description" 13 content="RAJACOLOK merupakan platform profesional yang menawarkan akses bermain situs toto hk lotto dengan & bandar togel hongkong pools dengan layanan live draw hk tercepat hari ini." /> 14 <meta name="keywords" 15 content="rajacolok, raja colok, situs toto hk, hk lotto, hk pools, togel online" /> 16 <link rel="canonical" href="https://rajacolok-02.com/" /> 17 <meta name="google-site-verification" content="mGayiVkIe6XZImdnL2jVm1J75qsJD7irYa-WEGyQBJg" /> 18 <link rel="amphtml" href="https://home.historyraja02.com/" /> 19 <meta property="og:title" 20 content="RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D & Bandar Togel Online HK Pools" /> 21 <meta property="og:description" 22 content="RAJACOLOK merupakan platform profesional yang menawarkan akses bermain situs toto hk lotto dengan & bandar togel hongkong pools dengan layanan live draw hk tercepat hari ini." /> 23 <meta property="og:url" 24 content="https://rajacolok-02.com/" /> 25 <meta name="robots" content="index, follow"> 26 <meta name="categories" content="website" /> 27 <meta name="copyright" content="RajaColok"> 28 <meta name="rating" content="general"> 29 <meta name="geo.region" content="ID"> 30 <meta name="geo.country" content="ID"> 31 <meta name="language" content="Id-ID"> 32 <meta name="distribution" content="global"> 33 <meta name="geo.placename" content="DKI Jakarta"> 34 <meta name="author" content="RAJACOLOK"> 35 <meta name="publisher" content="RAJACOLOK"> 36 <meta property="og:type" content="website"> 37 <meta property="og:site_name" content="RAJACOLOK"> 38 <meta property="og:locale" content="ID_id"> 39 <meta property="og:image:alt" content="Game Online"> 40 <meta name="twitter:card" content="summary"> 41 <meta name="twitter:site" content="https://rajacolok-02.com/"> 42 <meta name="twitter:title" content="RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D & Bandar Togel Online HK Pools"> 43 <meta name="twitter:description" content="RAJACOLOK merupakan platform profesional yang menawarkan akses bermain situs toto hk lotto dengan & bandar togel hongkong pools dengan layanan live draw hk tercepat hari ini."> 44 <link rel="stylesheet" href="https://rajacolok.dataklmsad903.site/vendor/fontawesome-free/css/all.min.css" type="text/css"> 45 <link rel="stylesheet" 46 href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"> 47 <link rel="stylesheet" href="https://rajacolok.dataklmsad903.site/vendor/bootstrap/3.3.7/css/bootstrap.min.css" 48 type="text/css"> 49 <link rel="preload" href="https://rajacolok.dataklmsad903.site/css/Open24DisplaySt.woff2" as="font" 50 type="font/woff2" crossorigin="anonymous"> 51 <link rel="preload" href="https://rajacolok.dataklmsad903.site/css/Teko-SemiBold.ttf" as="font" type="font/ttf" 52 crossorigin="anonymous"> 53 <link rel="preload" href="https://rajacolok.dataklmsad903.site/css/Poppins-Regular.ttf" as="font" type="font/ttf" 54 crossorigin="anonymous"> 55 <link rel="shortcut icon" href="https://rajacolok.dataklmsad902.site/images/sett
55ing-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" type="image/x-icon"> 56
56<script src="https://embed.qrisoke.id/v4/embed/qris/script?token=65d0e8bc076eabcb6595433e5c3478612dc57c7ac310c5d61aa0f9a5697c08a4"></script>
56 57 58 <!-- Meta Pixel Code -->
59<script>
vendor: 408 bytes, lines 59-68
59 60!function(f,b,e,v,n,t,s) 61{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 62n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 63if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 64n.queue=[];t=b.createElement(e);t.async=!0; 65t.src=v;s=b.getElementsByTagName(e)[0]; 66s.parentNode.insertBefore(t,s)}(window, document,'script', 67'https://connect.facebook.net/en_US/fbevents.js'); 68fbq('init', '
682871683829834695
vendor: 32 bytes, lines 68-69
68'); 69fbq('track', 'PageView');
70</script>
70 71<noscript><img height="1" width="1" style="display:none" 72src="https://www.facebook.com/tr?id=2871683829834695&ev=PageView&noscript=1" 73/></noscript> 74<!-- End Meta Pixel Code --> 75 76<!-- Meta Pixel Code -->
77<script>
vendor: 408 bytes, lines 77-86
77 78!function(f,b,e,v,n,t,s) 79{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 80n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 81if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 82n.queue=[];t=b.createElement(e);t.async=!0; 83t.src=v;s=b.getElementsByTagName(e)[0]; 84s.parentNode.insertBefore(t,s)}(window, document,'script', 85'https://connect.facebook.net/en_US/fbevents.js'); 86fbq('init', '
86472903395355813
vendor: 32 bytes, lines 86-87
86'); 87fbq('track', 'PageView');
88</script>
88 89<noscript><img height="1" width="1" style="display:none" 90src="https://www.facebook.com/tr?id=472903395355813&ev=PageView&noscript=1" 91/></noscript> 92<!-- End Meta Pixel Code --> 93 94 95<!-- Meta Pixel Code -->
96<script>
vendor: 408 bytes, lines 96-105
96 97!function(f,b,e,v,n,t,s) 98{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 99n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 100if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 101n.queue=[];t=b.createElement(e);t.async=!0; 102t.src=v;s=b.getElementsByTagName(e)[0]; 103s.parentNode.insertBefore(t,s)}(window, document,'script', 104'https://connect.facebook.net/en_US/fbevents.js'); 105fbq('init', '
1052130316717739476
vendor: 32 bytes, lines 105-106
105'); 106fbq('track', 'PageView');
107</script>
107 108<noscript><img height="1" width="1" style="display:none" 109src="https://www.facebook.com/tr?id=2130316717739476&ev=PageView&noscript=1" 110/></noscript> 111<!-- End Meta Pixel Code --> 112 <meta name="google" content="notranslate"> 113<div class="LIVECHAT RAJACOLOK"> 114 <div style="position: fixed;bottom: 80px;left: 10px;z-index: 10;opacity: 0.98;"> 115 <a href="https://secure.livechatinc.com/customer/action/open_chat?license_id=18660819" target="_blank" rel="noopener"> 116 <img src="https://i.postimg.cc/nrhHfDgJ/livechat.gif" alt="LIVECHAT RAJACOLOK" width="65" height="65"> 117 </a> 118 </div> 119<style> 120@font-face { 121 font-family: Open24DisplaySt; 122 src: url(/css/Open24DisplaySt.woff2); 123} 124@font-face { 125 font-family: Teko-SemiBold; 126 src: url(/css/Teko-SemiBold.ttf); 127} 128@font-face { 129 font-family: Poppins-Regular; 130 src: url(/css/Poppins-Regular.ttf); 131} 132body { 133 margin: 0 auto; 134 color: #fff; 135 font-size: 14px !important; 136} 137.form-control { 138 background-color: #00063A !important; 139 border-color: #707070; 140 -moz-appearance: none; 141 -webkit-appearance: none; 142 color: #000; 143} 144.login-btn:hover { 145 background-color: #5f5f5f !important; 146 border-color: #5f5f5f !important; 147} 148.register-btn:hover { 149 color: #fff !important; 150 text-decoration: none; 151} 152.menu-opt-active { 153 color: transparent !important; 154 -webkit-background-clip: text; 155 background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%), 156 linear-gradient(to bottom, #0000ac 0, #0000ea 100%); 157 font-weight: bold; 158} 159.menu-opt a:hover { 160 color: transparent !important; 161 -webkit-background-clip: text; 162 background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%), 163 linear-gradient(to bottom, #0000ac 0, #0000ea 100%); 164 text-decoration: none; 165} 166.menu-opt:hover { 167 color: transparent !important; 168 -webkit-background-clip: text; 169 background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%), 170 linear-gradient(to bottom, #0000ac 0, #0000ea 100%); 171 text-decoration: none; 172} 173.provider:hover { 174 width: 100%; 175 background-color: rgba(0, 0, 255, 0.5); 176 border-radius: 6px; 177} 178@keyframes topbar-icon-bounce { 179 0%, 20%, 40%, 60%, 80%, 100% { 180 transform:translateY(0) 181 } 182 70% { 183 transform:translateY(-5px) 184 } 185 50% { 186 transform:translateY(-12px) 187 } 188} 189.glowing { 190 position: relative; 191 overflow: hidden; 192} 193.glowing:before { 194 content: ''; 195 position: absolute; 196 width: 100px; 197 height: 100%; 198 background-image: linear-gradient( 199 120deg, 200 rgba(255,255,255, 0) 30%, 201 rgba(255,255,255, .8), 202 rgba(255,255,255, 0) 70% 203 ); 204 top: 0; 205 left: -100px; 206 animation: shine 3s infinite linear; /* Animation */ 207} 208@keyframes shine { 209 0% {left: -100px} 210 20% {left: 100%} 211 100% {left: 100%} 212} 213.circular-menu__button { 214 display: none; 215} 216.circular-menu__button:checked + .circular-menu__icon { 217 transform: scale(1, 1) translate3d(0, 0, 0); 218 transition-duration: 0.1s; 219 transition-timing-function: linear; 220} 221.circular-menu__button:checked ~ .circular-menu__item { 222 transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33); 223} 224.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) { 225 transition-duration: 0.18s; 226 transform: translate3d(0px, -105px, 0); 227} 228.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) { 229 transition-duration: 0.28s; 230 transform: translate3d(99.86093418px, -32.446784369999996px, 0); 231} 232.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) { 233 transition-duration: 0.38s; 234 transform: translate3d(61.71745146px, 84.94678437px, 0); 235} 236.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) { 237 transition-duration: 0.48s; 238 transform: translate3d(-61.71745146px, 84.94678437px, 0); 239} 240.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) { 241 transition-duration: 0.58s; 242 transform: translate3d(-99.86093418px, -32.446784369999996px, 0
242); 243} 244.circular-menu__icon { 245 background: linear-gradient(#5F70FB, #4E63FA); 246 border-radius: 100%; 247 box-shadow: 0 2px 5px rgba(0,0,0,0.25); 248 height: 50px; 249 line-height: 50px; 250 margin-left: 10px; 251 position: fixed; 252 text-align: center; 253 bottom: 150px; 254 transform: translate3d(0, 0, 0); 255 transition: transform ease-out 0.2s; 256 width: 50px; 257 cursor: pointer; 258 transform: scale(1.1, 1.1) translate3d(0, 0, 0); 259 transition-duration: 0.4s; 260 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); 261 z-index: 7; 262} 263.circular-menu__icon:hover { 264 transform: scale(1.2, 1.2) translate3d(0, 0, 0); 265} 266.circular-menu__item { 267 background-image: linear-gradient(#5F70FB, #4E63FA); 268 border-radius: 100%; 269 box-shadow: 0 2px 5px rgba(0,0,0,0.25); 270 color: #fff; 271 height: 45px; 272 line-height: 45px; 273 margin-left: 10px; 274 position: fixed; 275 text-align: center; 276 bottom: 160px; 277 transform: translate3d(0, 0, 0); 278 transition: transform ease-out 0.2s; 279 width: 45px; 280 z-index: 5; 281} 282.circular-menu__item:nth-of-type(1) { 283 transition-duration: 0.18s; 284} 285.circular-menu__item:nth-of-type(2) { 286 transition-duration: 0.18s; 287} 288.circular-menu__item:nth-of-type(3) { 289 transition-duration: 0.18s; 290} 291.circular-menu__item:nth-of-type(4) { 292 transition-duration: 0.18s; 293} 294.circular-menu__item:nth-of-type(5) { 295 transition-duration: 0.18s; 296} 297.circular-menu__item:hover { 298 color: #1414dc; 299 background: #8080f0; 300} 301.circular-menu__item:active, 302.circular-menu__item:focus { 303 color: #00008b; 304} 305</style> 306 307<style> 308/* HILANGKAN ICON DEFAULT */ 309.circular-menu__icon * { 310 display: none !important; 311} 312 313 314/* TOMBOL MENU CIRCULAR */ 315.circular-menu__icon { 316 background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important; 317 background-size: cover !important; 318 width: 70px !important; 319 height: 70px !important; 320 border-radius: 50% !important; 321 box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1); 322 animation: glow 5s infinite alternate, shake 2s infinite; 323 z-index: 9999; 324} 325 326/* TOMBOL TUTUP CIRCULAR */ 327.circular-menu__close { 328 background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important; 329 background-size: contain !important; 330 width: 50px !important; 331 height: 50px !important; 332 border-radius: 50% !important; 333 border: none !important; 334 box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1); 335 z-index: 9999; 336} 337 338/* Efek Glow (mengilap) */ 339@keyframes glow { 340 0% { 341 box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1); 342 } 343 100% { 344 box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1); 345 } 346} 347 348/* Efek Shake (getar halus) */ 349@keyframes shake { 350 0%, 100% { 351 transform: translate(0, 0) rotate(0deg); 352 } 353 20% { 354 transform: translate(-1px, 1px) rotate(-1deg); 355 } 356 40% { 357 transform: translate(1px, -1px) rotate(1deg); 358 } 359 60% { 360 transform: translate(-1px, 1px) rotate(-1deg); 361 } 362 80% { 363 transform: translate(1px, -1px) rotate(1deg); 364 } 365} 366</style> 367 368<style> 369/* Sembunyikan tombol asli bawaan CMS */ 370.circular-menu__item { 371 display: none !important; 372} 373 374/* Overlay transparan */ 375#menuOverlay { 376 display: none; 377 position: fixed; 378 top: 0; 379 left: 0; 380 width: 100%; 381 height: 100%; 382 background: rgba(0, 0, 0, 0.0); /* transparan */ 383 z-index: 9998; 384} 385 386/* Container menu custom */ 387.custom-menu { 388 display: none; 389 position: fixed; 390 top: 100px; 391 left: 50%; 392 transform: translateX(-50%); 393 z-index: 9999; 394} 395 396/* Tombol custom */ 397.custom-menu .button { 398 display: block; 399 width: 220px; 400 background: linear-gradient(to bottom, rgb(0, 0, 255), rgba(1, 1, 179, 0.8)); 401 color: white; 402 font-weight: bold; 403 text-align: center; 404 padding: 12px 20px; 405 margin: 8px 0; 406 border-radius: 30px; 407 box-shadow: 408 0 0 15px rgba(0, 0, 255, 0.8), 409 0 0 25px rgba(0, 0, 255, 0.6), 410 0 0 35px rgba(0, 0, 255, 0.4); 411 transition: transform 0.3s, box-shadow 0.3s;
412 position: relative; 413 overflow: hidden; 414 cursor: pointer; 415} 416 417/* Hover efek berkilau */ 418.custom-menu .button:hover { 419 transform: scale(1.05); 420 box-shadow: 421 0 0 25px rgb(0, 0, 255), 422 0 0 40px rgba(0, 0, 207, 0.8), 423 0 0 60px rgba(0, 0, 138, 0.6); 424} 425 426/* Efek kilau animasi */ 427.custom-menu .button::after { 428 content: ''; 429 position: absolute; 430 top: -50%; 431 left: -50%; 432 width: 200%; 433 height: 200%; 434 background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.0) 60%); 435 transform: rotate(25deg); 436 animation: shine 2s infinite; 437} 438 439@keyframes shine { 440 0% { 441 transform: translateX(-100%) rotate(25deg); 442 } 443 100% { 444 transform: translateX(100%) rotate(25deg); 445 } 446} 447</style> 448 449<!-- Overlay --> 450<div id="menuOverlay"></div> 451 452<!-- HTML tombol custom --> 453<div class="custom-menu" id="customMenu"> 454 <div class="button" onclick="window.location.href='https://bit.ly/RTP-Rajacolok'">RTP RAJACOLOK</div> 455 <div class="button" onclick="window.location.href='https://rajacolok.co/'">LINK ALTERNATIF RAJACOLOK</div> 456 457 458</div> 459
460<script> 461// Fungsi untuk buka menu + overlay 462function openMenu() { 463 document.getElementById('customMenu').style.display = 'block'; 464 document.getElementById('menuOverlay').style.display = 'block'; 465} 466 467// Fungsi untuk tutup semua (menu & overlay) lalu reload 468function closeAll() { 469 document.getElementById('customMenu').style.display = 'none'; 470 document.getElementById('menuOverlay').style.display = 'none'; 471 window.location.href = '/'; // reload ke halaman utama 472} 473 474// Event tombol CMS 475document.addEventListener('DOMContentLoaded', function () { 476 const iconBtn = document.querySelector('.circular-menu__icon'); 477 if (iconBtn) { 478 iconBtn.addEventListener('click', function () { 479 openMenu(); 480 }); 481 } 482 483 // Klik overlay = tutup semua 484 document.getElementById('menuOverlay').addEventListener('click', closeAll); 485}); 486</script>
486 487<!-- End circular menu--> 488
489<script> 490 document.addEventListener('DOMContentLoaded', function() { 491 if (window.location.pathname === "/mobile/promo") { 492 document.body.classList.add('promo-page'); 493 } 494 document.querySelectorAll('div[style="font-size: 11px; padding-top: 20px; width: 100px;"]').forEach(function(div) { 495 div.classList.add('oioioi'); 496 }); 497 498 document.querySelectorAll('div[style="margin-top: 50px;"]').forEach(function(div) { 499 div.classList.add('bgbg'); 500 }); 501 502 document.querySelectorAll('div[style="background-color: #000; display: flex; padding: 8px 0; font-weight: 500;"]').forEach(function(div) { 503 div.classList.add('bgbg2'); 504 }); 505 506 }); 507</script>
507 508<style> 509 510 511 #main_menu_outer_container { 512 background-color: rgba(0, 0, 0, 0.5) !important; 513 } 514 515 .bgbg2{ 516 background-color: rgba(0, 0, 0, 0.5) !important; 517 } 518 519 .footer-bg{ 520 background: rgba(0, 0, 0, 0.5) !important; 521 } 522 523 .bgbg{ 524 background: url() center !important; 525 background-size: 100% !important; 526 } 527</style> 528<style> 529 /* Sembunyikan icon lama sebelum diganti JS */ 530 img[src*="game-7-mobile.png"], 531 img[src*="game-8-mobile.png"], 532 img[src*="game-6-mobile.png"], 533 img[src*="game-4-mobile.png"], 534 img[src*="game-5-mobile.png"], 535 img[src*="game-2-mobile.png"], 536 img[src*="game-3-mobile.png"], 537 img[src*="game-9-mobile.png"] { 538 visibility: hidden; 539 opacity: 0; 540 } 541 </style> 542 543 544 545 <style> 546 @keyframes logoShine { 547 0% { 548 filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 202)); 549 } 550 50% { 551 filter: brightness(1.2) drop-shadow(0 0 8px #0000db); 552 } 553 100% { 554 filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 165)); 555 } 556 } 557 558 main img { 559 animation: logoShine 2.5s infinite; 560 transition: transform 0.3s ease-in-out; 561 } 562 563 main img:hover { 564 transform: scale(1.05); 565 } 566 </style> 567 568 569 570
570<script> 571 (function () { 572 const icons = [ 573 { src: "game-7-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3V/togel-rajacolok.png" }, 574 { src: "game-2-mobile.png", newSrc: "https://i.postimg.cc/B6H67mJ3/slots-rajacolok.png" }, 575 { src: "game-3-mobile.png", newSrc: "https://i.postimg.cc/rpvs9B2s/casino-rajacolok.png" }, 576 { src: "game-5-mobile.png", newSrc: "https://i.postimg.cc/DZLZpx7F/sport-rajacolok.png" }, 577 { src: "game-8-mobile.png", newSrc: "https://i.postimg.cc/PqBJMgnP/sabung-ayam-rajacolok.png" }, 578 { src: "game-4-mobile.png", newSrc: "https://i.postimg.cc/k4K4YT7q/tembak-ikan-rajacolok.png" }, 579 { src: "game-6-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3f/virtual-rajacolok.png" }, 580 { src: "game-9-mobile.png", newSrc: "https://i.postimg.cc/k5kGy0PD/crash-game-rajacolok.png" } 581 ]; 582 583 function gantiIcon() { 584 icons.forEach(icon => { 585 document.querySelectorAll(`img[src*="${icon.src}"]`).forEach(img => { 586 if (!img.dataset.changed) { 587 img.src = icon.newSrc; 588 img.style.width = "68px"; 589 img.style.height = "auto"; 590 img.style.visibility = "visible"; 591 img.style.opacity = "1"; 592 img.dataset.changed = "true"; 593 } 594 }); 595 }); 596 } 597 598 document.addEventListener("DOMContentLoaded", gantiIcon); 599 const observer = new MutationObserver(gantiIcon); 600 observer.observe(document.body, { childList: true, subtree: true }); 601 setInterval(gantiIcon, 2000); 602 })(); 603 </script>
603 604 605
606<script> 607document.addEventListener("DOMContentLoaded", function () { 608 var isMobile = window.innerWidth <= 768; 609 610 // Ubah ini sesuai URL halaman utama kamu: 611 var validPaths = ["/", "/index.php", "/mobile", "/mobile/", "/mobile/index.php"]; 612 613 // Cek apakah path saat ini cocok persis 614 var isHomepage = validPaths.includes(location.pathname); 615 616 if (isMobile && isHomepage) { 617 var banner = document.createElement("div"); 618 banner.id = "smart_banner"; 619 banner.style.cssText = ` 620 width: 100%; 621 height: 50px; 622 display: flex; 623 align-items: center; 624 font-family: Verdana, arial, sans-serif; 625 color: #fff; 626 background-color: #000000; 627 z-index: 7; 628 position: fixed; 629 top: 0; 630 `; 631 632 banner.innerHTML = ` 633 <div class="app_icon" style="width: 43px; margin-left: 10px; flex-shrink: 0;"> 634 <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="App Icon" style="display: block; height: 40px;"> 635 </div> 636 <div class="app_info" style="margin-left: 10px; flex-grow: 1;"> 637 <div class="app_title" style="font-size: 13px; font-weight: bold; color: #ffcc00; line-height: 1;">FACEBOOK RAJACOLOK</div> 638 <div class="app_slogan" style="font-size: 12px; color: #FFF; line-height: 1;">AKSES MASUK LINK ALTERNATIF RAJACOLOK TERCEPAT DISINI</div> 639 </div> 640 641 642 643 <style> 644@keyframes shine { 645 0% { 646 background-position: -100px; 647 } 648 100% { 649 background-position: 200px; 650 } 651} 652 653.download_button a.shiny-gold { 654 font-size: 11px; 655 padding: 6px 10px; 656 color: #000; 657 background: linear-gradient(90deg, #0000ff, #dcdcff , #0000ff); 658 border-radius: 20px; 659 border: 2px solid #0c0c82; 660 box-shadow: 0 0 5px rgba(255, 215, 0, 0.6); 661 font-weight: bold; 662 background-size: 200% auto; 663 background-clip: padding-box; 664 animation: shine 2.5s linear infinite; 665 transition: transform 0.2s ease-in-out; 666 display: inline-block; 667 text-align: center; 668 text-decoration: none; 669} 670 671.active-menu-scroll { 672 top: 100px !important; 673 } 674 675 .bgbg { 676 margin-top: 100px !important; 677 } 678</style> 679 680<!-- === CSS Snackbar + Ganti Warna Background === --> 681<style> 682#snackbar-mobile { 683 display: flex; 684 align-items: center; 685 justify-content: center; 686 position: fixed; 687 bottom: -100px; 688 left: 50%; 689 transform: translateX(-50%); 690 background: #000; 691 color: rgb(0, 0, 0); 692 padding: 10px 20px; 693 border-radius: 30px; 694 border: 2px solid rgb(0, 0, 255); 695 box-shadow: 0 0 15px rgb(0, 0, 255); 696 z-index: 9999; 697 font-size: 14px; 698 width: 50%; 699 opacity: 0; 700 transition: bottom 0.5s ease, opacity 0.5s ease; 701 text-align: center; 702} 703#snackbar-mobile.show { 704 bottom: 30px; 705 opacity: 1; 706} 707.snackbar-content { 708 display: flex; 709 align-items: center; 710 justify-content: center; 711} 712.snackbar-mobile-img { 713 width: 30px; 714 height: 30px; 715 border-radius: 50%; 716 margin-right: 8px; 717} 718.snackbar-icon { 719 color: rgb(0, 0, 255); 720 margin-right: 5px; 721} 722@media (max-width: 480px) { 723 #snackbar-mobile { 724 font-size: 12px; 725 padding: 8px 10px; 726 width: 80%; 727 } 728} 729/* Ganti background hitam di halaman permainan */ 730@media (max-width: 768px) { 731 .main-menu-outer-container, 732 div[style*="background-color: #1d1d2f"], 733 .game-category-container, 734 .provider-container, 735 .category-button { 736 background: #11118800 !important; 737 } 738} 739</style> 740 741<div class="download_button" style="margin-right: 10px; flex-shrink: 0;"> 742 <a href="https://rajacolok.co/" 743 target="_blank" 744 title="Link Alternatif RAJACOLOK" 745 class="shiny-gold"> 746 KLIK DISINI 747 </a> 748</div> 749 `; 750 751 // Sisipkan sebelum header utama (yang hitam) 752 var header = document.querySelector('div[style*="background-color: #111188"]'); 753 if (header && header.parentNode) { 754 header.parentNode.insertBefore(banner, header); 755 // Set header turun 50px dari atas karena ada smart_banner 756 header.style.top = "50px"; 757 header.style.backgroundColor = "#000000"; 758 } 759 } 760}); 761</script>
761 762 763<!-- === CSS Snackbar + Ganti Warna Background === --> 764<style> 765#snackbar-mobile { 766 display: flex; 767 align-items: center; 768 justify-content: center; 769 position: fixed; 770 bottom: -100px; 771 left: 50%; 772 transform: translateX(-50%); 773 background: #000; 774 color: rgb(0, 0, 0); 775 padding: 10px 20px; 776 border-radius: 30px; 777 border: 2px solid rgb(0, 0, 255); 778 box-shadow: 0 0 15px rgb(0, 0, 255); 779 z-index: 9999; 780 font-size: 14px; 781 width: 50%; 782 opacity: 0; 783 transition: bottom 0.5s ease, opacity 0.5s ease; 784 text-align: center; 785} 786#snackbar-mobile.show { 787 bottom: 30px; 788 opacity: 1; 789} 790.snackbar-content { 791 display: flex; 792 align-items: center; 793 justify-content: center; 794} 795.snackbar-mobile-img { 796 width: 30px; 797 height: 30px; 798 border-radius: 50%; 799 margin-right: 8px; 800} 801.snackbar-icon { 802 color: rgb(0, 0, 255); 803 margin-right: 5px; 804} 805@media (max-width: 480px) { 806 #snackbar-mobile { 807 font-size: 12px; 808 padding: 8px 10px; 809 width: 80%; 810 } 811} 812/* Ganti background hitam di halaman permainan */ 813@media (max-width: 768px) { 814 .main-menu-outer-container, 815 div[style*="background-color: #1d1d2f"], 816 .game-category-container, 817 .provider-container, 818 .category-button { 819 background: #11118800 !important; 820 } 821} 822</style> 823 824<!-- === HTML Snackbar === --> 825<div id="snackbar-mobile"> 826 <div class="snackbar-content"> 827 <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="Logo" class="snackbar-mobile-img"> 828 <p id="withdraw-text" style="margin: 0; color: white;"> 829 <i class="fa fa-check-circle snackbar-icon"></i> 830 <strong style="color: white;">user****id</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">Rp 9.728.000,00</span> 831 </p> 832 </div> 833</div> 834 835<!-- === JS Otomatis === -->
836<script> 837window.addEventListener('load', () => { 838 // Ubah background hitam ke gradasi emas 839 document.querySelectorAll('[style*="background-color: #1d1d2f"]').forEach(el => { 840 el.style.background = 'linear-gradient(to bottom, #ffd700, #ffcc00, #f1c40f, #b8860b)'; 841 }); 842 843 const usernames = ["lu****89", "fi****xy", "we****op", "mo****12", "ke****lo", "zi****ng", "Hl**g", "Bk**99", "Bh**79", "Kd**9"]; 844 const amounts = ["Rp 5.728.000", "Rp 12.350.000", "Rp 3.950.000", "Rp 7.150.000", "Rp 10.500.000", "Rp 9.000.000", "Rp 19.000.000", "Rp 36.700.000", "Rp 3.700.000", "Rp 9.000.000"]; 845 846 const excludedPaths = [ 847 '/mobile/logout', '/mobile/privacy', '/mobile/togel', '/mobile/slot', '/mobile/game', '/mobile/live-casino', '/mobile/sport', '/mobile/promo','/mobile/sabung-ayam', '/mobile/tembak-ikan', '/mobile/virtual', '/mobile/sosmed', 848 '/mobile/user/deposit', '/mobile/user/withdraw', '/mobile/user/history', 849 '/mobile/user/history/slot', '/mobile/user/history/live-casino', 850 '/mobile/user/history/fish-shoot', '/mobile/user/history/sport', 851 '/mobile/user/history/virtual', '/mobile/user/history/cockfighting', 852 '/mobile/user/history/lottery', '/mobile/user/buku-mimpi', 853 '/mobile/user/memo', '/mobile/user/referral', 854 '/mobile/user/pengecekan/turn-over', '/mobile/user/profil', '/mobile/user', '/mobile/user/promo', '/mobile/masuk' 855 ]; 856 857 const currentPath = window.location.pathname; 858 859 if (!excludedPaths.includes(currentPath)) { 860 function showSnackbarDummy() { 861 const username = usernames[Math.floor(Math.random() * usernames.length)]; 862 const amount = amounts[Math.floor(Math.random() * amounts.length)]; 863 const snackbar = document.getElementById('snackbar-mobile'); 864 if (snackbar) { 865 document.getElementById('withdraw-text').innerHTML = ` 866 <i class="fa fa-check-circle snackbar-icon"></i> 867 <strong style="color: white;">${username}</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">${amount}</span> 868 `; 869 snackbar.classList.add('show'); 870 setTimeout(() => { 871 snackbar.classList.remove('show'); 872 }, 2500); 873 } 874 } 875 setInterval(showSnackbarDummy, 5000); // â muncul tiap 5 detik 876 } 877}); 878</script>
878 879 880<style> 881 882/* HILANGKAN KOTAK PUTIH SAAT DIKLIK */ 883*{ 884 885 -webkit-tap-highlight-color: 886 transparent !important; 887 888 outline: 889 none !important; 890 891 user-select: 892 none !important; 893 894 -webkit-user-select: 895 none !important; 896 897 -webkit-touch-callout: 898 none !important; 899 900} 901 902/* KHUSUS IMAGE */ 903img{ 904 905 pointer-events: 906 auto; 907 908 user-drag: 909 none; 910 911 -webkit-user-drag: 912 none; 913 914} 915 916/* SAAT KLIK */ 917a:focus, 918button:focus, 919div:focus, 920img:focus{ 921 922 outline:none!important; 923 -webkit-tap-highlight-color:transparent!important; 924 925} 926 927</style> 928 929<style> 930 931/* HILANGKAN JACKPOT PROGRESIF */ 932div[style*="font-family: Teko-SemiBold"], 933div[style*="jackpot-mobile.jpg"]{ 934 935 display: 936 none !important; 937 938} 939 940</style> 941<style> 942 943/* HEADER TOGEL SLOT */ 944div[style*="border-left"]{ 945 946 background: 947 linear-gradient( 948 180deg, 949 #3b3bff 0%, 950 #0000c4 45%, 951 #000e88 100% 952 ) !important; 953 954 border-left: 955 2px solid #ffe27a !important; 956 957 border-radius: 958 12px !important; 959 960 padding: 961 5px 9px !important; 962 963 min-height: 964 38px !important; 965 966 box-shadow: 967 0 0 7px rgba(0,0,255,.15), 968 inset 0 1px 0 rgba(255,255,255,.07) !important; 969 970} 971 972/* ICON */ 973div[style*="border-left"] img{ 974 975 width: 976 42px !important; 977 978 height: 979 auto !important; 980 981 margin-right: 982 6px !important; 983 984} 985 986/* TULISAN */ 987div[style*="border-left"] *{ 988 989 color: 990 #ffe8a3 !important; 991 992 font-weight: 993 700 !important; 994 995 font-size: 996 12px !important; 997 998 line-height: 999 1.1 !important; 1000 1001} 1002 1003</style> 1004<style> 1005 1006/* FULL TRANSPARAN AREA MASUK DAFTAR */ 1007div[style*="#4b0500"]{ 1008 1009 background: 1010 transparent !important; 1011 1012 background-color: 1013 transparent !important; 1014 1015 box-shadow: 1016 none !important; 1017 1018 border: 1019 none !important; 1020 1021} 1022 1023</style> 1024
1025<script> 1026document.addEventListener("DOMContentLoaded", function(){ 1027 1028 document 1029 .querySelectorAll(".carousel-indicators") 1030 .forEach(function(el){ 1031 1032 el.remove(); 1033 1034 }); 1035 1036}); 1037</script>
1037 1038 1039<style> 1040 1041/* TOMBOL MASUK & DAFTAR */ 1042div[onclick*="/mobile/masuk"], 1043div[onclick*="/mobile/daftar"]{ 1044 1045 height: 1046 44px !important; 1047 1048 border-radius: 1049 12px !important; 1050 1051 display: 1052 flex !important; 1053 1054 align-items: 1055 center !important; 1056 1057 justify-content: 1058 center !important; 1059 1060 font-size: 1061 15px !important; 1062 1063 font-weight: 1064 700 !important; 1065 1066 letter-spacing: 1067 .5px !important; 1068 1069 color: 1070 #fff !important; 1071 1072 border: 1073 1px solid rgba(255,255,255,.12) !important; 1074 1075 box-shadow: 1076 0 4px 10px rgba(0,0,0,.22), 1077 inset 0 1px 0 rgba(255,255,255,.10) !important; 1078 1079} 1080 1081/* MASUK */ 1082div[onclick*="/mobile/masuk"]{ 1083 1084 background: 1085 linear-gradient( 1086 180deg, 1087 #4d4dff 0%, 1088 #0000d1 55%, 1089 #0017c8 100% 1090 ) !important; 1091 1092} 1093 1094/* DAFTAR */ 1095div[onclick*="/mobile/daftar"]{ 1096 1097 background: 1098 linear-gradient( 1099 180deg, 1100 #ffe27a 0%, 1101 #ffbf00 55%, 1102 #c88600 100% 1103 ) !important; 1104 1105 color: 1106 #00002b !important; 1107 1108} 1109 1110/* EFEK KLIK */ 1111div[onclick*="/mobile/masuk"]:active, 1112div[onclick*="/mobile/daftar"]:active{ 1113 1114 transform: 1115 scale(.97); 1116 1117} 1118 1119</style> 1120<style> 1121 1122/* AREA HITAM MENU GAME */ 1123div[style*="background-color: #111188"]{ 1124 1125 background: 1126 linear-gradient( 1127 180deg, 1128 #2b2bff 0%, 1129 #0000b3 55%, 1130 #000e88 100% 1131 ) !important; 1132 1133} 1134 1135/* GARIS BAWAH MENU */ 1136div[style*="background-color: #111188"]::after{ 1137 1138 background: 1139 #ffe27a !important; 1140 1141} 1142 1143/* TEXT MENU */ 1144div[style*="background-color: #ED1900"] *{ 1145 1146 color: 1147 #000000 !important; 1148 1149} 1150 1151</style> 1152 1153<style> 1154 1155/* BACKGROUND SIDEBAR */ 1156#right-column, 1157#right-column .active, 1158#right-column div{ 1159 1160 background: 1161 #0b0b0b !important; 1162 1163} 1164 1165/* AGAR TETAP ELEGAN */ 1166#right-column{ 1167 1168 background: 1169 linear-gradient( 1170 180deg, 1171 #050505 0%, 1172 #111111 50%, 1173 #050505 100% 1174 ) !important; 1175 1176} 1177 1178/* INPUT */ 1179#right-column input{ 1180 1181 background: 1182 #1a1a1a !important; 1183 1184 color: 1185 #ffffff !important; 1186 1187 border: 1188 1px solid rgba(255,255,255,.08) !important; 1189 1190} 1191 1192/* MENU */ 1193#right-column a{ 1194 1195 color: 1196 #ffffff !important; 1197 1198} 1199 1200/* ICON */ 1201#right-column i{ 1202 1203 color: 1204 #ffd86b !important; 1205 1206} 1207 1208</style> 1209 1210<style> 1211 1212/* FONT TOMBOL DAFTAR */ 1213#right-column a[href*="daftar"]{ 1214 1215 color: 1216 #000000 !important; 1217 1218 font-weight: 1219 700 !important; 1220 1221 text-shadow: 1222 none !important; 1223 1224} 1225 1226/* AGAR SEMUA TEXT DI DALAM NYA HITAM */ 1227#right-column a[href*="daftar"] *{ 1228 1229 color: 1230 #000000 !important; 1231 1232} 1233 1234</style> 1235 1236<style> 1237 1238/* FONT TOMBOL KELUAR */ 1239#right-column a[href*="keluar"]{ 1240 1241 color: 1242 #000000 !important; 1243 1244 font-weight: 1245 700 !important; 1246 1247 text-shadow: 1248 none !important; 1249 1250} 1251 1252/* SEMUA TEXT DIDALAM BUTTON */ 1253#right-column a[href*="keluar"] *{ 1254 1255 color: 1256 #edebeb !important; 1257 1258} 1259 1260</style> 1261 1262<style> 1263 1264/* AREA SALDO */ 1265td[style*="width: 80px"]{ 1266 1267 position: 1268 relative !important; 1269 1270} 1271 1272/* TOMBOL + */ 1273td[style*="width: 80px"]::after{ 1274 1275 content: 1276 "+" !important; 1277 1278 position: 1279 absolute !important; 1280 1281 right: 1282 -12px !important; 1283 1284 top: 1285 50% !important; 1286 1287 transform: 1288 translateY(-50%) !important; 1289 1290 width: 1291 22px !important; 1292 1293 height: 1294 22px !important; 1295 1296 border-radius: 1297 50% !important; 1298 1299 background: 1300 linear-gradient( 1301 180deg, 1302 #32ff7e, 1303 #00b341 1304 ) !important; 1305 1306 color: 1307 #ffffff !important; 1308 1309 font-size: 1310 18px !important; 1311 1312 font-weight: 1313 700 !important; 1314 1315 display: 1316 flex !important; 1317 1318 align-items: 1319 center !important; 1320 1321 justify-content: 1322 center !important; 1323 1324 box-shadow: 1325 0 0 8px rgba(0,255,100,.45) !important; 1326 1327 cursor: 1328 pointer !important; 1329 1330 z-index: 1331 99 !important; 1332 1333} 1334 1335/* AREA KLIK */ 1336td[style*="width: 80px"]{ 1337 1338 cursor: 1339 pointer !important; 1340 1341} 1342 1343</style> 1344 1345<style> 1346 1347/* AREA SALDO */ 1348td[style*="width: 80px"]{ 1349 1350 position: 1351 relative !important; 1352 1353 overflow: 1354 visible !important; 1355 1356} 1357 1358/* TOMBOL + */ 1359td[style*="width: 80px"]::after{ 1360 1361 content: 1362 "+" !important; 1363 1364 position: 1365 absolute !important; 1366 1367 right: 1368 -10px !important; 1369 1370 top: 1371 50% !important; 1372 1373 transform: 1374 translateY(-50%) !important; 1375 1376 width: 1377 22px !important; 1378 1379 height: 1380 22px !important; 1381 1382 border-radius: 1383 50% !important; 1384 1385 background: 1386 linear-gradient( 1387 180deg, 1388 #32ff7e, 1389 #00b341 1390 ) !important; 1391 1392 color: 1393 #ffffff !important; 1394 1395 font-size: 1396 18px !important; 1397 1398 font-weight: 1399 700 !important; 1400 1401 display: 1402 flex !important; 1403 1404 align-items: 1405 center !important; 1406 1407 justify-content: 1408 center !important; 1409 1410 box-shadow: 1411 0 0 8px rgba(0,255,100,.45) !important; 1412 1413 z-index: 1414 999 !important; 1415 1416 cursor: 1417 pointer !important; 1418 1419} 1420</style> 1421 1422<style> 1423 1424/* AREA SALDO */ 1425td[style*="margin: auto 20px auto auto"]{ 1426 1427 position: 1428 relative !important; 1429 1430 overflow: 1431 visible !important; 1432 1433} 1434 1435/* TOMBOL + */ 1436td[style*="margin: auto 20px auto auto"]::after{ 1437 1438 content: 1439 "+" !important; 1440 1441 position: 1442 absolute !important; 1443 1444 right: 1445 -14px !important; 1446 1447 top: 1448 50% !important; 1449 1450 transform: 1451 translateY(-50%) !important; 1452 1453 width: 1454 22px !important; 1455 1456 height: 1457 22px !important; 1458 1459 border-radius: 1460 50% !important; 1461 1462 background: 1463 linear-gradient( 1464 180deg, 1465 #32ff7e, 1466 #00b341 1467 ) !important; 1468 1469 color: 1470 #fff !important; 1471 1472 font-size: 1473 18px !important; 1474 1475 font-weight: 1476 700 !important; 1477 1478 display: 1479 flex !important; 1480 1481 align-items: 1482 center !important; 1483 1484 justify-content: 1485 center !important; 1486 1487 box-shadow: 1488 0 0 8px rgba(0,255,120,.45) !important; 1489 1490 z-index: 1491 999 !important; 1492 1493 cursor: 1494 pointer !important; 1495 1496} 1497 1498</style> 1499 1500<style> 1501 1502/* HAPUS TOMBOL + SEBELAH KIRI */ 1503td[style*="width: 80px"]::after{ 1504 1505 display: 1506 none !important; 1507 1508 content: 1509 none !important; 1510 1511} 1512 1513/* TAMPILKAN HANYA YANG DI KANAN */ 1514td[style*="margin: auto 20px auto auto"]::after{ 1515 1516 display: 1517 flex !important; 1518 1519} 1520 1521</style> 1522
1523<script> 1524 1525/* KLIK TOMBOL + */ 1526document.addEventListener("click", function(e){ 1527 1528 const saldoBtn = e.target.closest( 1529 'td[style*="margin: auto 20px auto auto"]' 1530 ); 1531 1532 if(saldoBtn){ 1533 1534 window.location.href = 1535 "/mobile/user/deposit?type=3"; 1536 1537 } 1538 1539}); 1540 1541</script>
1541 1542 1543<style> 1544 1545/* AREA SALDO */ 1546td[style*="margin: auto 20px auto auto"]{ 1547 1548 padding-right: 1549 18px !important; 1550 1551} 1552 1553/* TOMBOL + */ 1554td[style*="margin: auto 20px auto auto"]::after{ 1555 1556 right: 1557 -2px !important; 1558 1559} 1560 1561</style> 1562 1563<style> 1564 1565/* GESER LEBIH KE KANAN */ 1566td[style*="margin: auto 20px auto auto"]::after{ 1567 1568 right: 1569 -10px !important; 1570 1571} 1572 1573</style> 1574 1575<style> 1576 1577/* TOMBOL MASUK & DAFTAR */ 1578div[onclick*="/mobile/masuk"], 1579div[onclick*="/mobile/daftar"]{ 1580 1581 position: 1582 relative !important; 1583 1584 overflow: 1585 hidden !important; 1586 1587 border-radius: 1588 14px !important; 1589 1590 transition: 1591 .2s ease !important; 1592 1593} 1594 1595/* MASUK */ 1596div[onclick*="/mobile/masuk"]{ 1597 1598 background: 1599 linear-gradient( 1600 180deg, 1601 #5b5bff 0%, 1602 #0000ed 55%, 1603 #0000c1 100% 1604 ) !important; 1605 1606 box-shadow: 1607 0 4px 10px rgba(0,0,255,.25), 1608 inset 0 1px 0 rgba(255,255,255,.18) !important; 1609 1610} 1611 1612/* DAFTAR */ 1613div[onclick*="/mobile/daftar"]{ 1614 1615 background: 1616 linear-gradient( 1617 180deg, 1618 #ffe27a 0%, 1619 #ffbf00 55%, 1620 #c88600 100% 1621 ) !important; 1622 1623 box-shadow: 1624 0 4px 10px rgba(255,190,0,.22), 1625 inset 0 1px 0 rgba(255,255,255,.22) !important; 1626 1627} 1628 1629/* KILAU */ 1630div[onclick*="/mobile/masuk"]::before, 1631div[onclick*="/mobile/daftar"]::before{ 1632 1633 content: 1634 ""; 1635 1636 position: 1637 absolute; 1638 1639 top: 1640 0; 1641 1642 left: 1643 -120px; 1644 1645 width: 1646 80px; 1647 1648 height: 1649 100%; 1650 1651 background: 1652 linear-gradient( 1653 90deg, 1654 transparent, 1655 rgba(255,255,255,.28), 1656 transparent 1657 ); 1658 1659 transform: 1660 skewX(-20deg); 1661 1662 animation: 1663 shinebtn 2.8s infinite; 1664 1665} 1666 1667/* ANIMASI */ 1668@keyframes shinebtn{ 1669 1670 0%{ 1671 left:-120px; 1672 } 1673 1674 100%{ 1675 left:130%; 1676 } 1677 1678} 1679 1680/* EFEK TEKAN */ 1681div[onclick*="/mobile/masuk"]:active, 1682div[onclick*="/mobile/daftar"]:active{ 1683 1684 transform: 1685 scale(.96); 1686 1687} 1688 1689</style> 1690 1691<style> 1692 1693/* TEXT HEADER TOGEL */ 1694div[style*="color: #FDC23A"]{ 1695 1696 color: 1697 #ffffff !important; 1698 1699} 1700 1701/* SEMUA TEXT DIDALAMNYA */ 1702div[style*="color: #FDC23A"] *{ 1703 1704 color: 1705 #ffffff !important; 1706 1707 text-shadow: 1708 0 1px 2px rgba(0,0,0,.35) !important; 1709 1710} 1711 1712</style> 1713 1714<style> 1715 1716/* WARNA ORANGE -> KUNING */ 1717div[style*="#FE6600"], 1718td[style*="#FE6600"], 1719span[style*="#FE6600"], 1720font[color="#FE6600"]{ 1721 1722 background: 1723 #ffd700 !important; 1724 1725 color: 1726 #ffd700 !important; 1727 1728 border-color: 1729 #ffd700 !important; 1730 1731} 1732 1733/* JIKA ADA ICON */ 1734i{ 1735 1736 color: 1737 #ffd700 !important; 1738 1739} 1740 1741</style> 1742 1743<style> 1744 1745/* BOX KUNING */ 1746div[style*="#FFD700"], 1747div[style*="#FE6600"]{ 1748 1749 background: 1750 #ffd700 !important; 1751 1752 border-color: 1753 #ffd700 !important; 1754 1755} 1756 1757/* TEXT / ANGKA HITAM */ 1758div[style*="#FFD700"], 1759div[style*="#FFD700"] *, 1760 1761div[style*="#FE6600"], 1762div[style*="#FE6600"] *{ 1763 1764 color: 1765 #000000 !important; 1766 1767 font-weight: 1768 700 !important; 1769 1770 text-shadow: 1771 none !important; 1772 1773} 1774 1775</style> 1776 1777 1778<style> 1779 1780/* BOX BANK */ 1781div[style*="border:"]{ 1782 1783 background: 1784 linear-gradient( 1785 180deg, 1786 #2b2bff 0%, 1787 #0000b3 55%, 1788 #000e88 100% 1789 ) !important; 1790 1791 border: 1792 1px solid #ffd86b !important; 1793 1794 border-radius: 1795 10px !important; 1796 1797 box-shadow: 1798 0 0 8px rgba(0,0,255,.18), 1799 inset 0 1px 0 rgba(255,255,255,.08) !important; 1800 1801 padding: 1802 4px 6px !important; 1803 1804} 1805 1806/* LOGO BANK */ 1807div[style*="border: 1px solid #FE6600"] img{ 1808 1809 filter: 1810 brightness(1.05) contrast(1.05); 1811 1812} 1813 1814/* TEXT */ 1815div[style*="border: 1px solid #FE6600"] *{ 1816 1817 color: 1818 #ffffff !important; 1819 1820} 1821 1822/* EFEK HOVER */ 1823div[style*="border: 1px solid #FE6600"]:active{ 1824 1825 transform: 1826 scale(.97); 1827 1828} 1829 1830</style> 1831 1832<style> 1833 1834/* ========================= 1835 CARD BETTING LUXURY 1836========================= */ 1837div[style*="border: 2px solid #FE6600"]{ 1838 1839 position: 1840 relative !important; 1841 1842 background: 1843 linear-gradient( 1844 180deg, 1845 #00003b 0%, 1846 #00007a 35%, 1847 #000042 100% 1848 ) !important; 1849 1850 border: 1851 2px solid #ffd86b !important; 1852 1853 border-radius: 1854 18px !important; 1855 1856 padding: 1857 14px !important; 1858 1859 overflow: 1860 hidden !important; 1861 1862 box-shadow: 1863 0 0 14px rgba(0,0,255,.22), 1864 0 0 28px rgba(255,180,0,.08), 1865 inset 0 1px 0 rgba(255,255,255,.12), 1866 inset 0 -2px 6px rgba(0,0,0,.35) !important; 1867 1868} 1869 1870/* EFEK KILAU */ 1871div[style*="border: 2px solid #FE6600"]::before{ 1872 1873 content: 1874 ""; 1875 1876 position: 1877 absolute; 1878 1879 top: 1880 0; 1881 1882 left: 1883 -140px; 1884 1885 width: 1886 90px; 1887 1888 height: 1889 100%; 1890 1891 background: 1892 linear-gradient( 1893 90deg, 1894 transparent, 1895 rgba(255,255,255,.12), 1896 transparent 1897 ); 1898 1899 transform: 1900 skewX(-20deg); 1901 1902 animation: 1903 luxuryshine 3.5s linear infinite; 1904 1905} 1906 1907@keyframes luxuryshine{ 1908 1909 0%{ 1910 left:-140px; 1911 } 1912 1913 100%{ 1914 left:140%; 1915 } 1916 1917} 1918 1919/* ========================= 1920 HEADER 1921========================= */ 1922div[style*="border: 2px solid #FE6600"] > div:first-child{ 1923 1924 background: 1925 linear-gradient( 1926 180deg, 1927 #fff1a8 0%, 1928 #ffd447 40%, 1929 #d69200 100% 1930 ) !important; 1931 1932 color: 1933 #00002b !important; 1934 1935 font-weight: 1936 800 !important; 1937 1938 font-size: 1939 15px !important; 1940 1941 text-align: 1942 center !important; 1943 1944 border-radius: 1945 12px !important; 1946 1947 padding: 1948 10px 12px !important; 1949 1950 margin-bottom: 1951 12px !important; 1952 1953 letter-spacing: 1954 .4px; 1955 1956 box-shadow: 1957 inset 0 1px 0 rgba(255,255,255,.35), 1958 0 3px 10px rgba(255,190,0,.22) !important; 1959 1960} 1961 1962/* ========================= 1963 TEXT 1964========================= */ 1965div[style*="border: 2px solid #FE6600"] *{ 1966 1967 color: 1968 #ffffff !important; 1969 1970 font-weight: 1971 600 !important; 1972 1973 text-shadow: 1974 0 1px 2px rgba(0,0,0,.35); 1975 1976} 1977 1978/* ========================= 1979 INPUT 1980========================= */ 1981div[style*="border: 2px solid #FE6600"] input{ 1982 1983 background: 1984 linear-gradient( 1985 180deg, 1986 #111111 0%, 1987 #1f1f1f 100% 1988 ) !important; 1989 1990 border: 1991 1px solid rgba(255,215,100,.30) !important; 1992 1993 border-radius: 1994 10px !important; 1995 1996 color: 1997 #ffffff !important; 1998 1999 padding: 2000 6px 10px !important; 2001 2002 font-weight: 2003 700 !important; 2004 2005 box-shadow: 2006 inset 0 1px 3px rgba(255,255,255,.05), 2007 0 0 4px rgba(255,215,0,.08) !important; 2008 2009} 2010 2011/* PLACEHOLDER */ 2012div[style*="border: 2px solid #FE6600"] input::placeholder{ 2013 2014 color: 2015 rgba(255,255,255,.40) !important; 2016 2017} 2018 2019/* FOCUS */ 2020div[style*="border: 2px solid #FE6600"] input:focus{ 2021 2022 border-color: 2023 #ffd86b !important; 2024 2025 box-shadow: 2026 0 0 10px rgba(255,215,0,.28), 2027 inset 0 1px 2px rgba(255,255,255,.06) !important; 2028 2029 outline: 2030 none !important; 2031 2032} 2033 2034/* ========================= 2035 BUTTON 2036========================= */ 2037div[style*="border: 2px solid #FE6600"] button{ 2038 2039 background: 2040 linear-gradient( 2041 180deg, 2042 #fff1a8 0%, 2043 #ffc400 50%, 2044 #b56b00 100% 2045 ) !important; 2046 2047 border: 2048 none !important; 2049 2050 border-radius: 2051 12px !important; 2052 2053 color: 2054 #00002b !important; 2055 2056 font-weight: 2057 800 !important; 2058 2059 box-shadow: 2060 0 3px 10px rgba(255,190,0,.25), 2061 inset 0 1px 0 rgba(255,255,255,.30) !important; 2062 2063} 2064 2065/* EFEK TEKAN */ 2066div[style*="border: 2px solid #FE6600"] button:active{ 2067 2068 transform: 2069 scale(.97); 2070 2071} 2072 2073</style> 2074 2075<style> 2076 2077/* BUTTON GENERATE */ 2078button.generate.btn.button-submit{ 2079 2080 position: 2081 relative !important; 2082 2083 overflow: 2084 hidden !important; 2085 2086 background: 2087 linear-gradient( 2088 180deg, 2089 #fff1a8 0%, 2090 #ffc400 50%, 2091 #b56b00 100% 2092 ) !important; 2093 2094 border: 2095 1px solid #ffd86b !important; 2096 2097 border-radius: 2098 10px !important; 2099 2100 color: 2101 #00002b !important; 2102 2103 font-weight: 2104 800 !important; 2105 2106 font-size: 2107 12px !important; 2108 2109 letter-spacing: 2110 .3px; 2111 2112 padding: 2113 5px 14px !important; 2114 2115 box-shadow: 2116 0 3px 10px rgba(255,190,0,.25), 2117 inset 0 1px 0 rgba(255,255,255,.35) !important; 2118 2119 transition: 2120 .2s ease !important; 2121 2122} 2123 2124/* EFEK KILAU */ 2125button.generate.btn.button-submit::before{ 2126 2127 content: 2128 ""; 2129 2130 position: 2131 absolute; 2132 2133 top: 2134 0; 2135 2136 left: 2137 -80px; 2138 2139 width: 2140 50px; 2141 2142 height: 2143 100%; 2144 2145 background: 2146 linear-gradient( 2147 90deg, 2148 transparent, 2149 rgba(255,255,255,.35), 2150 transparent 2151 ); 2152 2153 transform: 2154 skewX(-20deg); 2155 2156 animation: 2157 genshine 2.8s linear infinite; 2158 2159} 2160 2161@keyframes genshine{ 2162 2163 0%{ 2164 left:-80px; 2165 } 2166 2167 100%{ 2168 left:130%; 2169 } 2170 2171} 2172 2173/* HOVER */ 2174button.generate.btn.button-submit:hover{ 2175 2176 filter: 2177 brightness(1.05); 2178 2179} 2180 2181/* TEKAN */ 2182button.generate.btn.button-submit:active{ 2183 2184 transform: 2185 scale(.96); 2186 2187} 2188 2189</style> 2190 2191<style> 2192 2193/* PLAY NOW MODERN */ 2194div[style*="margin: auto 0;"]{ 2195 2196 position: 2197 relative !important; 2198 2199 overflow: 2200 hidden !important; 2201 2202 display: 2203 flex !important; 2204 2205 align-items: 2206 center !important; 2207 2208 justify-content: 2209 center !important; 2210 2211 gap: 2212 6px !important; 2213 2214 min-width: 2215 95px !important; 2216 2217 height: 2218 32px !important; 2219 2220 padding: 2221 0 18px !important; 2222 2223 border-radius: 2224 12px !important; 2225 2226 background: 2227 linear-gradient( 2228 135deg, 2229 #2b2bff 0%, 2230 #0000c4 55%, 2231 #000e88 100% 2232 ) !important; 2233 2234 border: 2235 1px solid rgba(255,255,255,.12) !important; 2236 2237 color: 2238 #ffffff !important; 2239 2240 font-size: 2241 12px !important; 2242 2243 font-weight: 2244 800 !important; 2245 2246 letter-spacing: 2247 .5px !important; 2248 2249 text-transform:
2250 uppercase !important; 2251 2252 box-shadow: 2253 0 4px 10px rgba(0,0,255,.28), 2254 inset 0 1px 0 rgba(255,255,255,.15) !important; 2255 2256 transition: 2257 .2s ease !important; 2258 2259} 2260 2261/* ICON PANAH */ 2262div[style*="margin: auto 0;"]::after{ 2263 2264 content: 2265 "â" !important; 2266 2267 font-size: 2268 13px !important; 2269 2270 font-weight: 2271 700 !important; 2272 2273 color: 2274 #ffd86b !important; 2275 2276 transition: 2277 .2s ease !important; 2278 2279} 2280 2281/* HOVER */ 2282div[style*="margin: auto 0;"]:hover{ 2283 2284 filter: 2285 brightness(1.08); 2286 2287} 2288 2289/* PANAH GERAK */ 2290div[style*="margin: auto 0;"]:hover::after{ 2291 2292 transform: 2293 translateX(3px); 2294 2295} 2296 2297/* KLIK */ 2298div[style*="margin: auto 0;"]:active{ 2299 2300 transform: 2301 scale(.96); 2302 2303} 2304 2305</style> 2306 2307<style> 2308 2309/* HAPUS BACKGROUND */ 2310div[style*="background-color: #F8D45C"]{ 2311 2312 background: 2313 transparent !important; 2314 2315 border: 2316 none !important; 2317 2318 box-shadow: 2319 none !important; 2320 2321 padding: 2322 0 !important; 2323 2324} 2325 2326</style> 2327 2328<style> 2329 2330/* OPTIMASI RINGAN TANPA MERUSAK TAMPILAN */ 2331 2332/* HANYA HAPUS EFEK BERAT */ 2333.glow, 2334.sparkle, 2335.blur, 2336.shine{ 2337 2338 animation: 2339 none !important; 2340 2341 filter: 2342 none !important; 2343 2344} 2345 2346/* IMAGE */ 2347img{ 2348 2349 loading: 2350 lazy; 2351 2352 image-rendering: 2353 auto !important; 2354 2355} 2356 2357/* SCROLL */ 2358body{ 2359 2360 overflow-x: 2361 hidden !important; 2362 2363 -webkit-overflow-scrolling: 2364 touch; 2365 2366} 2367 2368/* SLIDER */ 2369.slider, 2370.carousel, 2371.swiper{ 2372 2373 will-change: 2374 transform; 2375 2376} 2377 2378/* IFRAME */ 2379iframe{ 2380 2381 loading: 2382 lazy; 2383 2384} 2385 2386</style> 2387 2388<style> 2389 2390/* HANYA ICON PROVIDER */ 2391.main-menu-outer-container img[src*="provider-game"]{ 2392 2393 border-radius:10px !important; 2394 2395 border: 2396 2px solid #ffb300 !important; 2397 2398 background: 2399 linear-gradient( 2400 180deg, 2401 #000055 0%, 2402 #0000a3 50%, 2403 #00002a 100% 2404 ) !important; 2405 2406 box-shadow: 2407 0 0 4px rgba(255,180,0,.35), 2408 0 0 10px rgba(0,0,255,.25); 2409 2410 transition: 2411 transform .25s ease, 2412 box-shadow .25s ease; 2413 2414 position:relative; 2415 2416} 2417 2418/* HOVER */ 2419.main-menu-outer-container img[src*="provider-game"]:hover{ 2420 2421 transform: 2422 scale(1.04); 2423 2424 box-shadow: 2425 0 0 8px rgba(255,200,0,.65), 2426 0 0 16px rgba(0,0,255,.4); 2427 2428} 2429 2430/* LABEL */ 2431.main-menu-outer-container a[href*="slot-provider"]{ 2432 2433 position:relative; 2434 2435} 2436 2437.main-menu-outer-container a[href*="slot-provider"]::after{ 2438 2439 content:'Slot Gacor'; 2440 2441 position:absolute; 2442 2443 bottom:1px; 2444 left:0; 2445 right:0; 2446 2447 text-align:center; 2448 2449 font-size:8px; 2450 font-weight:700; 2451 2452 color:#ffd700; 2453 2454 text-shadow: 2455 0 0 4px rgba(255,215,0,.7); 2456 2457 pointer-events:none; 2458 2459} 2460 2461</style> 2462
2463<script> 2464document.addEventListener('DOMContentLoaded', function () { 2465 2466 const GRADIENT = "linear-gradient(to bottom, rgb(0, 0, 225), rgb(18, 22, 155), rgb(38, 43, 227))"; 2467 const TARGET_RE = /background-color\s*:\s*#d2383a(?:\s*!important)?\s*(?:;|$)/i; 2468 2469 const lastSeen = new WeakMap(); 2470 2471 function scanAndReplace() { 2472 2473 document.querySelectorAll("[style]").forEach(function(el){ 2474 2475 const styleAttr = el.getAttribute("style") || ""; 2476 2477 if(!TARGET_RE.test(styleAttr)) return; 2478 2479 if(lastSeen.get(el) === styleAttr) return; 2480 2481 el.style.removeProperty("background-color"); 2482 2483 el.style.setProperty("background", GRADIENT, "important"); 2484 el.style.setProperty("background-image", GRADIENT, "important"); 2485 2486 lastSeen.set(el, el.getAttribute("style") || ""); 2487 2488 }); 2489 2490 } 2491 2492 // langsung jalan 2493 scanAndReplace(); 2494 2495 // scan lebih cepat 2496 setInterval(scanAndReplace,100); 2497 2498 // kalau ada elemen baru langsung diganti 2499 new MutationObserver(scanAndReplace).observe(document.body,{ 2500 childList:true, 2501 subtree:true, 2502 attributes:true, 2503 attributeFilter:["style"] 2504 }); 2505 2506}); 2507</script>
2507 2508
2509<script> 2510document.addEventListener("DOMContentLoaded", () => { 2511 // Ambil semua elemen yang punya attribute style 2512 document.querySelectorAll("[style]").forEach(el => { 2513 const styleAttr = el.getAttribute("style"); 2514 2515 // Cari inline style yang sesuai 2516 if (styleAttr.includes("color: cyan;") && 2517 styleAttr.includes("font-size: 13px;") && 2518 styleAttr.includes("margin-top: 6px;")) { 2519 2520 // Ganti "color: cyan;" jadi "color: white;" 2521 const newStyle = styleAttr.replace("color: cyan;", "color: white;"); 2522 el.setAttribute("style", newStyle); 2523 } 2524 }); 2525}); 2526</script>
2526 2527 2528
2529<script type="application/ld+json"> 2530{ 2531 "@context": "https://schema.org", 2532 "@type": "Organization", 2533 "name": "RAJACOLOK", 2534 "url": "https://rajacolok-02.com/", 2535 "logo": "https://rajacolok.dataklmsad903.site/images/setting-logo/1/tkNfIIwXjYJwWQNC.gif", 2536 "description": "RAJACOLOK merupakan rekomendasi terbaik Situs Portal Game Online Terpercaya 2026 yang menawarkan game-game seru dengan tingkat kemenangan super tinggi, login & daftar di RAJA COLOK sekarang untuk klaim bonus.", 2537 "sameAs": [ 2538 "https://twitter.com/rajacolok", 2539 "https://www.youtube.com/@rajacolok" 2540 ] 2541} 2542</script>
2542 2543 2544 2545<style> 2546@font-face { 2547 font-family: Open24DisplaySt; 2548 src: url(/css/Open24DisplaySt.woff2); 2549} 2550@font-face { 2551 font-family: Teko-SemiBold; 2552 src: url(/css/Teko-SemiBold.ttf); 2553} 2554@font-face { 2555 font-family: Poppins-Regular; 2556 src: url(/css/Poppins-Regular.ttf); 2557} 2558body { 2559 margin: 0 auto; 2560 color: #fff; 2561 font-size: 14px !important; 2562} 2563.form-control { 2564 background-color: #00063A !important; 2565 border-color: #707070; 2566 -moz-appearance: none; 2567 -webkit-appearance: none; 2568 color: #000; 2569} 2570.login-btn:hover { 2571 background-color: #5f5f5f !important; 2572 border-color: #5f5f5f !important; 2573} 2574.register-btn:hover { 2575 color: #fff !important; 2576 text-decoration: none; 2577} 2578.menu-opt-active { 2579 color: transparent !important; 2580 -webkit-background-clip: text; 2581 background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%), 2582 linear-gradient(to bottom, #0000ac 0, #0000ea 100%); 2583 font-weight: bold; 2584} 2585.menu-opt a:hover { 2586 color: transparent !important; 2587 -webkit-background-clip: text; 2588 background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%), 2589 linear-gradient(to bottom, #0000ac 0, #0000ea 100%); 2590 text-decoration: none; 2591} 2592.menu-opt:hover { 2593 color: transparent !important; 2594 -webkit-background-clip: text; 2595 background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%), 2596 linear-gradient(to bottom, #0000ac 0, #0000ea 100%); 2597 text-decoration: none; 2598} 2599.provider:hover { 2600 width: 100%; 2601 background-color: rgba(0, 0, 255, 0.5); 2602 border-radius: 6px; 2603} 2604@keyframes topbar-icon-bounce { 2605 0%, 20%, 40%, 60%, 80%, 100% { 2606 transform:translateY(0) 2607 } 2608 70% { 2609 transform:translateY(-5px) 2610 } 2611 50% { 2612 transform:translateY(-12px) 2613 } 2614} 2615.glowing { 2616 position: relative; 2617 overflow: hidden; 2618} 2619.glowing:before { 2620 content: ''; 2621 position: absolute; 2622 width: 100px; 2623 height: 100%; 2624 background-image: linear-gradient( 2625 120deg, 2626 rgba(255,255,255, 0) 30%, 2627 rgba(255,255,255, .8), 2628 rgba(255,255,255, 0) 70% 2629 ); 2630 top: 0; 2631 left: -100px; 2632 animation: shine 3s infinite linear; /* Animation */ 2633} 2634@keyframes shine { 2635 0% {left: -100px} 2636 20% {left: 100%} 2637 100% {left: 100%} 2638} 2639.circular-menu__button { 2640 display: none; 2641} 2642.circular-menu__button:checked + .circular-menu__icon { 2643 transform: scale(1, 1) translate3d(0, 0, 0); 2644 transition-duration: 0.2s; 2645 transition-timing-function: linear; 2646} 2647.circular-menu__button:checked ~ .circular-menu__item { 2648 transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33); 2649} 2650.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) { 2651 transition-duration: 0.18s; 2652 transform: translate3d(0px, -105px, 0); 2653} 2654.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) { 2655 transition-duration: 0.28s; 2656 transform: translate3d(99.86093418px, -32.446784369999996px, 0); 2657} 2658.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) { 2659 transition-duration: 0.38s; 2660 transform: translate3d(61.71745146px, 84.94678437px, 0); 2661} 2662.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) { 2663 transition-duration: 0.48s; 2664 transform: translate3d(-61.71745146px, 84.94678437px, 0); 2665} 2666.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) { 2667 transition-duration: 0.58s; 2668 transform: translate3d(-99.86093418px, -32.446784369999996px, 0); 2669} 2670.circular-menu__icon { 2671 background: linear-gradient(#5F70FB, #4E63FA); 2672 border-radius: 100%; 2673 box-shadow: 0 2px 5px rgba(0,0,0,0.25); 2674 height: 50px; 2675 line-height: 50px; 2676 margin-left: 10px; 2677 position: fixed; 2678 text-align: center; 2679 bottom: 150px; 2680 transform: translate3d(0, 0, 0); 2681 transition: transform ease-out 0.2s; 2682 width: 50px; 2683 cursor: pointer; 2684 transform: scale(1.1, 1.1) translate3d(0, 0, 0); 2685 transition-duration: 0.4s; 2686 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); 2687 z-index: 7; 2688} 2689.circular-menu__icon:hover { 2690 transform: scale(1.2, 1.2) translate3d(0, 0, 0); 2691} 2692.circular-menu__item { 2693 background-image: linear-gradient(#5F70FB, #4E63FA); 2694 border-radius: 100%; 2695 box-shadow: 0 2px 5px rgba(0,0,0,0.25); 2696 color: #fff; 2697 height: 45px; 2698 line-height: 45px; 2699 margin-left: 10px; 2700 position: fixed; 2701 text-align: center; 2702 bottom: 160px; 2703 transform: translate3d(0, 0, 0);
2704 transition: transform ease-out 0.2s; 2705 width: 45px; 2706 z-index: 5; 2707} 2708.circular-menu__item:nth-of-type(1) { 2709 transition-duration: 0.18s; 2710} 2711.circular-menu__item:nth-of-type(2) { 2712 transition-duration: 0.18s; 2713} 2714.circular-menu__item:nth-of-type(3) { 2715 transition-duration: 0.18s; 2716} 2717.circular-menu__item:nth-of-type(4) { 2718 transition-duration: 0.18s; 2719} 2720.circular-menu__item:nth-of-type(5) { 2721 transition-duration: 0.18s; 2722} 2723.circular-menu__item:hover { 2724 color: #1414dc; 2725 background: #0808f0; 2726} 2727.circular-menu__item:active, 2728.circular-menu__item:focus { 2729 color: #00008b; 2730} 2731</style> 2732 2733<!-- start circular menu--> 2734<style> 2735/* HILANGKAN ICON DEFAULT */ 2736.circular-menu__icon * { 2737 display: none !important; 2738} 2739 2740 2741/* TOMBOL MENU CIRCULAR */ 2742.circular-menu__icon { 2743 background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important; 2744 background-size: cover !important; 2745 width: 70px !important; 2746 height: 70px !important; 2747 border-radius: 50% !important; 2748 box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1); 2749 animation: glow 5s infinite alternate, shake 2s infinite; 2750 z-index: 9999; 2751} 2752 2753/* TOMBOL TUTUP CIRCULAR */ 2754.circular-menu__close { 2755 background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important; 2756 background-size: contain !important; 2757 width: 50px !important; 2758 height: 50px !important; 2759 border-radius: 50% !important; 2760 border: none !important; 2761 box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1); 2762 z-index: 9999; 2763} 2764 2765/* Efek Glow (mengilap) */ 2766@keyframes glow { 2767 0% { 2768 box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1); 2769 } 2770 100% { 2771 box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1); 2772 } 2773} 2774 2775/* Efek Shake (getar halus) */ 2776@keyframes shake { 2777 0%, 100% { 2778 transform: translate(0, 0) rotate(0deg); 2779 } 2780 20% { 2781 transform: translate(-1px, 1px) rotate(-1deg); 2782 } 2783 40% { 2784 transform: translate(1px, -1px) rotate(1deg); 2785 } 2786 60% { 2787 transform: translate(-1px, 1px) rotate(-1deg); 2788 } 2789 80% { 2790 transform: translate(1px, -1px) rotate(1deg); 2791 } 2792} 2793</style> 2794 2795<style> 2796/* Sembunyikan tombol asli bawaan CMS */ 2797.circular-menu__item { 2798 display: none !important; 2799} 2800 2801/* Overlay transparan */ 2802#menuOverlay { 2803 display: none; 2804 position: fixed; 2805 top: 0; 2806 left: 0; 2807 width: 100%; 2808 height: 100%; 2809 background: rgba(0, 0, 0, 0.0); /* transparan */ 2810 z-index: 9998; 2811} 2812 2813/* Container menu custom */ 2814.custom-menu { 2815 display: none; 2816 position: fixed; 2817 top: 100px; 2818 left: 50%; 2819 transform: translateX(-50%); 2820 z-index: 9999; 2821} 2822 2823/* Tombol custom */ 2824.custom-menu .button { 2825 display: block; 2826 width: 220px; 2827 background: linear-gradient(to bottom, rgb(0, 0, 255), rgba(1, 1, 179, 0.8)); 2828 color: white; 2829 font-weight: bold; 2830 text-align: center; 2831 padding: 12px 20px; 2832 margin: 8px 0; 2833 border-radius: 30px; 2834 box-shadow: 2835 0 0 15px rgba(0, 0, 255, 0.8), 2836 0 0 25px rgba(0, 0, 255, 0.6), 2837 0 0 35px rgba(0, 0, 255, 0.4); 2838 transition: transform 0.3s, box-shadow 0.3s; 2839 position: relative; 2840 overflow: hidden; 2841 cursor: pointer; 2842} 2843 2844/* Hover efek berkilau */ 2845.custom-menu .button:hover { 2846 transform: scale(1.05); 2847 box-shadow: 2848 0 0 25px rgb(0, 0, 255), 2849 0 0 40px rgba(0, 0, 207, 0.8), 2850 0 0 60px rgba(0, 0, 138, 0.6); 2851} 2852 2853/* Efek kilau animasi */ 2854.custom-menu .button::after { 2855 content: ''; 2856 position: absolute; 2857 top: -50%; 2858 left: -50%; 2859 width: 200%; 2860 height: 200%; 2861 background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.0) 60%); 2862 transform: rotate(25deg); 2863 animation: shine 2s infinite; 2864} 2865 2866@keyframes shine { 2867 0% { 2868 transform: translateX(-100%) rotate(25deg); 2869 } 2870 100% { 2871 transform: translateX(100%) rotate(25deg); 2872 } 2873} 2874</style> 2875 2876<!-- Overlay --> 2877<div id="menuOverlay"></div> 2878 2879<!-- HTML tombol custom --> 2880<div class="custom-menu" id="customMenu"> 2881 <div class="button" onclick="window.location.href='https://bit.ly/RTP-Rajacolok'">RTP RAJACOLOK</div> 2882 <div class="button" onclick="window.location.href='https://rajacolok.co/'">LINK ALTERNATIF RAJACOLOK</div> 2883 2884 2885 2886</div> 2887
2888<script> 2889// Fungsi untuk buka menu + overlay 2890function openMenu() { 2891 document.getElementById('customMenu').style.display = 'block'; 2892 document.getElementById('menuOverlay').style.display = 'block'; 2893} 2894 2895// Fungsi untuk tutup semua (menu & overlay) lalu reload 2896function closeAll() { 2897 document.getElementById('customMenu').style.display = 'none'; 2898 document.getElementById('menuOverlay').style.display = 'none'; 2899 window.location.href = '/'; // reload ke halaman utama 2900} 2901 2902// Event tombol CMS 2903document.addEventListener('DOMContentLoaded', function () { 2904 const iconBtn = document.querySelector('.circular-menu__icon'); 2905 if (iconBtn) { 2906 iconBtn.addEventListener('click', function () { 2907 openMenu(); 2908 }); 2909 } 2910 2911 // Klik overlay = tutup semua 2912 document.getElementById('menuOverlay').addEventListener('click', closeAll); 2913}); 2914</script>
2914 2915<!-- End circular menu--> 2916
2917<script> 2918 document.addEventListener('DOMContentLoaded', function() { 2919 if (window.location.pathname === "/mobile/promo") { 2920 document.body.classList.add('promo-page'); 2921 } 2922 document.querySelectorAll('div[style="font-size: 11px; padding-top: 20px; width: 100px;"]').forEach(function(div) { 2923 div.classList.add('oioioi'); 2924 }); 2925 2926 document.querySelectorAll('div[style="margin-top: 50px;"]').forEach(function(div) { 2927 div.classList.add('bgbg'); 2928 }); 2929 2930 document.querySelectorAll('div[style="background-color: #000; display: flex; padding: 8px 0; font-weight: 500;"]').forEach(function(div) { 2931 div.classList.add('bgbg2'); 2932 }); 2933 2934 }); 2935</script>
2935 2936<style> 2937 2938 2939 #main_menu_outer_container { 2940 background-color: rgba(0, 0, 0, 0.5) !important; 2941 } 2942 2943 .bgbg2{ 2944 background-color: rgba(0, 0, 0, 0.5) !important; 2945 } 2946 2947 .footer-bg{ 2948 background: rgba(0, 0, 0, 0.5) !important; 2949 } 2950 2951 .bgbg{ 2952 background: url() center !important; 2953 background-size: 100% !important; 2954 } 2955</style> 2956<style> 2957 /* Sembunyikan icon lama sebelum diganti JS */ 2958 img[src*="game-7-mobile.png"], 2959 img[src*="game-8-mobile.png"], 2960 img[src*="game-6-mobile.png"], 2961 img[src*="game-4-mobile.png"], 2962 img[src*="game-5-mobile.png"], 2963 img[src*="game-2-mobile.png"], 2964 img[src*="game-3-mobile.png"], 2965 img[src*="game-9-mobile.png"] { 2966 visibility: hidden; 2967 opacity: 0; 2968 } 2969 </style> 2970 2971 2972 2973 <style> 2974 @keyframes logoShine { 2975 0% { 2976 filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 202)); 2977 } 2978 50% { 2979 filter: brightness(1.2) drop-shadow(0 0 8px #0000db); 2980 } 2981 100% { 2982 filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 165)); 2983 } 2984 } 2985 2986 main img { 2987 animation: logoShine 2.5s infinite; 2988 transition: transform 0.3s ease-in-out; 2989 } 2990 2991 main img:hover { 2992 transform: scale(1.05); 2993 } 2994 </style> 2995 2996 2997 2998
2998<script> 2999 (function () { 3000 const icons = [ 3001 { src: "game-7-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3V/togel-rajacolok.png" }, 3002 { src: "game-2-mobile.png", newSrc: "https://i.postimg.cc/B6H67mJ3/slots-rajacolok.png" }, 3003 { src: "game-3-mobile.png", newSrc: "https://i.postimg.cc/rpvs9B2s/casino-rajacolok.png" }, 3004 { src: "game-5-mobile.png", newSrc: "https://i.postimg.cc/DZLZpx7F/sport-rajacolok.png" }, 3005 { src: "game-8-mobile.png", newSrc: "https://i.postimg.cc/PqBJMgnP/sabung-ayam-rajacolok.png" }, 3006 { src: "game-4-mobile.png", newSrc: "https://i.postimg.cc/k4K4YT7q/tembak-ikan-rajacolok.png" }, 3007 { src: "game-6-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3f/virtual-rajacolok.png" }, 3008 { src: "game-9-mobile.png", newSrc: "https://i.postimg.cc/k5kGy0PD/crash-game-rajacolok.png" } 3009 ]; 3010 3011 function gantiIcon() { 3012 icons.forEach(icon => { 3013 document.querySelectorAll(`img[src*="${icon.src}"]`).forEach(img => { 3014 if (!img.dataset.changed) { 3015 img.src = icon.newSrc; 3016 img.style.width = "68px"; 3017 img.style.height = "auto"; 3018 img.style.visibility = "visible"; 3019 img.style.opacity = "1"; 3020 img.dataset.changed = "true"; 3021 } 3022 }); 3023 }); 3024 } 3025 3026 document.addEventListener("DOMContentLoaded", gantiIcon); 3027 const observer = new MutationObserver(gantiIcon); 3028 observer.observe(document.body, { childList: true, subtree: true }); 3029 setInterval(gantiIcon, 1000); 3030 })(); 3031 </script>
3031 3032 3033
3034<script> 3035document.addEventListener("DOMContentLoaded", function () { 3036 var isMobile = window.innerWidth <= 768; 3037 3038 // Ubah ini sesuai URL halaman utama kamu: 3039 var validPaths = ["/", "/index.php", "/mobile", "/mobile/", "/mobile/index.php"]; 3040 3041 // Cek apakah path saat ini cocok persis 3042 var isHomepage = validPaths.includes(location.pathname); 3043 3044 if (isMobile && isHomepage) { 3045 var banner = document.createElement("div"); 3046 banner.id = "smart_banner"; 3047 banner.style.cssText = ` 3048 width: 100%; 3049 height: 50px; 3050 display: flex; 3051 align-items: center; 3052 font-family: Verdana, arial, sans-serif; 3053 color: #fff; 3054 background-color: #000000; 3055 z-index: 7; 3056 position: fixed; 3057 top: 0; 3058 `; 3059 3060 banner.innerHTML = ` 3061 <div class="app_icon" style="width: 43px; margin-left: 10px; flex-shrink: 0;"> 3062 <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="App Icon" style="display: block; height: 40px;"> 3063 </div> 3064 <div class="app_info" style="margin-left: 10px; flex-grow: 1;"> 3065 <div class="app_title" style="font-size: 13px; font-weight: bold; color: #ffcc00; line-height: 1;">FACEBOOK RAJACOLOK</div> 3066 <div class="app_slogan" style="font-size: 12px; color: #FFF; line-height: 1;">AKSES MASUK LINK ALTERNATIF RAJACOLOK TERCEPAT DISINI</div> 3067 </div> 3068 3069 3070 3071 <style> 3072@keyframes shine { 3073 0% { 3074 background-position: -100px; 3075 } 3076 100% { 3077 background-position: 200px; 3078 } 3079} 3080 3081.download_button a.shiny-gold { 3082 font-size: 11px; 3083 padding: 6px 10px; 3084 color: #000; 3085 background: linear-gradient(90deg, #0000ff, #dcdcff , #0000ff); 3086 border-radius: 20px; 3087 border: 2px solid #0c0c82; 3088 box-shadow: 0 0 5px rgba(255, 215, 0, 0.6); 3089 font-weight: bold; 3090 background-size: 200% auto; 3091 background-clip: padding-box; 3092 animation: shine 2.5s linear infinite; 3093 transition: transform 0.2s ease-in-out; 3094 display: inline-block; 3095 text-align: center; 3096 text-decoration: none; 3097} 3098 3099.active-menu-scroll { 3100 top: 100px !important; 3101 } 3102 3103 .bgbg { 3104 margin-top: 100px !important; 3105 } 3106</style> 3107 3108<!-- === CSS Snackbar + Ganti Warna Background === --> 3109<style> 3110#snackbar-mobile { 3111 display: flex; 3112 align-items: center; 3113 justify-content: center; 3114 position: fixed; 3115 bottom: -100px; 3116 left: 50%; 3117 transform: translateX(-50%); 3118 background: #000; 3119 color: rgb(0, 0, 0); 3120 padding: 10px 20px; 3121 border-radius: 30px; 3122 border: 2px solid rgb(0, 0, 255); 3123 box-shadow: 0 0 15px rgb(0, 0, 255); 3124 z-index: 9999; 3125 font-size: 14px; 3126 width: 50%; 3127 opacity: 0; 3128 transition: bottom 0.5s ease, opacity 0.5s ease; 3129 text-align: center; 3130} 3131#snackbar-mobile.show { 3132 bottom: 30px; 3133 opacity: 1; 3134} 3135.snackbar-content { 3136 display: flex; 3137 align-items: center; 3138 justify-content: center; 3139} 3140.snackbar-mobile-img { 3141 width: 30px; 3142 height: 30px; 3143 border-radius: 50%; 3144 margin-right: 8px; 3145} 3146.snackbar-icon { 3147 color: rgb(0, 0, 255); 3148 margin-right: 5px; 3149} 3150@media (max-width: 480px) { 3151 #snackbar-mobile { 3152 font-size: 12px; 3153 padding: 8px 10px; 3154 width: 80%; 3155 } 3156} 3157/* Ganti background hitam di halaman permainan */ 3158@media (max-width: 768px) { 3159 .main-menu-outer-container, 3160 div[style*="background-color: #1d1d2f"], 3161 .game-category-container, 3162 .provider-container, 3163 .category-button { 3164 background: #11118800 !important; 3165 } 3166} 3167</style> 3168 3169<div class="download_button" style="margin-right: 10px; flex-shrink: 0;"> 3170 <a href="https://rajacolok.co/" 3171 target="_blank" 3172 title="Link Alternatif RAJACOLOK" 3173 class="shiny-gold"> 3174 KLIK DISINI 3175 </a> 3176</div> 3177 `; 3178 3179 // Sisipkan sebelum header utama (yang hitam) 3180 var header = document.querySelector('div[style*="background-color: #111188"]'); 3181 if (header && header.parentNode) { 3182 header.parentNode.insertBefore(banner, header); 3183 // Set header turun 50px dari atas karena ada smart_banner 3184 header.style.top = "50px"; 3185 header.style.backgroundColor = "#000000"; 3186 } 3187 } 3188}); 3189</script>
3189 3190 3191<!-- === CSS Snackbar + Ganti Warna Background === --> 3192<style> 3193#snackbar-mobile { 3194 display: flex; 3195 align-items: center; 3196 justify-content: center; 3197 position: fixed; 3198 bottom: -100px; 3199 left: 50%; 3200 transform: translateX(-50%); 3201 background: #000; 3202 color: rgb(0, 0, 0); 3203 padding: 10px 20px; 3204 border-radius: 30px; 3205 border: 2px solid rgb(0, 0, 255); 3206 box-shadow: 0 0 15px rgb(0, 0, 255); 3207 z-index: 9999; 3208 font-size: 14px; 3209 width: 50%; 3210 opacity: 0; 3211 transition: bottom 0.5s ease, opacity 0.5s ease; 3212 text-align: center; 3213} 3214#snackbar-mobile.show { 3215 bottom: 30px; 3216 opacity: 1; 3217} 3218.snackbar-content { 3219 display: flex; 3220 align-items: center; 3221 justify-content: center; 3222} 3223.snackbar-mobile-img { 3224 width: 30px; 3225 height: 30px; 3226 border-radius: 50%; 3227 margin-right: 8px; 3228} 3229.snackbar-icon { 3230 color: rgb(0, 0, 255); 3231 margin-right: 5px; 3232} 3233@media (max-width: 480px) { 3234 #snackbar-mobile { 3235 font-size: 12px; 3236 padding: 8px 10px; 3237 width: 80%; 3238 } 3239} 3240/* Ganti background hitam di halaman permainan */ 3241@media (max-width: 768px) { 3242 .main-menu-outer-container, 3243 div[style*="background-color: #1d1d2f"], 3244 .game-category-container, 3245 .provider-container, 3246 .category-button { 3247 background: #11118800 !important; 3248 } 3249} 3250</style> 3251 3252<!-- === HTML Snackbar === --> 3253<div id="snackbar-mobile"> 3254 <div class="snackbar-content"> 3255 <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="Logo" class="snackbar-mobile-img"> 3256 <p id="withdraw-text" style="margin: 0; color: white;"> 3257 <i class="fa fa-check-circle snackbar-icon"></i> 3258 <strong style="color: white;">user****id</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">Rp 9.728.000,00</span> 3259 </p> 3260 </div> 3261</div> 3262 3263<!-- === JS Otomatis === -->
3264<script> 3265window.addEventListener('load', () => { 3266 // Ubah background hitam ke gradasi emas 3267 document.querySelectorAll('[style*="background-color: #1d1d2f"]').forEach(el => { 3268 el.style.background = 'linear-gradient(to bottom, #ffd700, #ffcc00, #f1c40f, #b8860b)'; 3269 }); 3270 3271 const usernames = ["Id****89", "Cy****xy", "Wi****op", "Ke****12", "Ca****lo", "Ju****ng", "Er**g", "Ak**99", "Bh**79", "Kd**9"]; 3272 const amounts = ["Rp 5.728.000", "Rp 12.350.000", "Rp 3.950.000", "Rp 7.150.000", "Rp 10.500.000", "Rp 9.000.000", "Rp 19.000.000", "Rp 36.700.000", "Rp 3.700.000", "Rp 9.000.000"]; 3273 3274 const excludedPaths = [ 3275 '/mobile/logout', '/mobile/privacy', '/mobile/togel', '/mobile/slot', '/mobile/game', '/mobile/live-casino', '/mobile/sport', '/mobile/promo','/mobile/sabung-ayam', '/mobile/tembak-ikan', '/mobile/virtual', '/mobile/sosmed', 3276 '/mobile/user/deposit', '/mobile/user/withdraw', '/mobile/user/history', 3277 '/mobile/user/history/slot', '/mobile/user/history/live-casino', 3278 '/mobile/user/history/fish-shoot', '/mobile/user/history/sport', 3279 '/mobile/user/history/virtual', '/mobile/user/history/cockfighting', 3280 '/mobile/user/history/lottery', '/mobile/user/buku-mimpi', 3281 '/mobile/user/memo', '/mobile/user/referral', 3282 '/mobile/user/pengecekan/turn-over', '/mobile/user/profil', '/mobile/user', '/mobile/user/promo', '/mobile/masuk' 3283 ]; 3284 3285 const currentPath = window.location.pathname; 3286 3287 if (!excludedPaths.includes(currentPath)) { 3288 function showSnackbarDummy() { 3289 const username = usernames[Math.floor(Math.random() * usernames.length)]; 3290 const amount = amounts[Math.floor(Math.random() * amounts.length)]; 3291 const snackbar = document.getElementById('snackbar-mobile'); 3292 if (snackbar) { 3293 document.getElementById('withdraw-text').innerHTML = ` 3294 <i class="fa fa-check-circle snackbar-icon"></i> 3295 <strong style="color: white;">${username}</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">${amount}</span> 3296 `; 3297 snackbar.classList.add('show'); 3298 setTimeout(() => { 3299 snackbar.classList.remove('show'); 3300 }, 2500); 3301 } 3302 } 3303 setInterval(showSnackbarDummy, 5000); // â muncul tiap 5 detik 3304 } 3305}); 3306</script>
3306 3307 3308<style> 3309 3310/* HILANGKAN KOTAK PUTIH SAAT DIKLIK */ 3311*{ 3312 3313 -webkit-tap-highlight-color: 3314 transparent !important; 3315 3316 outline: 3317 none !important; 3318 3319 user-select: 3320 none !important; 3321 3322 -webkit-user-select: 3323 none !important; 3324 3325 -webkit-touch-callout: 3326 none !important; 3327 3328} 3329 3330/* KHUSUS IMAGE */ 3331img{ 3332 3333 pointer-events: 3334 auto; 3335 3336 user-drag: 3337 none; 3338 3339 -webkit-user-drag: 3340 none; 3341 3342} 3343 3344/* SAAT KLIK */ 3345a:focus, 3346button:focus, 3347div:focus, 3348img:focus{ 3349 3350 outline:none!important; 3351 -webkit-tap-highlight-color:transparent!important; 3352 3353} 3354 3355</style> 3356 3357<style> 3358 3359/* HILANGKAN JACKPOT PROGRESIF */ 3360div[style*="font-family: Teko-SemiBold"], 3361div[style*="jackpot-mobile.jpg"]{ 3362 3363 display: 3364 none !important; 3365 3366} 3367 3368</style> 3369<style> 3370 3371/* HEADER TOGEL SLOT */ 3372div[style*="border-left"]{ 3373 3374 background: 3375 linear-gradient( 3376 180deg, 3377 #3b3bff 0%, 3378 #0000c4 45%, 3379 #000e88 100% 3380 ) !important; 3381 3382 border-left: 3383 2px solid #ffe27a !important; 3384 3385 border-radius: 3386 12px !important; 3387 3388 padding: 3389 5px 9px !important; 3390 3391 min-height: 3392 38px !important; 3393 3394 box-shadow: 3395 0 0 7px rgba(0,0,255,.15), 3396 inset 0 1px 0 rgba(255,255,255,.07) !important; 3397 3398} 3399 3400/* ICON */ 3401div[style*="border-left"] img{ 3402 3403 width: 3404 42px !important; 3405 3406 height: 3407 auto !important; 3408 3409 margin-right: 3410 6px !important; 3411 3412} 3413 3414/* TULISAN */ 3415div[style*="border-left"] *{ 3416 3417 color: 3418 #ffe8a3 !important; 3419 3420 font-weight: 3421 700 !important; 3422 3423 font-size: 3424 12px !important; 3425 3426 line-height: 3427 1.1 !important; 3428 3429} 3430 3431</style> 3432<style> 3433 3434/* FULL TRANSPARAN AREA MASUK DAFTAR */ 3435div[style*="#4b0500"]{ 3436 3437 background: 3438 transparent !important; 3439 3440 background-color: 3441 transparent !important; 3442 3443 box-shadow: 3444 none !important; 3445 3446 border: 3447 none !important; 3448 3449} 3450 3451</style> 3452
3453<script> 3454document.addEventListener("DOMContentLoaded", function(){ 3455 3456 document 3457 .querySelectorAll(".carousel-indicators") 3458 .forEach(function(el){ 3459 3460 el.remove(); 3461 3462 }); 3463 3464}); 3465</script>
3465 3466 3467<style> 3468 3469/* TOMBOL MASUK & DAFTAR */ 3470div[onclick*="/mobile/masuk"], 3471div[onclick*="/mobile/daftar"]{ 3472 3473 height: 3474 44px !important; 3475 3476 border-radius: 3477 12px !important; 3478 3479 display: 3480 flex !important; 3481 3482 align-items: 3483 center !important; 3484 3485 justify-content: 3486 center !important; 3487 3488 font-size: 3489 15px !important; 3490 3491 font-weight: 3492 700 !important; 3493 3494 letter-spacing: 3495 .5px !important; 3496 3497 color: 3498 #fff !important; 3499 3500 border: 3501 1px solid rgba(255,255,255,.12) !important; 3502 3503 box-shadow: 3504 0 4px 10px rgba(0,0,0,.22), 3505 inset 0 1px 0 rgba(255,255,255,.10) !important; 3506 3507} 3508 3509/* MASUK */ 3510div[onclick*="/mobile/masuk"]{ 3511 3512 background: 3513 linear-gradient( 3514 180deg, 3515 #4d4dff 0%, 3516 #0000d1 55%, 3517 #0017c8 100% 3518 ) !important; 3519 3520} 3521 3522/* DAFTAR */ 3523div[onclick*="/mobile/daftar"]{ 3524 3525 background: 3526 linear-gradient( 3527 180deg, 3528 #ffe27a 0%, 3529 #ffbf00 55%, 3530 #c88600 100% 3531 ) !important; 3532 3533 color: 3534 #00002b !important; 3535 3536} 3537 3538/* EFEK KLIK */ 3539div[onclick*="/mobile/masuk"]:active, 3540div[onclick*="/mobile/daftar"]:active{ 3541 3542 transform: 3543 scale(.97); 3544 3545} 3546 3547</style> 3548<style> 3549 3550/* AREA HITAM MENU GAME */ 3551div[style*="background-color: #111188"]{ 3552 3553 background: 3554 linear-gradient( 3555 180deg, 3556 #2b2bff 0%, 3557 #0000b3 55%, 3558 #000e88 100% 3559 ) !important; 3560 3561} 3562 3563/* GARIS BAWAH MENU */ 3564div[style*="background-color: #111188"]::after{ 3565 3566 background: 3567 #ffe27a !important; 3568 3569} 3570 3571/* TEXT MENU */ 3572div[style*="background-color: #ED1900"] *{ 3573 3574 color: 3575 #000000 !important; 3576 3577} 3578 3579</style> 3580 3581<style> 3582 3583/* BACKGROUND SIDEBAR */ 3584#right-column, 3585#right-column .active, 3586#right-column div{ 3587 3588 background: 3589 #0b0b0b !important; 3590 3591} 3592 3593/* AGAR TETAP ELEGAN */ 3594#right-column{ 3595 3596 background: 3597 linear-gradient( 3598 180deg, 3599 #050505 0%, 3600 #111111 50%, 3601 #050505 100% 3602 ) !important; 3603 3604} 3605 3606/* INPUT */ 3607#right-column input{ 3608 3609 background: 3610 #1a1a1a !important; 3611 3612 color: 3613 #ffffff !important; 3614 3615 border: 3616 1px solid rgba(255,255,255,.08) !important; 3617 3618} 3619 3620/* MENU */ 3621#right-column a{ 3622 3623 color: 3624 #ffffff !important; 3625 3626} 3627 3628/* ICON */ 3629#right-column i{ 3630 3631 color: 3632 #ffd86b !important; 3633 3634} 3635 3636</style> 3637 3638<style> 3639 3640/* FONT TOMBOL DAFTAR */ 3641#right-column a[href*="daftar"]{ 3642 3643 color: 3644 #000000 !important; 3645 3646 font-weight: 3647 700 !important; 3648 3649 text-shadow: 3650 none !important; 3651 3652} 3653 3654/* AGAR SEMUA TEXT DI DALAM NYA HITAM */ 3655#right-column a[href*="daftar"] *{ 3656 3657 color: 3658 #000000 !important; 3659 3660} 3661 3662</style> 3663 3664<style> 3665 3666/* FONT TOMBOL KELUAR */ 3667#right-column a[href*="keluar"]{ 3668 3669 color: 3670 #000000 !important; 3671 3672 font-weight: 3673 700 !important; 3674 3675 text-shadow: 3676 none !important; 3677 3678} 3679 3680/* SEMUA TEXT DIDALAM BUTTON */ 3681#right-column a[href*="keluar"] *{ 3682 3683 color: 3684 #edebeb !important; 3685 3686} 3687 3688</style> 3689 3690<style> 3691 3692/* AREA SALDO */ 3693td[style*="width: 80px"]{ 3694 3695 position: 3696 relative !important; 3697 3698} 3699 3700/* TOMBOL + */ 3701td[style*="width: 80px"]::after{ 3702 3703 content: 3704 "+" !important; 3705 3706 position: 3707 absolute !important; 3708 3709 right: 3710 -12px !important; 3711 3712 top: 3713 50% !important; 3714 3715 transform: 3716 translateY(-50%) !important; 3717 3718 width: 3719 22px !important; 3720 3721 height: 3722 22px !important; 3723 3724 border-radius: 3725 50% !important; 3726 3727 background: 3728 linear-gradient( 3729 180deg, 3730 #32ff7e, 3731 #00b341 3732 ) !important; 3733 3734 color: 3735 #ffffff !important; 3736 3737 font-size: 3738 18px !important; 3739 3740 font-weight: 3741 700 !important; 3742 3743 display: 3744 flex !important; 3745 3746 align-items: 3747 center !important; 3748 3749 justify-content: 3750 center !important; 3751 3752 box-shadow: 3753 0 0 8px rgba(0,255,100,.45) !important; 3754 3755 cursor: 3756 pointer !important; 3757 3758 z-index: 3759 99 !important; 3760 3761} 3762 3763/* AREA KLIK */ 3764td[style*="width: 80px"]{ 3765 3766 cursor: 3767 pointer !important; 3768 3769} 3770 3771</style> 3772 3773<style> 3774 3775/* AREA SALDO */ 3776td[style*="width: 80px"]{ 3777 3778 position: 3779 relative !important; 3780 3781 overflow: 3782 visible !important; 3783 3784} 3785 3786/* TOMBOL + */ 3787td[style*="width: 80px"]::after{ 3788 3789 content: 3790 "+" !important; 3791 3792 position: 3793 absolute !important; 3794 3795 right: 3796 -10px !important; 3797 3798 top: 3799 50% !important; 3800 3801 transform: 3802 translateY(-50%) !important; 3803 3804 width: 3805 22px !important; 3806 3807 height: 3808 22px !important; 3809 3810 border-radius: 3811 50% !important; 3812 3813 background: 3814 linear-gradient( 3815 180deg, 3816 #32ff7e, 3817 #00b341 3818 ) !important; 3819 3820 color: 3821 #ffffff !important; 3822 3823 font-size: 3824 18px !important; 3825 3826 font-weight: 3827 700 !important; 3828 3829 display: 3830 flex !important; 3831 3832 align-items: 3833 center !important; 3834 3835 justify-content: 3836 center !important; 3837 3838 box-shadow: 3839 0 0 8px rgba(0,255,100,.45) !important; 3840 3841 z-index: 3842 999 !important; 3843 3844 cursor: 3845 pointer !important; 3846 3847} 3848</style> 3849 3850<style> 3851 3852/* AREA SALDO */ 3853td[style*="margin: auto 20px auto auto"]{ 3854 3855 position: 3856 relative !important; 3857 3858 overflow: 3859 visible !important; 3860 3861} 3862 3863/* TOMBOL + */ 3864td[style*="margin: auto 20px auto auto"]::after{ 3865 3866 content: 3867 "+" !important; 3868 3869 position: 3870 absolute !important; 3871 3872 right: 3873 -14px !important; 3874 3875 top: 3876 50% !important; 3877 3878 transform: 3879 translateY(-50%) !important; 3880 3881 width: 3882 22px !important; 3883 3884 height: 3885 22px !important; 3886 3887 border-radius: 3888 50% !important; 3889 3890 background: 3891 linear-gradient( 3892 180deg, 3893 #32ff7e, 3894 #00b341 3895 ) !important; 3896 3897 color: 3898 #fff !important; 3899 3900 font-size: 3901 18px !important; 3902 3903 font-weight: 3904 700 !important; 3905 3906 display: 3907 flex !important; 3908 3909 align-items: 3910 center !important; 3911 3912 justify-content: 3913 center !important; 3914 3915 box-shadow: 3916 0 0 8px rgba(0,255,120,.45) !important; 3917 3918 z-index: 3919 999 !important; 3920 3921 cursor: 3922 pointer !important; 3923 3924} 3925 3926</style> 3927 3928<style> 3929 3930/* HAPUS TOMBOL + SEBELAH KIRI */ 3931td[style*="width: 80px"]::after{ 3932 3933 display: 3934 none !important; 3935 3936 content: 3937 none !important; 3938 3939} 3940 3941/* TAMPILKAN HANYA YANG DI KANAN */ 3942td[style*="margin: auto 20px auto auto"]::after{ 3943 3944 display: 3945 flex !important; 3946 3947} 3948 3949</style> 3950
3951<script> 3952 3953/* KLIK TOMBOL + */ 3954document.addEventListener("click", function(e){ 3955 3956 const saldoBtn = e.target.closest( 3957 'td[style*="margin: auto 20px auto auto"]' 3958 ); 3959 3960 if(saldoBtn){ 3961 3962 window.location.href = 3963 "/mobile/user/deposit?type=3"; 3964 3965 } 3966 3967}); 3968 3969</script>
3969 3970 3971<style> 3972 3973/* AREA SALDO */ 3974td[style*="margin: auto 20px auto auto"]{ 3975 3976 padding-right: 3977 18px !important; 3978 3979} 3980 3981/* TOMBOL + */ 3982td[style*="margin: auto 20px auto auto"]::after{ 3983 3984 right: 3985 -2px !important; 3986 3987} 3988 3989</style> 3990 3991<style> 3992 3993/* GESER LEBIH KE KANAN */ 3994td[style*="margin: auto 20px auto auto"]::after{ 3995 3996 right: 3997 -10px !important; 3998 3999} 4000 4001</style> 4002 4003<style> 4004 4005/* TOMBOL MASUK & DAFTAR */ 4006div[onclick*="/mobile/masuk"], 4007div[onclick*="/mobile/daftar"]{ 4008 4009 position: 4010 relative !important; 4011 4012 overflow: 4013 hidden !important; 4014 4015 border-radius: 4016 14px !important; 4017 4018 transition: 4019 .2s ease !important; 4020 4021} 4022 4023/* MASUK */ 4024div[onclick*="/mobile/masuk"]{ 4025 4026 background: 4027 linear-gradient( 4028 180deg, 4029 #5b5bff 0%, 4030 #0000ed 55%, 4031 #0000c1 100% 4032 ) !important; 4033 4034 box-shadow: 4035 0 4px 10px rgba(0,0,255,.25), 4036 inset 0 1px 0 rgba(255,255,255,.18) !important; 4037 4038} 4039 4040/* DAFTAR */ 4041div[onclick*="/mobile/daftar"]{ 4042 4043 background: 4044 linear-gradient( 4045 180deg, 4046 #ffe27a 0%, 4047 #ffbf00 55%, 4048 #c88600 100% 4049 ) !important; 4050 4051 box-shadow: 4052 0 4px 10px rgba(255,190,0,.22), 4053 inset 0 1px 0 rgba(255,255,255,.22) !important; 4054 4055} 4056 4057/* KILAU */ 4058div[onclick*="/mobile/masuk"]::before, 4059div[onclick*="/mobile/daftar"]::before{ 4060 4061 content: 4062 ""; 4063 4064 position: 4065 absolute; 4066 4067 top: 4068 0; 4069 4070 left: 4071 -120px; 4072 4073 width: 4074 80px; 4075 4076 height: 4077 100%; 4078 4079 background: 4080 linear-gradient( 4081 90deg, 4082 transparent, 4083 rgba(255,255,255,.28), 4084 transparent 4085 ); 4086 4087 transform: 4088 skewX(-20deg); 4089 4090 animation: 4091 shinebtn 2.8s infinite; 4092 4093} 4094 4095/* ANIMASI */ 4096@keyframes shinebtn{ 4097 4098 0%{ 4099 left:-120px; 4100 } 4101 4102 100%{ 4103 left:130%; 4104 } 4105 4106} 4107 4108/* EFEK TEKAN */ 4109div[onclick*="/mobile/masuk"]:active, 4110div[onclick*="/mobile/daftar"]:active{ 4111 4112 transform: 4113 scale(.96); 4114 4115} 4116 4117</style> 4118 4119<style> 4120 4121/* TEXT HEADER TOGEL */ 4122div[style*="color: #FDC23A"]{ 4123 4124 color: 4125 #ffffff !important; 4126 4127} 4128 4129/* SEMUA TEXT DIDALAMNYA */ 4130div[style*="color: #FDC23A"] *{ 4131 4132 color: 4133 #ffffff !important; 4134 4135 text-shadow: 4136 0 1px 2px rgba(0,0,0,.35) !important; 4137 4138} 4139 4140</style> 4141 4142<style> 4143 4144/* WARNA ORANGE -> KUNING */ 4145div[style*="#FE6600"], 4146td[style*="#FE6600"], 4147span[style*="#FE6600"], 4148font[color="#FE6600"]{ 4149 4150 background: 4151 #ffd700 !important; 4152 4153 color: 4154 #ffd700 !important; 4155 4156 border-color: 4157 #ffd700 !important; 4158 4159} 4160 4161/* JIKA ADA ICON */ 4162i{ 4163 4164 color: 4165 #ffd700 !important; 4166 4167} 4168 4169</style> 4170 4171<style> 4172 4173/* BOX KUNING */ 4174div[style*="#FFD700"], 4175div[style*="#FE6600"]{ 4176 4177 background: 4178 #ffd700 !important; 4179 4180 border-color: 4181 #ffd700 !important; 4182 4183} 4184 4185/* TEXT / ANGKA HITAM */ 4186div[style*="#FFD700"], 4187div[style*="#FFD700"] *, 4188 4189div[style*="#FE6600"], 4190div[style*="#FE6600"] *{ 4191 4192 color: 4193 #000000 !important; 4194 4195 font-weight: 4196 700 !important; 4197 4198 text-shadow: 4199 none !important; 4200 4201} 4202 4203</style> 4204 4205 4206<style> 4207 4208/* BOX BANK */ 4209div[style*="border: 1px solid #FE6600"]{ 4210 4211 background: 4212 linear-gradient( 4213 180deg, 4214 #2b2bff 0%, 4215 #0000b3 55%, 4216 #000e88 100% 4217 ) !important; 4218 4219 border: 4220 1px solid #ffd86b !important; 4221 4222 border-radius: 4223 10px !important; 4224 4225 box-shadow: 4226 0 0 8px rgba(0,0,255,.18), 4227 inset 0 1px 0 rgba(255,255,255,.08) !important; 4228 4229 padding: 4230 4px 6px !important; 4231 4232} 4233 4234/* LOGO BANK */ 4235div[style*="border: 1px solid #FE6600"] img{ 4236 4237 filter: 4238 brightness(1.05) contrast(1.05); 4239 4240} 4241 4242/* TEXT */ 4243div[style*="border: 1px solid #FE6600"] *{ 4244 4245 color: 4246 #ffffff !important; 4247 4248} 4249 4250/* EFEK HOVER */ 4251div[style*="border: 1px solid #FE6600"]:active{ 4252 4253 transform: 4254 scale(.97); 4255 4256} 4257 4258</style> 4259 4260<style> 4261 4262/* ========================= 4263 CARD BETTING LUXURY 4264========================= */ 4265div[style*="border: 2px solid #FE6600"]{ 4266 4267 position: 4268 relative !important; 4269 4270 background: 4271 linear-gradient( 4272 180deg, 4273 #00003b 0%, 4274 #00007a 35%, 4275 #000042 100% 4276 ) !important; 4277 4278 border: 4279 2px solid #ffd86b !important; 4280 4281 border-radius: 4282 18px !important; 4283 4284 padding: 4285 14px !important; 4286 4287 overflow: 4288 hidden !important; 4289 4290 box-shadow: 4291 0 0 14px rgba(0,0,255,.22), 4292 0 0 28px rgba(255,180,0,.08), 4293 inset 0 1px 0 rgba(255,255,255,.12), 4294 inset 0 -2px 6px rgba(0,0,0,.35) !important; 4295 4296} 4297 4298/* EFEK KILAU */ 4299div[style*="border: 2px solid #FE6600"]::before{ 4300 4301 content: 4302 ""; 4303 4304 position: 4305 absolute; 4306 4307 top: 4308 0; 4309 4310 left: 4311 -140px; 4312 4313 width: 4314 90px; 4315 4316 height: 4317 100%; 4318 4319 background: 4320 linear-gradient( 4321 90deg, 4322 transparent, 4323 rgba(255,255,255,.12), 4324 transparent 4325 ); 4326 4327 transform: 4328 skewX(-20deg); 4329 4330 animation: 4331 luxuryshine 3.5s linear infinite; 4332 4333} 4334 4335@keyframes luxuryshine{ 4336 4337 0%{ 4338 left:-140px; 4339 } 4340 4341 100%{ 4342 left:140%; 4343 } 4344 4345} 4346 4347/* ========================= 4348 HEADER 4349========================= */ 4350div[style*="border: 2px solid #FE6600"] > div:first-child{ 4351 4352 background: 4353 linear-gradient( 4354 180deg, 4355 #fff1a8 0%, 4356 #ffd447 40%, 4357 #d69200 100% 4358 ) !important; 4359 4360 color: 4361 #00002b !important; 4362 4363 font-weight: 4364 800 !important; 4365 4366 font-size: 4367 15px !important; 4368 4369 text-align: 4370 center !important; 4371 4372 border-radius: 4373 12px !important; 4374 4375 padding: 4376 10px 12px !important; 4377 4378 margin-bottom: 4379 12px !important; 4380 4381 letter-spacing: 4382 .4px; 4383 4384 box-shadow: 4385 inset 0 1px 0 rgba(255,255,255,.35), 4386 0 3px 10px rgba(255,190,0,.22) !important; 4387 4388} 4389 4390/* ========================= 4391 TEXT 4392========================= */ 4393div[style*="border: 2px solid #FE6600"] *{ 4394 4395 color: 4396 #ffffff !important; 4397 4398 font-weight: 4399 600 !important; 4400 4401 text-shadow: 4402 0 1px 2px rgba(0,0,0,.35); 4403 4404} 4405 4406/* ========================= 4407 INPUT 4408========================= */ 4409div[style*="border: 2px solid #FE6600"] input{ 4410 4411 background: 4412 linear-gradient( 4413 180deg, 4414 #111111 0%, 4415 #1f1f1f 100% 4416 ) !important; 4417 4418 border: 4419 1px solid rgba(255,215,100,.30) !important; 4420 4421 border-radius: 4422 10px !important; 4423 4424 color: 4425 #ffffff !important; 4426 4427 padding: 4428 6px 10px !important; 4429 4430 font-weight: 4431 700 !important; 4432 4433 box-shadow: 4434 inset 0 1px 3px rgba(255,255,255,.05), 4435 0 0 4px rgba(255,215,0,.08) !important; 4436 4437} 4438 4439/* PLACEHOLDER */ 4440div[style*="border: 2px solid #FE6600"] input::placeholder{ 4441 4442 color: 4443 rgba(255,255,255,.40) !important; 4444 4445} 4446 4447/* FOCUS */ 4448div[style*="border: 2px solid #FE6600"] input:focus{ 4449 4450 border-color: 4451 #ffd86b !important; 4452 4453 box-shadow: 4454 0 0 10px rgba(255,215,0,.28), 4455 inset 0 1px 2px rgba(255,255,255,.06) !important; 4456 4457 outline: 4458 none !important; 4459 4460} 4461 4462/* ========================= 4463 BUTTON 4464========================= */ 4465div[style*="border: 2px solid #FE6600"] button{ 4466 4467 background: 4468 linear-gradient( 4469 180deg, 4470 #fff1a8 0%, 4471 #ffc400 50%, 4472 #b56b00 100% 4473 ) !important; 4474 4475 border: 4476 none !important; 4477 4478 border-radius: 4479 12px !important; 4480 4481 color: 4482 #00002b !important; 4483 4484 font-weight: 4485 800 !important; 4486 4487 box-shadow: 4488 0 3px 10px rgba(255,190,0,.25), 4489 inset 0 1px 0 rgba(255,255,255,.30) !important; 4490 4491} 4492 4493/* EFEK TEKAN */ 4494div[style*="border: 2px solid #FE6600"] button:active{ 4495 4496 transform: 4497 scale(.97); 4498 4499} 4500 4501</style> 4502 4503<style> 4504 4505/* BUTTON GENERATE */ 4506button.generate.btn.button-submit{ 4507 4508 position: 4509 relative !important; 4510 4511 overflow: 4512 hidden !important; 4513 4514 background: 4515 linear-gradient( 4516 180deg, 4517 #fff1a8 0%, 4518 #ffc400 50%, 4519 #b56b00 100% 4520 ) !important; 4521 4522 border: 4523 1px solid #ffd86b !important; 4524 4525 border-radius: 4526 10px !important; 4527 4528 color: 4529 #00002b !important; 4530 4531 font-weight: 4532 800 !important; 4533 4534 font-size: 4535 12px !important; 4536 4537 letter-spacing: 4538 .3px; 4539 4540 padding: 4541 5px 14px !important; 4542 4543 box-shadow: 4544 0 3px 10px rgba(255,190,0,.25), 4545 inset 0 1px 0 rgba(255,255,255,.35) !important; 4546 4547 transition: 4548 .2s ease !important; 4549 4550} 4551 4552/* EFEK KILAU */ 4553button.generate.btn.button-submit::before{ 4554 4555 content: 4556 ""; 4557 4558 position: 4559 absolute; 4560 4561 top: 4562 0; 4563 4564 left: 4565 -80px; 4566 4567 width: 4568 50px; 4569 4570 height: 4571 100%; 4572 4573 background: 4574 linear-gradient( 4575 90deg, 4576 transparent, 4577 rgba(255,255,255,.35), 4578 transparent 4579 ); 4580 4581 transform: 4582 skewX(-20deg); 4583 4584 animation: 4585 genshine 2.8s linear infinite; 4586 4587} 4588 4589@keyframes genshine{ 4590 4591 0%{ 4592 left:-80px; 4593 } 4594 4595 100%{ 4596 left:130%; 4597 } 4598 4599} 4600 4601/* HOVER */ 4602button.generate.btn.button-submit:hover{ 4603 4604 filter: 4605 brightness(1.05); 4606 4607} 4608 4609/* TEKAN */ 4610button.generate.btn.button-submit:active{ 4611 4612 transform: 4613 scale(.96); 4614 4615} 4616 4617</style> 4618 4619<style> 4620 4621/* PLAY NOW MODERN */ 4622div[style*="margin: auto 0;"]{ 4623 4624 position: 4625 relative !important; 4626 4627 overflow: 4628 hidden !important; 4629 4630 display: 4631 flex !important; 4632 4633 align-items: 4634 center !important; 4635 4636 justify-content: 4637 center !important; 4638 4639 gap: 4640 6px !important; 4641 4642 min-width: 4643 95px !important; 4644 4645 height: 4646 32px !important; 4647 4648 padding: 4649 0 18px !important; 4650 4651 border-radius: 4652 12px !important; 4653 4654 background: 4655 linear-gradient( 4656 135deg, 4657 #2b2bff 0%, 4658 #0000c4 55%, 4659 #000e88 100% 4660 ) !important; 4661 4662 border: 4663 1px solid rgba(255,255,255,.12) !important; 4664 4665 color: 4666 #ffffff !important; 4667 4668 font-size: 4669 12px !important; 4670 4671 font-weight: 4672 800 !important; 4673 4674 letter-spacing: 4675 .5px !important; 4676 4677 text-transform:
4678 uppercase !important; 4679 4680 box-shadow: 4681 0 4px 10px rgba(0,0,255,.28), 4682 inset 0 1px 0 rgba(255,255,255,.15) !important; 4683 4684 transition: 4685 .2s ease !important; 4686 4687} 4688 4689/* ICON PANAH */ 4690div[style*="margin: auto 0;"]::after{ 4691 4692 content: 4693 "â" !important; 4694 4695 font-size: 4696 13px !important; 4697 4698 font-weight: 4699 700 !important; 4700 4701 color: 4702 #ffd86b !important; 4703 4704 transition: 4705 .2s ease !important; 4706 4707} 4708 4709/* HOVER */ 4710div[style*="margin: auto 0;"]:hover{ 4711 4712 filter: 4713 brightness(1.08); 4714 4715} 4716 4717/* PANAH GERAK */ 4718div[style*="margin: auto 0;"]:hover::after{ 4719 4720 transform: 4721 translateX(3px); 4722 4723} 4724 4725/* KLIK */ 4726div[style*="margin: auto 0;"]:active{ 4727 4728 transform: 4729 scale(.96); 4730 4731} 4732 4733</style> 4734 4735<style> 4736 4737/* HAPUS BACKGROUND KUNING */ 4738div[style*="background-color: #F8D45C"]{ 4739 4740 background: 4741 transparent !important; 4742 4743 border: 4744 none !important; 4745 4746 box-shadow: 4747 none !important; 4748 4749 padding: 4750 0 !important; 4751 4752} 4753 4754</style> 4755 4756<style> 4757 4758/* OPTIMASI RINGAN TANPA MERUSAK TAMPILAN */ 4759 4760/* HANYA HAPUS EFEK BERAT */ 4761.glow, 4762.sparkle, 4763.blur, 4764.shine{ 4765 4766 animation: 4767 none !important; 4768 4769 filter: 4770 none !important; 4771 4772} 4773 4774/* IMAGE */ 4775img{ 4776 4777 loading: 4778 lazy; 4779 4780 image-rendering: 4781 auto !important; 4782 4783} 4784 4785/* SCROLL */ 4786body{ 4787 4788 overflow-x: 4789 hidden !important; 4790 4791 -webkit-overflow-scrolling: 4792 touch; 4793 4794} 4795 4796/* SLIDER */ 4797.slider, 4798.carousel, 4799.swiper{ 4800 4801 will-change: 4802 transform; 4803 4804} 4805 4806/* IFRAME */ 4807iframe{ 4808 4809 loading: 4810 lazy; 4811 4812} 4813 4814</style> 4815 4816<style> 4817 4818/* HANYA ICON PROVIDER */ 4819.main-menu-outer-container img[src*="provider-game"]{ 4820 4821 border-radius:10px !important; 4822 4823 border: 4824 2px solid #ffb300 !important; 4825 4826 background: 4827 linear-gradient( 4828 180deg, 4829 #000055 0%, 4830 #0000a3 50%, 4831 #00002a 100% 4832 ) !important; 4833 4834 box-shadow: 4835 0 0 4px rgba(255,180,0,.35), 4836 0 0 10px rgba(0,0,255,.25); 4837 4838 transition: 4839 transform .25s ease, 4840 box-shadow .25s ease; 4841 4842 position:relative; 4843 4844} 4845 4846/* HOVER */ 4847.main-menu-outer-container img[src*="provider-game"]:hover{ 4848 4849 transform: 4850 scale(1.04); 4851 4852 box-shadow: 4853 0 0 8px rgba(255,200,0,.65), 4854 0 0 16px rgba(0,0,255,.4); 4855 4856} 4857 4858/* LABEL */ 4859.main-menu-outer-container a[href*="slot-provider"]{ 4860 4861 position:relative; 4862 4863} 4864 4865.main-menu-outer-container a[href*="slot-provider"]::after{ 4866 4867 content:'Slot Gacor'; 4868 4869 position:absolute; 4870 4871 bottom:1px; 4872 left:0; 4873 right:0; 4874 4875 text-align:center; 4876 4877 font-size:8px; 4878 font-weight:700; 4879 4880 color:#ffd700; 4881 4882 text-shadow: 4883 0 0 4px rgba(255,215,0,.7); 4884 4885 pointer-events:none; 4886 4887} 4888 4889</style> 4890 4891<style> 4892/* ===== BOX GLOW ===== */ 4893@keyframes vipGlow{ 4894 0%,100%{ 4895 box-shadow:0 0 8px rgba(255,215,0,.5); 4896 } 4897 50%{ 4898 box-shadow: 4899 0 0 12px rgba(255,215,0,.9), 4900 0 0 25px rgba(255,170,0,.8), 4901 0 0 40px rgba(255,90,0,.4); 4902 } 4903} 4904 4905.vip-box{ 4906 animation:vipGlow 1.8s infinite; 4907} 4908 4909/* ===== TOMBOL PULSE ===== */ 4910@keyframes vipPulse{ 4911 0%,100%{ 4912 transform:scale(1); 4913 } 4914 50%{ 4915 transform:scale(1.02); 4916 } 4917} 4918 4919.vip-btn{ 4920 position:relative; 4921 overflow:hidden; 4922 animation:vipPulse 1.8s infinite; 4923 transition:.3s; 4924} 4925 4926.vip-btn:hover{ 4927 transform:scale(1.03); 4928 filter:brightness(1.15); 4929} 4930 4931/* ===== EFEK KILAU ===== */ 4932.vip-btn::after{ 4933 content:""; 4934 position:absolute; 4935 top:0; 4936 left:-120%; 4937 width:40%; 4938 height:100%; 4939 background:linear-gradient( 4940 90deg, 4941 transparent, 4942 rgba(255,255,255,.65), 4943 transparent 4944 ); 4945 transform:skewX(-25deg); 4946 animation:vipShine 2.5s linear infinite; 4947} 4948 4949@keyframes vipShine{ 4950 from{ 4951 left:-120%; 4952 } 4953 to{ 4954 left:160%; 4955 } 4956} 4957</style> 4958
4959<script> 4960document.addEventListener("DOMContentLoaded", function () { 4961 4962 var btnLogin = document.querySelector(".btn.btn-primary.submit"); 4963 4964 if (!btnLogin) return; 4965 4966 var infoBox = document.createElement("div"); 4967 4968 infoBox.innerHTML = ` 4969 <div class="vip-box" style=" 4970 background:rgba(0,0,0,.22); 4971 border:1px solid rgba(255,215,0,.5); 4972 border-radius:12px; 4973 padding:12px; 4974 margin:25px 0 15px; 4975 text-align:center;"> 4976 4977 <div style=" 4978 background:#FFD700; 4979 color:#00008b; 4980 font-size:13px; 4981 font-weight:bold; 4982 padding:6px; 4983 border-radius:4px; 4984 margin-bottom:10px;"> 4985 >> INFORMASI PENTING << 4986 </div> 4987 4988 <div style="display:flex;flex-direction:column;gap:8px;"> 4989 4990 <button id="copyLinkBtn" 4991 class="vip-btn" 4992 style=" 4993 width:100%; 4994 background:#FFD700; 4995 color:#000; 4996 border:none; 4997 padding:10px; 4998 border-radius:25px; 4999 font-size:12px; 5000 font-weight:bold; 5001 cursor:pointer;"> 5002 ð Link Anti Blokir : RAJACOLOK.CO 5003 </button> 5004 5005 </div> 5006 5007 </div> 5008 `; 5009 5010 const form = btnLogin.closest("form"); 5011 5012 if (form) { 5013 form.insertAdjacentElement("afterend", infoBox); 5014 } 5015 5016 document.getElementById("copyLinkBtn").onclick = function () { 5017 navigator.clipboard.writeText("https://rajacolok.co/"); 5018 5019 this.innerHTML = "â Link Berhasil Disalin"; 5020 5021 setTimeout(() => { 5022 this.innerHTML = "ð Link Anti Blokir : RAJACOLOK.CO"; 5023 }, 2000); 5024 }; 5025 5026}); 5027</script>
5027 5028 5029 5030 5031 5032
5033<script> 5034document.addEventListener('DOMContentLoaded', function () { 5035 5036 const GRADIENT = "linear-gradient(to bottom, rgb(0, 0, 225), rgb(18, 22, 155), rgb(38, 43, 227))"; 5037 const TARGET_RE = /background-color\s*:\s*#f8d45c(?:\s*!important)?\s*(?:;|$)/i; 5038 5039 const lastSeen = new WeakMap(); 5040 5041 function scanAndReplace() { 5042 5043 document.querySelectorAll('[style]').forEach(function(el) { 5044 5045 const styleAttr = el.getAttribute('style') || ''; 5046 5047 if (!TARGET_RE.test(styleAttr)) return; 5048 5049 if (lastSeen.get(el) === styleAttr) return; 5050 5051 el.style.removeProperty('background-color'); 5052 5053 el.style.setProperty('background', GRADIENT, 'important'); 5054 el.style.setProperty('background-image', GRADIENT, 'important'); 5055 el.style.setProperty('color', '#fff', 'important'); 5056 el.style.setProperty('border', '2px solid #ffd54f', 'important'); 5057 el.style.setProperty('border-radius', '25px', 'important'); 5058 el.style.setProperty( 5059 'box-shadow', 5060 'inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.3)', 5061 'important' 5062 ); 5063 el.style.setProperty('text-shadow', '0 1px 2px rgba(0,0,0,.5)', 'important'); 5064 5065 lastSeen.set(el, el.getAttribute('style') || ''); 5066 5067 }); 5068 5069 } 5070 5071 scanAndReplace(); 5072 setInterval(scanAndReplace, 500); 5073 5074}); 5075</script>
5075 5076 5077 5078<style> 5079.form-control::placeholder{ 5080 color:#d8d8d8 !important; 5081 opacity:1 !important; 5082} 5083</style> 5084
5085<script> 5086document.addEventListener("DOMContentLoaded", function () { 5087 5088 const BUTTON_GRADIENT = 5089 "linear-gradient(to bottom,#2b2be1,#16169b,#2626e3)"; 5090 5091 const INPUT_GRADIENT = 5092 "linear-gradient(to bottom,#16168a,#12127a)"; 5093 5094 function applyTheme() { 5095 5096 // Tombol Login 5097 document.querySelectorAll("input[type='submit'], .btn.btn-primary.submit").forEach(function(btn){ 5098 5099 btn.style.setProperty("background", BUTTON_GRADIENT, "important"); 5100 btn.style.setProperty("background-image", BUTTON_GRADIENT, "important"); 5101 btn.style.setProperty("border", "2px solid #ffd54a", "important"); 5102 btn.style.setProperty("border-radius", "25px", "important"); 5103 btn.style.setProperty("color", "#fff", "important"); 5104 btn.style.setProperty("font-weight", "700", "important"); 5105 btn.style.setProperty( 5106 "box-shadow", 5107 "inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.35)", 5108 "important" 5109 ); 5110 btn.style.setProperty( 5111 "text-shadow", 5112 "0 1px 2px rgba(0,0,0,.5)", 5113 "important" 5114 ); 5115 5116 }); 5117 5118 // Input Username & Password 5119 document.querySelectorAll(".form-control").forEach(function(input){ 5120 5121 input.style.setProperty("background", "#00063A", "important"); 5122 input.style.setProperty("background-image", INPUT_GRADIENT, "important"); 5123 input.style.setProperty("border", "1px solid #c7922a", "important"); 5124 input.style.setProperty("border-radius", "3px", "important"); 5125 input.style.setProperty("color", "#fff", "important"); 5126 input.style.setProperty( 5127 "box-shadow", 5128 "inset 0 1px 2px rgba(0,0,0,.45)", 5129 "important" 5130 ); 5131 5132 }); 5133 5134 } 5135 5136 applyTheme(); 5137 setInterval(applyTheme, 500); 5138 5139}); 5140</script>
5140 5141
5142<script> 5143document.addEventListener("DOMContentLoaded", function () { 5144 5145 function hijaukanDeposit() { 5146 const btn = document.querySelector('input[type="submit"][value="Deposit"]'); 5147 if (!btn) return; 5148 5149 btn.style.setProperty("background", "linear-gradient(to bottom,#43d854,#168b28)", "important"); 5150 btn.style.setProperty("border", "2px solid #8dff5b", "important"); 5151 btn.style.setProperty("color", "#fff", "important"); 5152 btn.style.setProperty("border-radius", "25px", "important"); 5153 btn.style.setProperty("box-shadow", "inset 0 2px 8px rgba(255,255,255,.35),0 3px 10px rgba(0,0,0,.35)", "important"); 5154 btn.style.setProperty("text-shadow", "0 1px 2px rgba(0,0,0,.5)", "important"); 5155 } 5156 5157 hijaukanDeposit(); 5158 5159 // Jika ada script lain yang mengubah tombol, otomatis ubah lagi 5160 new MutationObserver(hijaukanDeposit).observe(document.body, { 5161 childList: true, 5162 subtree: true, 5163 attributes: true 5164 }); 5165 5166}); 5167</script>
5167 5168 5169<style> 5170@media (min-width: 992px) { 5171 div[style="width: 220px;"] { 5172 --start-position: 5%; 5173 --end-position: calc(90% - 70px); 5174 position: relative !important; 5175 width: 250px !important; 5176 } 5177 div[style="width: 220px;"] a { 5178 display: block !important; 5179 width: 250px !important; 5180 } 5181 div[style="width: 220px;"] img { 5182 z-index: 2; 5183 width: 100% !important; 5184 } 5185 div[style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 20px 0;"] .menu-opt { 5186 margin-left: 10px !important; 5187 } 5188} 5189 5190@media (max-width: 768px) { 5191 div[style="height: 50px; position: fixed; top: 50px; z-index: 20; background-color: rgb(0, 0, 0); width: 100%; box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 6px -6px;"]:has(table[width="90%"]) { 5192 --start-position: 5%; 5193 --end-position: calc(90% - 70px); 5194 } 5195} 5196</style> 5197 <style> 5198 @font-face { 5199 font-family: Open24DisplaySt; 5200 src: url('/css/Open24DisplaySt.woff2'); 5201 } 5202 5203 @font-face { 5204 font-family: Teko-SemiBold; 5205 src: url('/css/Teko-SemiBold.ttf'); 5206 } 5207 5208 @font-face { 5209 font-family: Poppins-Regular; 5210 src: url('/css/Poppins-Regular.ttf'); 5211 } 5212 5213 body { 5214 margin: 0 auto; 5215 color: #fff; 5216 font-size: 14px !important; 5217 } 5218 5219 .form-control { 5220 background-color: #fff; 5221 border-color: #707070; 5222 -moz-appearance: none; 5223 -webkit-appearance: none; 5224 color: #000; 5225 } 5226 5227 .login-btn:hover { 5228 background-color: #5f5f5f !important; 5229 border-color: #5f5f5f !important; 5230 } 5231 5232 .register-btn:hover { 5233 color: #fff !important; 5234 text-decoration: none; 5235 } 5236 5237 .menu-opt { 5238 font-size: 12px !important; 5239 margin-left: 22px; 5240 } 5241 5242 .menu-opt-active { 5243 color: #29D1E3 !important; 5244 font-weight: bold; 5245 } 5246 5247 .menu-opt a:hover { 5248 color: #29D1E3 !important; 5249 text-decoration: none; 5250 } 5251 5252 .provider:hover { 5253 width: 100%; 5254 background-color: rgba(41, 209, 227, 0.5); 5255 border-radius: 6px; 5256 } 5257 5258 @keyframes topbar-icon-bounce { 5259 5260 0%, 5261 20%, 5262 40%, 5263 60%, 5264 80%, 5265 100% { 5266 transform: translateY(0) 5267 } 5268 5269 70% { 5270 transform: translateY(-5px) 5271 } 5272 5273 50% { 5274 transform: translateY(-12px) 5275 } 5276 } 5277 5278 .footer-bg::before { 5279 background-color: #00063A; 5280 opacity: .8; 5281 content: ""; 5282 position: absolute; 5283 top: 0; 5284 left: 0; 5285 right: 0; 5286 bottom: 0; 5287 z-index: 1; 5288 } 5289 5290 .circular-menu__button { 5291 display: none; 5292 } 5293 5294 .circular-menu__button:checked+.circular-menu__icon { 5295 transform: scale(1, 1) translate3d(0, 0, 0); 5296 transition-duration: 0.2s; 5297 transition-timing-function: linear; 5298 } 5299 5300 .circular-menu__button:checked~.circular-menu__item { 5301 transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33); 5302 } 5303 5304 .circular-menu__button:checked~.circular-menu__item:nth-of-type(1) { 5305 transition-duration: 0.18s; 5306 transform: translate3d(0px, -105px, 0); 5307 } 5308 5309 .circular-menu__button:checked~.circular-menu__item:nth-of-type(2) { 5310 transition-duration: 0.28s; 5311 transform: translate3d(99.86093418px, -32.446784369999996px, 0
5311); 5312 } 5313 5314 .circular-menu__button:checked~.circular-menu__item:nth-of-type(3) { 5315 transition-duration: 0.38s; 5316 transform: translate3d(61.71745146px, 84.94678437px, 0); 5317 } 5318 5319 .circular-menu__button:checked~.circular-menu__item:nth-of-type(4) { 5320 transition-duration: 0.48s; 5321 transform: translate3d(-61.71745146px, 84.94678437px, 0); 5322 } 5323 5324 .circular-menu__button:checked~.circular-menu__item:nth-of-type(5) { 5325 transition-duration: 0.58s; 5326 transform: translate3d(-99.86093418px, -32.446784369999996px, 0); 5327 } 5328 5329 .circular-menu__icon { 5330 background: linear-gradient(#5F70FB, #4E63FA); 5331 border-radius: 100%; 5332 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); 5333 height: 50px; 5334 line-height: 50px; 5335 margin-left: 10px; 5336 position: fixed; 5337 text-align: center; 5338 bottom: 150px; 5339 transform: translate3d(0, 0, 0); 5340 transition: transform ease-out 0.2s; 5341 width: 50px; 5342 cursor: pointer; 5343 transform: scale(1.1, 1.1) translate3d(0, 0, 0); 5344 transition-duration: 0.4s; 5345 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); 5346 z-index: 7; 5347 } 5348 5349 .circular-menu__icon:hover { 5350 transform: scale(1.2, 1.2) translate3d(0, 0, 0); 5351 } 5352 5353 .circular-menu__item { 5354 background-image: linear-gradient(#5F70FB, #4E63FA); 5355 border-radius: 100%; 5356 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); 5357 color: #fff; 5358 height: 45px; 5359 line-height: 45px; 5360 margin-left: 10px; 5361 position: fixed; 5362 text-align: center; 5363 bottom: 160px; 5364 transform: translate3d(0, 0, 0); 5365 transition: transform ease-out 0.2s; 5366 width: 45px; 5367 z-index: 5; 5368 } 5369 5370 .circular-menu__item:nth-of-type(1) { 5371 transition-duration: 0.18s; 5372 } 5373 5374 .circular-menu__item:nth-of-type(2) { 5375 transition-duration: 0.18s; 5376 } 5377 5378 .circular-menu__item:nth-of-type(3) { 5379 transition-duration: 0.18s; 5380 } 5381 5382 .circular-menu__item:nth-of-type(4) { 5383 transition-duration: 0.18s; 5384 } 5385 5386 .circular-menu__item:nth-of-type(5) { 5387 transition-duration: 0.18s; 5388 } 5389 5390 .circular-menu__item:hover { 5391 color: #dc143c; 5392 background: #f08080; 5393 } 5394 5395 .circular-menu__item:active, 5396 .circular-menu__item:focus { 5397 color: #8b0000; 5398 } 5399 </style> 5400 <!-- Start of LiveChat (www.livechat.com) code -->
5401<script> 5402 window.__lc = window.__lc || {}; 5403 window.__lc.license = 18660819; 5404 window.__lc.integration_name = "manual_channels"; 5405 window.__lc.product_name = "livechat"; 5406 ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice)) 5407</script>
5407 5408<noscript><a href="https://www.livechat.com/chat-with/18660819/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript> 5409<!-- End of LiveChat code --> <style> 5410 .form-control[readonly] { 5411 background-color: #fff; 5412 border-color: #707070; 5413 -moz-appearance: none; 5414 -webkit-appearance: none; 5415 color: #000; 5416 } 5417 5418 .select_box:after { 5419 border-left: 6px solid transparent; 5420 border-right: 6px solid transparent; 5421 border-top: 6px solid #000; 5422 position: absolute; 5423 top: 15px; 5424 right: 15px; 5425 content: ""; 5426 } 5427 5428 .background-top { 5429 background: url(https://rajacolok.dataklmsad902.site/asset/images/main-bg.jpg?s=c01af1c6edd24b60eb5f28c06f6e6762) no-repeat center center fixed; 5430 -webkit-background-size: cover; 5431 -moz-background-size: cover; 5432 -o-background-size: cover; 5433 background-size: cover; 5434 } 5435 5436 .form-control.success { 5437 border-color: #04AA6D !important; 5438 } 5439 5440 .form-control.error { 5441 border-color: #f44336 !important; 5442 } 5443 5444 .success-message { 5445 color: #04AA6D; 5446 font-size: 14px; 5447 margin-top: 6px; 5448 } 5449 5450 .checking-message { 5451 color: #FDC23A; 5452 font-size: 14px; 5453 margin-top: 6px; 5454 } 5455 5456 .spinner { 5457 display: inline-block; 5458 width: 12px; 5459 height: 12px; 5460 border: 2px solid #FDC23A; 5461 border-top-color: transparent; 5462 border-radius: 50%; 5463 animation: spin 0.6s linear infinite; 5464 margin-right: 5px; 5465 } 5466 5467 @keyframes spin { 5468 to { 5469 transform: rotate(360deg); 5470 } 5471 } 5472 </style> 5473 </head> 5474 5475 <body style="background-color: #00063A;"> 5476 <div style="position: fixed; top: 0; z-index: 20; box-shadow: rgb(0 0 0 / 50%) 0 6px 6px -6px; width: 100%;"> 5477 <div style="background-color: #105F82; padding: 12px 0;"> 5478 <div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex;"> 5479 <div onclick="window.location='https://unmetsdixvins.com/mobile/ganti-mode'" 5480 class="menu-opt" style="cursor: pointer; display: flex; margin: auto 40px auto 0;"> 5481 <img src="https://rajacolok.dataklmsad902.site/asset/images/mobile.png?s=7069dc6050b90d29193922c60e4eb9ee" alt="Versi Mobile" 5482 style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;"> 5483 <div style="margin-left: 6px; color: #fff;"> 5484 Versi Mobile 5485 </div> 5486 </div> 5487 <div onclick="window.location='https://unmetsdixvins.com/promo'" 5488 class="menu-opt " 5489 style="cursor: pointer; margin: auto 40px auto 0; display: flex;"> 5490 <img src="https://rajacolok.dataklmsad902.site/asset/images/menu-4.png?s=480315067fa1ce583c60094d4f2f7eb8" alt="Promo" 5491 style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;"> 5492 <div style="margin-left: 6px;"> 5493 Promo 5494 </div> 5495 </div> 5496 <div onclick="window.location='https://unmetsdixvins.com/slot-rtp/1'" 5497 class="menu-opt " 5498 style="cursor: pointer; margin: auto 40px auto 0; display: flex;"> 5499 <img src="https://rajacolok.dataklmsad902.site/asset/images/menu-2.png?s=80aab44edacffa2f8d2089decfd89a64" alt="RTP"
5500 style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;"> 5501 <div style="margin-left: 6px;"> 5502 RTP 5503 </div> 5504 </div> 5505 <div onclick="window.location='https://unmetsdixvins.com/buku-mimpi'" 5506 class="menu-opt " 5507 style="cursor: pointer; margin: auto 40px auto 0; display: flex;"> 5508 <img src="https://rajacolok.dataklmsad902.site/asset/images/book.png?s=966de68cbed901786ff61b13eeba2fa8" alt="buku mimpi" 5509 style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;"> 5510 <div style="margin-left: 6px;"> 5511 Buku Mimpi 5512 </div> 5513 </div> 5514 <div onclick="window.location='https://unmetsdixvins.com/sosmed'" 5515 class="menu-opt " 5516 style="cursor: pointer; display: flex; margin: auto 0;"> 5517 <img src="https://rajacolok.dataklmsad902.site/asset/images/menu-5.png?s=46472c1cf1d4eeded053e05496a93ae9" alt="hubungi kami" 5518 style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;"> 5519 <div style="margin-left: 6px;"> 5520 Hubungi Kami 5521 </div> 5522 </div> 5523 <div style="margin: auto 0 auto auto;"> 5524 <div style="display: flex;"> 5525 <a href="https://unmetsdixvins.com/masuk" 5526 class="login-btn" 5527 style="color: #fff; border: 1px solid #fff; border-radius: 20px; transition: all .3s ease; background-color: transparent; padding: 3px 20px; margin: auto 10px auto 0;">MASUK</a> 5528 <a href="https://unmetsdixvins.com/daftar" 5529 class="register-btn" 5530 style="color: #fff; border-radius: 20px; transition: all .3s ease; background-color: #29D1E3; text-align: center; padding: 3px 20px; margin: auto;"> 5531 DAFTAR 5532 </a> 5533 </div> 5534 </div> 5535 </div> 5536 </div> 5537 <div style="background-color: #00063A; min-height: 120px;"> 5538 <div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 20px 0;"> 5539 <div style="width: 220px;"> 5540 <a href="https://unmetsdixvins.com/desktop"> 5541 <img src="https://rajacolok.dataklmsad903.site/images/setting-logo/1/tkNfIIwXjYJwWQNC.gif" alt="RajaColok" 5542 style="height: 80px;"> 5543 </a> 5544 </div> 5545 5546 <div 5547 style="margin: auto 0 auto auto; display: flex; flex-direction: column; align-items: flex-end;"> 5548 <div style="display: flex;"> 5549 <div class="menu-opt"> 5550 <a href="https://unmetsdixvins.com/togel" 5551 class="" 5552 style="color: #fff; transition: all .3s ease; display: flex;"> 5553 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-7-mobile.png?s=d820bafb22680078e57f7c8ef81ddbff" alt="togel" 5554 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5555 style="margin: auto 0;">TOGEL</span> 5556 </a> 5557 </div> 5558 <div class="menu-opt"> 5559 <a href="https://unmetsdixvins.com/slot" 5560 class="" 5561 style="color: #fff; transition: all .3s ease; display: flex;"> 5562 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-2-mobile.png?s=bfbb653b50a0f71bb7967b94f73febd7" alt="slot" 5563 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5564 style="margin: auto 0;">SLOT</span> 5565 </a> 5566 </div> 5567 <div class="menu-opt"> 5568 <a href="https://unmetsdixvins.com/live-casino" 5569 class="" 5570 style="color: #fff; transition: all .3s ease; display: flex;"> 5571 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-3-mobile.png?s=a6a5f2baa715e01c443800b8ba1510d7" alt="live casino" 5572 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5573 style="margin: auto 0;">LIVE CASINO</span> 5574 </a> 5575 </div> 5576 <div class="menu-opt"> 5577 <a href="https://unmetsdixvins.com/sport" 5578 class="" 5579 style="color: #fff; transition: all .3s ease; display: flex;"> 5580 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-5-mobile.png?s=ff35fb30d93a8b38470bdb515ee0f5b2" alt="sport" 5581 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5582 style="margin: auto 0;">SPORT</span> 5583 </a> 5584 </div> 5585 <div class="menu-opt"> 5586 <a href="https://unmetsdixvins.com/sabung-ayam" 5587 class="" 5588 style="color: #fff; transition: all .3s ease; display: flex;"> 5589 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-8-mobile.png?s=23e488a1b54d0b57b1894a6ef19dc4b9" alt="sabung ayam" 5590 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5591 style="margin: auto 0;">SABUNG AYAM</span> 5592 </a> 5593 </div> 5594 <div class="menu-opt"> 5595 <a href="https://unmetsdixvins.com/tembak-ikan" 5596 class="" 5597 style="color: #fff; transition: all .3s ease; display: flex;"> 5598 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-4-mobile.png?s=63e6251efc14724ae072b55306ab484c" alt="tembak ikan" 5599 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5600 style="margin: auto 0;">TEMBAK IKAN</span> 5601 </a> 5602 </div> 5603 <div class="menu-opt"> 5604 <a href="https://unmetsdixvins.com/virtual" 5605 class="" 5606 style="color: #fff; transition: all .3s ease; display: flex;"> 5607 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-6-mobile.png?s=7925b9682d24c145c273d393f412ebe4" alt="virtual" 5608 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5609 style="margin: auto 0;">VIRTUAL</span> 5610 </a> 5611 </div> 5612 <div class="menu-opt"> 5613 <a href="https://unmetsdixvins.com/crash-game" 5614 class="" 5615 style="color: #fff; transition: all .3s ease; display: flex;"> 5616 <img src="https://rajacolok.dataklmsad902.site/asset/images/game-9-mobile.png?s=8046c23620a8f1296345390df52c8ec0" alt="virtual" 5617 style="width: 30px; height: 30px; margin-right: 6px;"> <span 5618 style="margin: auto 0;">CRASH GAME</span> 5619 </a> 5620 </div> 5621 </div> 5622 </div> 5623 </div> 5624 </div> 5625 </div> 5626 <div style="margin-top: 170px;"> 5627 <div class="background-top" style="padding: 30px 0 50px 0;"> 5628 <div style="width: 95%; margin: 0 auto; max-width: 1280px;"> 5629 <div 5630 style="margin-bottom: 20px; text-align: center; font-family: Teko-SemiBold; font-size: 24px; color: #29D1E3;"> 5631 DAFTAR AKUN 5632 </div> 5633 5634 <form method="post" action="https://unmetsdixvins.com/daftar-submit?is_register=1" class="form-register" 5635 style="width: 50%; margin: 0 auto; background-color: #00063A; padding: 3% 5%;"> 5636 <input type="hidden" name="_token" value=""> 5637 <table style="width: 100%;"> 5638 <tr> 5639 <td style="padding-bottom: 20px; font-size: 14px;">Username</td> 5640 <td style="padding-bottom: 20px;"> 5641 <input type="text" name="username" id="username" class="form-control" placeholder="Username" 5642 autocomplete="off"> 5643 <div class="error-username" style="color: red; font-size: 14px;"></div> 5644 <div class="validation-username" style="margin-top: 6px;"></div> 5645 </td> 5646 </tr> 5647 <tr> 5648 <td style="padding-bottom: 20px; font-size: 14px;">Password</td> 5649 <td style="padding-bottom: 20px;"> 5650 <input type="password" name="password" id="password" class="form-control" 5651 placeholder="Password"> 5652 <div class="error-password" style="color: red; font-size: 14px;"></div> 5653 <div class="validation-password" style="margin-top: 6px;"></div> 5654 </td> 5655 </tr> 5656 <tr> 5657 <td style="padding-bottom: 20px; font-size: 14px;">Konfirmasi Password</td> 5658 <td style="padding-bottom: 20px;"> 5659 <input type="password" name="password_confirm" id="password_confirm" class="form-control" 5660 placeholder="Konfirmasi Password"> 5661 <div class="error-password_confirm" style="color: red; font-size: 14px;"></div> 5662 <div class="validation-password_confirm" style="margin-top: 6px;"></div> 5663 </td> 5664 </tr> 5665 <tr> 5666 <td style="padding-bottom: 20px; font-size: 14px;">Email <span 5667 style="color: #888; font-size: 12px;">(Opsional)</span></td> 5668 <td style="padding-bottom: 20px;"> 5669 <input type="email" name="email" id="email" class="form-control" 5670 placeholder="Email (Opsional)"> 5671 <div class="error-email" style="color: red; font-size: 14px;"></div> 5672 <div class="validation-email" style="margin-top: 6px;"></div> 5673 </td> 5674 </tr> 5675 <tr> 5676 <td style="padding-bottom: 20px; font-size: 14px;">No. Handphone</td> 5677 <td style="padding-bottom: 20px;"> 5678 <input type="tel" name="phone" id="phone" class="form-control" 5679 placeholder="Telepon (08xxx)"> 5680 <div class="error-phone" style="color: red; font-size: 14px;"></div> 5681 <div class="validation-phone" style="margin-top: 6px;"></div> 5682 </td> 5683 </tr> 5684 <tr> 5685 <td style="padding-bottom: 20px; font-size: 14px;">Pilih Bank</td> 5686 <td class="select_box" style="padding-bottom: 20px; position: relative;"> 5687 <select name="bank_lists_id" class="form-control"> 5688 <option value="">Pilih Bank</option> 5689 <option value="1">BCA</option> 5690 <option value="2">BNI</option> 5691 <option value="3">BRI</option> 5692 <option value="4">CIMB</option> 5693 <option value="5">Mandiri</option> 5694 <option value="6">Danamon</option> 5695 <option value="7">OVO</option> 5696 <option value="8">
5696GOPAY</option> 5697 <option value="9">DANA</option> 5698 <option value="10">LINKAJA</option> 5699 <option value="11">JAGO</option> 5700 <option value="12">SEABANK</option> 5701 <option value="13">BSI</option> 5702 <option value="14">SHOPEEPAY</option> 5703 </select> 5704 <div class="error-bank_lists_id" style="color: red; font-size: 14px;"></div> 5705 </td> 5706 </tr> 5707 <tr> 5708 <td style="padding-bottom: 20px; font-size: 14px;">No. Rekening</td> 5709 <td style="padding-bottom: 20px;"> 5710 <input type="tel" name="bank_account_number" id="bank_account_number" class="form-control" 5711 placeholder="No. Rekening"> 5712 <div class="error-bank_account_number" style="color: red; font-size: 14px;"></div> 5713 <div class="validation-bank-account" style="margin-top: 6px;"></div> 5714 </td> 5715 </tr> 5716 <tr> 5717 <td style="padding-bottom: 20px; font-size: 14px;">Nama Rekening</td> 5718 <td style="padding-bottom: 20px;"> 5719 <input type="text" name="bank_account_name" id="bank_account_name" class="form-control" 5720 placeholder="Nama Rekening"> 5721 <div class="error-bank_account_name" style="color: red; font-size: 14px;"></div> 5722 </td> 5723 </tr> 5724 <tr> 5725 <td colspan="2" style="margin-top: 20px; text-align: center;"> 5726 <input type="hidden" name="is_captcha" value="2"> 5727 <button type="submit" class="btn btn-primary submit" id="submitBtn" 5728 style="background-color: #29D1E3; color: #fff; border: 0; width: 50%; font-weight: bold; border-radius: 6px; padding: 10px 0;"> 5729 <span class="btn-text">Daftar</span> 5730 <span class="spinner-border spinner-border-sm hide" role="status" aria-hidden="true"></span> 5731 <span class="loading-text hide">Memproses...</span> 5732 </button> 5733 </td> 5734 </tr> 5735 </table> 5736 </form> 5737 5738 <div style="margin: 20px auto 0 auto; text-align: center;"> 5739 <div style="opacity: 0.78; font-size: 13px;">Sudah punya akun?</div> 5740 <a href="https://unmetsdixvins.com/masuk" 5741 style="color: #29D1E3; font-weight: bold;"> 5742 <u>Masuk disini</u> 5743 </a> 5744 </div> 5745 </div> 5746 </div> 5747 </div> 5748 <div style="background-color: #105F82; padding: 10px; display: flex; margin: 0 auto;"> 5749 <div style="margin: auto 12px auto auto; background-color: #00063A; border-radius: 50px; padding: 5px 16px 5px 4px;"> 5750 <a href="https://wa.me/62898565785695" target="_blank" style="display: flex; color: #fff;"> 5751 <div style="background-color: #29D1E3; margin-right: 10px; width: 30px; height: 30px; display: flex; border-radius: 50px;"> 5752 <i class="fab fa-whatsapp" style="color: #fff; font-size: 20px; margin: auto;"></i> 5753 </div> 5754 <div style="margin: auto 0;"> 5755 RAJACOLOK 5756 </div> 5757 </a> 5758 </div> 5759 <div style="margin: auto 12px auto 0; background-color: #00063A; border-radius: 50px; padding: 5px 16px 5px 4px;"> 5760 <a href="https://www.facebook.com/groups/rajacolokresmi" target="_blank" style="display: flex; color: #fff;"> 5761 <div style="background-color: #29D1E3; margin-right: 10px; width: 30px; height: 30px; display: flex; border-radius: 50px;"> 5762 <i class="fab fa-facebook" style="color: #fff; font-size: 20px; margin: auto;"></i> 5763 </div> 5764 <div style="margin: auto 0;"> 5765 RAJACOLOK 5766 </div> 5767 </a> 5768 </div> 5769 <div style="margin: auto auto auto 0; background-color: #00063A; border-radius: 50px; padding: 5px 16px 5px 4px;"> 5770 <a href="https://t.me/rajacolok" target="_blank" style="display: flex; color: #fff;"> 5771 <div style="background-color: #29D1E3; margin-right: 10px; width: 30px; height: 30px; display: flex; border-radius: 50px;"> 5772 <i class="fab fa-telegram" style="color: #fff; font-size: 20px; margin: auto;"></i> 5773 </div> 5774 <div style="margin: auto 0;"> 5775 RAJACOLOK 5776 </div> 5777 </a> 5778 </div> 5779 </div> 5780 5781<div style="background:url(https://rajacolok.dataklmsad902.site/asset/images/footer.jpg?s=b9f2a6d4574d77e63170213f26e25b72) no-repeat center center fixed; position: relative; background-size: cover; width: 100%; padding: 40px 0 20px 0; color: #fff;"> 5782 <div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;"> 5783 <div style="font-size: 16px;"> 5784 Bekerja sama dengan BANK : 5785 </div> 5786 5787 <ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 30px; display: flex; flex-wrap: wrap; text-align: center;"> 5788 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5789 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5790 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/1/XDrxd4fh4GL7865l.png?s=e104561a613e5212ebc535915c17abcd" alt="BCA" style="width: 80%;"> 5791 </div> 5792 </li> 5793 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5794 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5795 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/2/xQuXzxB874uEb0oa.png?s=500bc3f41d201f363575161cb9b1ca90" alt="BNI" style="width: 80%;"> 5796 </div> 5797 </li> 5798 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5799 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5800 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/3/UIoGs5HJK6j4AG34.png?s=91827107e1abbf564bdcda459f7b03b8" alt="BRI" style="width: 80%;"> 5801 </div> 5802 </li> 5803 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5804 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5805 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/4/j4446gF3ZgniSCtU.png?s=a8f7105ed70ff4236a8b3f6522dbbc12" alt="CIMB" style="width: 80%;"> 5806 </div> 5807 </li> 5808 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5809 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5810 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/5/Y8my69TJMLr8KaUd.png?s=80428c3933e2a6f522340ddc56098421" alt="Mandiri" style="width: 80%;"> 5811 </div> 5812 </li> 5813 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5814 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5815 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/6/yKGuSA0Uq3vtzDSD.png?s=d5a5e2d975e5f72b0f6933d3c2d8cce4" alt="Danamon" style="width: 80%;"> 5816 </div> 5817 </li> 5818 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5819 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5820 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/7/Mb6KaaQy5CeAw8ps.png?s=dfd9355b873f4da85623516f9f7d3880" alt="OVO" style="width: 80%;"> 5821 </div> 5822 </li> 5823 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5824 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5825 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/8/fMhehnUjsZFH7EkO.png?s=7029aa11518ad38486be7af009783975" alt="GOPAY" style="width: 80%;"> 5826 </div> 5827 </li> 5828 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5829 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5830 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/9/faQNi5Y4b6CZLLbZ.png?s=4e39b548b09cc95974c9d253e232e977" alt="DANA" style="width: 80%;"> 5831 </div> 5832 </li> 5833 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5834 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5835 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/10/2rPJADFIrZlkCOhb.png?s=6cd6bb7391c55d9bca724f3d4ef2e08a" alt="LINKAJA" style="width: 80%;"> 5836 </div> 5837 </li> 5838 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5839 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5840 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/11/jiwOogzjgEKfXtnl.png?s=4e1b49bc0b44069c8f4cfd07d078b864" alt="JAGO" style="width: 80%;"> 5841 </div> 5842 </li> 5843 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5844 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5845 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/12/qL2qrXOK03fSwEcB.png?s=f05f3f38fd2b3405d87bbb3a2342fc3b" alt="SEABANK" style="width: 80%;"> 5846 </div> 5847 </li> 5848 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5849 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5850 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/13/wlDJQzKOnr0KRK4g.png?s=59dc965324b500f0704c69cecc4878f4" alt="BSI" style="width: 80%;"> 5851 </div> 5852 </li> 5853 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5854 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5855 <img src="https://rajacolok.dataklmsad902.site/images/bank-list/14/xl1pcfPrJ42aFLmE.png?s=aa94af33d3dd9f0748711d6cafc3261b" alt="SHOPEEPAY" style="width: 80%;"> 5856 </div> 5857 </li> 5858 </ul> 5859 5860 <div style="font-size: 16px;"> 5861 Bekerja sama dengan PROVIDER : 5862 </div> 5863 5864 <ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 40px; display: flex; flex-wrap: wrap; text-align: center;"> 5865 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5866 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5867 <img src="https://onelive.dataklmsad902.site/images/provider/1/hP4uaW1j9K2AlyVv.png?s=0c1a06e119b58acd698ef1091217d552" alt="Pragmatic" style="width: 80%;"> 5868 </div> 5869 </li> 5870 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5871 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5872 <img src="https://onelive.dataklmsad902.site/images/provider/2/w9D4o4hXE6Ffxkct.png?s=0d3f7c6effc1f0253f6e2c444b7f90cb" alt="Pg Soft" style="width: 80%;"> 5873 </div> 5874 </li> 5875 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5876 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5877 <img src="https://onelive.dataklmsad902.site/images/provider/3/Qn9ydbba5HAHVpqt.png?s=692de7725be24ba4808127c6bfad7b9b" alt="Joker" style="width: 80%;"> 5878 </div> 5879 </li> 5880 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5881 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5882 <img src="https://onelive.dataklmsad902.site/images/provider/4/STgyifWgfxZX8Xdd.png?s=8291d155fe1d0f7acee296fc3cec543e" alt="Habanero" style="width: 80%;"> 5883 </div> 5884 </li> 5885 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5886 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5887 <img src="https://onelive.dataklmsad902.site/images/provider/5/7NyF4s7qBEfZdzYv.png?s=45219c72f2c9f28f53053a776c704497" alt="Spade Gaming" style="width: 80%;"> 5888 </div> 5889 </li> 5890 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5891 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5892 <img src="https://onelive.dataklmsad902.site/images/provider/6/4qvaCEyPoRKnSoRK.png?s=cc0473fc85f555b7bfad7b552ea4105a" alt="Play'n Go" style="width: 80%;"> 5893 </div> 5894 </li> 5895 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5896 <div style="padding: 8px; border: 1px solid #29D1E3; bo
5896rder-radius: 4px;"> 5897 <img src="https://onelive.dataklmsad902.site/images/provider/8/qVj2pc4tq5jNTETa.png?s=1f2d4b59d3451cf46899c2e5c69fb208" alt="JiLi" style="width: 80%;"> 5898 </div> 5899 </li> 5900 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5901 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5902 <img src="https://onelive.dataklmsad902.site/images/provider/9/2bxUoiMZiTUWITao.png?s=d0c04275e5cb677cc6e78efd1f583651" alt="Naga" style="width: 80%;"> 5903 </div> 5904 </li> 5905 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5906 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5907 <img src="https://onelive.dataklmsad902.site/images/provider/10/oRI9UH3PqlrVdkrc.png?s=d76ce8d95ac4aa522adc4367a9a94e3a" alt="CQ9" style="width: 80%;"> 5908 </div> 5909 </li> 5910 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5911 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5912 <img src="https://onelive.dataklmsad902.site/images/provider/11/hU7lEGuKZbz9OLTP.png?s=b46f90dd4c4761cf1a292cc16719a46b" alt="SA Gaming" style="width: 80%;"> 5913 </div> 5914 </li> 5915 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5916 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5917 <img src="https://onelive.dataklmsad902.site/images/provider/12/ApAdJUPi82CnZTCY.png?s=8ec2da22891b85e71a18b776af3a503b" alt="Saba" style="width: 80%;"> 5918 </div> 5919 </li> 5920 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5921 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5922 <img src="https://onelive.dataklmsad902.site/images/provider/13/TIHHJatZGX0j0E7O.png?s=fa3e860d0ce82599df6938a010f1628f" alt="Sbobet" style="width: 80%;"> 5923 </div> 5924 </li> 5925 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5926 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5927 <img src="https://onelive.dataklmsad902.site/images/provider/14/PCIJfHBobXU23DYh.png?s=3a63f875acee16a8ef21c9bcaffe81ff" alt="Evo Gaming" style="width: 80%;"> 5928 </div> 5929 </li> 5930 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5931 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5932 <img src="https://onelive.dataklmsad902.site/images/provider/15/z3JBuC9gdC8YRGi5.png?s=90fed7dc3a7804421e6c655d38f3d99e" alt="Red Tiger" style="width: 80%;"> 5933 </div> 5934 </li> 5935 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5936 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5937 <img src="https://onelive.dataklmsad902.site/images/provider/16/qKNOBHGMC3Wg7dUY.png?s=8a57964852006387eb6c7cf26f1fb82b" alt="NetEnt" style="width: 80%;"> 5938 </div> 5939 </li> 5940 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5941 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5942 <img src="https://onelive.dataklmsad902.site/images/provider/17/kFdpl9SeA38NdO7f.png?s=d01692b4234fe3f2985f293e266606c6" alt="BTG" style="width: 80%;"> 5943 </div> 5944 </li> 5945 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5946 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5947 <img src="https://onelive.dataklmsad902.site/images/provider/18/8txgJayRQEb6bL12.png?s=669b1d10d409f465fda22de247387347" alt="Cock Fighting" style="width: 80%;"> 5948 </div> 5949 </li> 5950 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5951 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5952 <img src="https://onelive.dataklmsad902.site/images/provider/19/BOPxvOvQoOweFna3.png?s=a084849a081d7af4377a2c9e3aaff912" alt="WM" style="width: 80%;"> 5953 </div> 5954 </li> 5955 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5956 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5957 <img src="https://onelive.dataklmsad902.site/images/provider/20/EpMjjKkesBhNT5lI.png?s=7e087d13f401388c577bdde1f023cdda" alt="YeeBet" style="width: 80%;"> 5958 </div> 5959 </li> 5960 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5961 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5962 <img src="https://onelive.dataklmsad902.site/images/provider/21/ES6bXMURB6utsH4u.png?s=9cdce8c3646616f218d4554b74a26edd" alt="Sexy Gaming" style="width: 80%;"> 5963 </div> 5964 </li> 5965 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5966 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5967 <img src="https://onelive.dataklmsad902.site/images/provider/23/YpMisNvksbUZnl9M.png?s=3aba401d3b2c42468147d54f3be11003" alt="UG Gaming" style="width: 80%;"> 5968 </div> 5969 </li> 5970 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5971 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5972 <img src="https://onelive.dataklmsad902.site/images/provider/24/OxRGZisxBcqAj8eM.png?s=49da75707fdd923721f606337fd4c28f" alt="No Limit City" style="width: 80%;"> 5973 </div> 5974 </li> 5975 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5976 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5977 <img src="https://onelive.dataklmsad902.site/images/provider/26/YhxpfaUCngU9U9zA.png?s=ef4e33962413316e2636f1b9c752c97a" alt="WM Slot" style="width: 80%;"> 5978 </div> 5979 </li> 5980 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5981 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5982 <img src="https://onelive.dataklmsad902.site/images/provider/27/p7g9ot1imVr9
5982V8ei.png?s=481bfbc292f112106c975ca6ab583900" alt="CMD" style="width: 80%;"> 5983 </div> 5984 </li> 5985 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5986 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5987 <img src="https://onelive.dataklmsad902.site/images/provider/28/wbqQE1MyfQYM6gIG.png?s=10d52b5156314fe9fcfde983e7704d32" alt="WE" style="width: 80%;"> 5988 </div> 5989 </li> 5990 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5991 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5992 <img src="https://onelive.dataklmsad902.site/images/provider/29/4Q4HAv8VBYlUHAjZ.png?s=fb6b8024aec84e0d49d5dc459a1130c2" alt="FaChai" style="width: 80%;"> 5993 </div> 5994 </li> 5995 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 5996 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 5997 <img src="https://onelive.dataklmsad902.site/images/provider/30/3TxQyknwmOKq4aUq.png?s=ed76e8f72a750ca326cc15f20330a8d9" alt="Rich88" style="width: 80%;"> 5998 </div> 5999 </li> 6000 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6001 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6002 <img src="https://onelive.dataklmsad902.site/images/provider/31/NQLOXaCrM298SxMK.png?s=92b1908c8bd6fb4a121a9061208a6696" alt="MicroGaming" style="width: 80%;"> 6003 </div> 6004 </li> 6005 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6006 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6007 <img src="https://onelive.dataklmsad902.site/images/provider/32/lvQoNDpqIVWb0zas.png?s=12c66a843ce48436e387f3255d2dcd9f" alt="Fast Spin" style="width: 80%;"> 6008 </div> 6009 </li> 6010 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6011 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6012 <img src="https://onelive.dataklmsad902.site/images/provider/33/fnDYskKRsM11p1Uf.png?s=8ef6d92181c72c61223f18c53c925711" alt="PlayTech" style="width: 80%;"> 6013 </div> 6014 </li> 6015 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6016 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6017 <img src="https://onelive.dataklmsad902.site/images/provider/34/ECNzxNfUvkFm4fci.png?s=ed0849f8c5261b233b51afae96f1609b" alt="Besoft" style="width: 80%;"> 6018 </div> 6019 </li> 6020 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6021 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6022 <img src="https://onelive.dataklmsad902.site/images/provider/35/DPmzuCH2rQlEDfqa.png?s=8c89e3800cdf86711f4eea6475553294" alt="Yggdrasil" style="width: 80%;"> 6023 </div> 6024 </li> 6025 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6026 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6027 <img src="https://onelive.dataklmsad902.site/images/provider/36/gQsHrMWuWIn6Jkwd.png?s=f1f892d7f39f91d3dd064087aa7febca" alt="Relax" style="width: 80%;"> 6028 </div> 6029 </li> 6030 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6031 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6032 <img src="https://onelive.dataklmsad902.site/images/provider/37/PcM0ND3RJmzOwkyM.png?s=5479cd9954b747414f0c5d39c18cfff5" alt="Hacksaw" style="width: 80%;"> 6033 </div> 6034 </li> 6035 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6036 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6037 <img src="https://onelive.dataklmsad902.site/images/provider/38/JMWGAwRJouC2hmH6.png?s=e405cc4886eebb07f0ce0214d39d3ad1" alt="GG Soft" style="width: 80%;"> 6038 </div> 6039 </li> 6040 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6041 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6042 <img src="https://onelive.dataklmsad902.site/images/provider/39/74ZBKh8MDK95Svyz.png?s=a70a33f06abff9d752118be74503c0a3" alt="Cosmo Play" style="width: 80%;"> 6043 </div> 6044 </li> 6045 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6046 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6047 <img src="https://onelive.dataklmsad902.site/images/provider/40/v6OE18MUOFgzzOQ2.png?s=fdecacdb8d28bf70413b6ea7bc114a72" alt="Mikiworld" style="width: 80%;"> 6048 </div> 6049 </li> 6050 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6051 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6052 <img src="https://onelive.dataklmsad902.site/images/provider/41/GPsbegniel92TPI3.png?s=6007520b153f866
605279cfbddd8d921c230" alt="Togel Slot" style="width: 80%;"> 6053 </div> 6054 </li> 6055 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6056 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6057 <img src="https://onelive.dataklmsad902.site/images/provider/45/GiQsHRVc9D1nskNR.png?s=cd130e00ec6a992523ef43eebacb3aa9" alt="Nextspin" style="width: 80%;"> 6058 </div> 6059 </li> 6060 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6061 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6062 <img src="https://onelive.dataklmsad902.site/images/provider/46/TtMfiz1ajakYNVVP.png?s=adff1284cf29b43eb1851f6aea60cb29" alt="PP POP" style="width: 80%;"> 6063 </div> 6064 </li> 6065 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6066 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6067 <img src="https://onelive.dataklmsad902.site/images/provider/47/qCAAs69C3dcoNEqo.png?s=ecfa49c144344df1565e6787a38c2092" alt="AskMeSlot" style="width: 80%;"> 6068 </div> 6069 </li> 6070 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6071 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6072 <img src="https://onelive.dataklmsad902.site/images/provider/48/wBdn2cmtPh2Hrwoq.png?s=bf188ad2c5b9c3fe1d83176cf7667c7a" alt="Imaginelive" style="width: 80%;"> 6073 </div> 6074 </li> 6075 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6076 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6077 <img src="https://onelive.dataklmsad902.site/images/provider/51/vnGhz1OHLmNaQPyG.png?s=52247cb156d2f796aba5951a836a44e2" alt="PSG" style="width: 80%;"> 6078 </div> 6079 </li> 6080 <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;"> 6081 <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;"> 6082 <img src="https://onelive.dataklmsad902.site/images/provider/52/dXfeOiTXBUSGqz4x.png?s=39dbedeb52dbb11aea75ffd48b381fd8" alt="GA28" style="width: 80%;"> 6083 </div> 6084 </li> 6085 </ul> 6086 </div> 6087 6088 <footer> 6089 <div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;"> 6090 <h1>RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D & Bandar Togel Online HK Pools</h1> 6091<p>RAJACOLOK menjadi pusat penyedia layanan taruhan daring dalam bermain toto gelap pasaran hk pools & hk lotto, dengan koleksi 76 pasaran togel terbaik. RAJACOLOK menghadirkan ruang taruhan terbaik dengan sistem keamanan power full, sehingga semua keamanan Akun Pengguna 100% terjaga. Dengan dedikasi tinggi sebagai bandar togel terpercaya 2026, Kami hadir dengan layanan profesional selama 24 jam penuh untuk bantu semua aktivitas bermain member.</p> 6092<p>Di era serba digital, RAJACOLOK mampu hadirkan sarana dan prasana taruhan togel terbaik yang dilengkapi dengan sistem transaksi auto proses super ngacir. Dengan teknologi pindai barcode atau scan QRIS, semua transaksi deposit & withdraw hanya perlu 10 detik untuk masuk ke Akun masing-masing pengguna. Didukung tenaga ahli yang kompeten dan dibekali pengalaman melayani lebih dari 1 tahun, RAJACOLOK jamin akses bermain pasti lancar dan ramah pengguna.</p> 6093<p>Keunggulan utama yang ada pada bandar togel online RAJACOLOK adalah penyediaan akses nonton streaming live draw hk setiap hari. Melalui media link alternatif tercepat, nonton siaran live draw jadi mudah, tidak lemot dan pastinya tanpa jedah. Selain itu, situs toto ini juga menawarkan layanan cek semua keluaran pasaran togel melalui media TABEL ANGKA. Didalam TABEL ANGKA Pengguna bisa cek hasil r
6093iwayat result 76 pasaran togel secara gratis langsung di Smartphone.</p> 6094<p>Untuk dapat gabung dan menikmati layanan premium dari Tim RAJA COLOK, silahkan melakukan registrasi terlebih dahulu. Akses website resmi Kami, lalu silahkan mengisi formulir pendaftaran langsung. Pada saat pendaftaran, sangat disarankan menggunakan data diri asli dan jangan menggunakan data pihak ketiga. Dengan begitu, Akun dapat dibuat dengan mudah dan Pengguna bermain jadi tanpa kendala.</p> 6095 </div> 6096 6097 <div style="font-weight: bold; color: #fff; text-align: center; padding: 35px 20px 15px 20px; position: relative; z-index: 2;"> 6098 <h1 style="font-size: 18px; margin-top: 0;">©2026 RAJACOLOK. All rights reserved | 18+</h1> 6099 </div> 6100 </footer> 6101</div>
6102<script src="https://rajacolok.dataklmsad903.site/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 6102
6102
6103<script src="https://rajacolok.dataklmsad903.site/vendor/bootstrap/3.3.7/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 6103
6103
6104<script src="https://rajacolok.dataklmsad903.site/js/custom.min.js?v=2"></script>
vendor: 1 bytes, line 6104
6104
6105<script type="text/javascript"> 6106 $('.close-modal').on('click',function(){ 6107 $(".modal-info").remove(); 6108 $(".modal-backdrop").remove(); 6109 }); 6110 $('.overlay').on('click',function(){ 6111 $(".overlay").removeClass("show"); 6112 }); 6113</script>
6113 6114
6114<script> 6115 const CHECKING_HTML = '<span class="checking-message"><span class="spinner"></span>Mengecek ketersediaan...</span>'; 6116 6117 let tokenReady = false; 6118 let tokenFailed = false; 6119 let tokenPromise = null; 6120 6121 function fetchCsrfToken() { 6122 tokenReady = false; 6123 tokenFailed = false; 6124 6125 tokenPromise = new Promise(function(resolve, reject) { 6126 const timeout = setTimeout(function() { 6127 tokenFailed = true; 6128 reject('timeout'); 6129 }, 60000); // 60s 6130 6131 $.ajax({ 6132 url: 'https://unmetsdixvins.com/get-token', 6133 type: "GET", 6134 success: function(res) { 6135 $('input[name=_token]').val(res.token); 6136 tokenReady = true; 6137 resolve(res.token); 6138 }, 6139 error: function(res) { 6140 clearTimeout(timeout); 6141 tokenFailed = true; 6142 reject(res); 6143 } 6144 }); 6145 }); 6146 6147 tokenPromise.catch(function() {}); 6148 return tokenPromise; 6149 } 6150 6151 function whenTokenReady(callback, $validation, $input) { 6152 if (tokenFailed) { 6153 $validation.html(CHECKING_HTML); 6154 fetchCsrfToken() 6155 .then(function() { 6156 callback(); 6157 }) 6158 .catch(function() { 6159 $validation.html('<span style="color: red; font-size: 14px;">â Gagal mengecek ketersediaan. Silakan periksa koneksi internet anda dan muat ulang halaman.</span>'); // â failed again, show error 6160 }); 6161 return; 6162 } 6163 6164 if (tokenReady) { 6165 callback(); 6166 } else { 6167 tokenPromise 6168 .then(function() { 6169 callback(); 6170 }) 6171 .catch(function() { 6172 $validation.html('<span style="color: red; font-size: 14px;">â Gagal mengecek ketersediaan. Silakan periksa koneksi internet anda dan muat ulang halaman.</span>'); 6173 }); 6174 } 6175 } 6176 6177 function fetchConfigurationView() { 6178 $.ajax({ 6179 url: 'https://unmetsdixvins.com/get-configuration-view?ref_id=', 6180 type: "GET", 6181 success: function(data) { 6182 if (data.redirect != null) { 6183 window.location.href = data.redirect; 6184 } 6185 return true; 6186 }, 6187 error: function(res) { 6188 toastr['error'](res.error); 6189 } 6190 }); 6191 } 6192 6193 function bindInputSanitizers() { 6194 $(document).on('input', 'input[name="phone"], input[name="bank_account_number"]', function() { 6195 this.value = this.value.replace(/\D+/g, ''); 6196 }); 6197 6198 $(document).on('input', 'input[name="bank_account_name"]', function() { 6199 this.value = this.value 6200 .replace(/[^\p{L}\s]+/gu, '') 6201 .replace(/\s{2,}/g, ' ') 6202 .trimStart(); 6203 }); 6204 } 6205 6206 function showValidationError($input, $validation, message) { 6207 $input.removeClass('success').addClass('error'); 6208 $validation.html(`<span style="color: red; font-size: 14px;">â ${message}</span>`); 6209 } 6210 6211 function showValidationSuccess($input, $validation, message) { 6212 $input.removeClass('error').addClass('success'); 6213 $validation.html(`<span class="success-message">â ${message}</span>`); 6214 } 6215 6216 $(document).ready(function() { 6217 fetchCsrfToken(); 6218 bindInputSanitizers(); 6219 6220 fetchConfigurationView(); 6221 }); 6222 6223 //validate username 6224 $('#username').on('input', function() { 6225 const value = $(this).val().trim(); 6226 const $input = $(this); 6227 const $validation = $('.validation-username'); 6228 6229 if (value.length === 0) { 6230 $(this).removeClass('success error'); 6231 $validation.html(''); 6232 return; 6233 } 6234 6235 if (value.length < 6) { 6236 showValidationError($input, $validation, 'Username minimal 6 karakter'); 6237 return; 6238 } 6239 6240 $input.removeClass('error'); 6241 $validation.html(''); 6242 }); 6243 6244 $('#username').on('blur', function() { 6245 const value = $(this).val().trim(); 6246 const $input = $(this); 6247 const $validation = $('.validation-username'); 6248 6249 if (value.length < 6) { 6250 return; 6251 } 6252 6253 $validation.html(CHECKING_HTML); 6254 6255 whenTokenReady(function() { 6256 $.ajax({ 6257 url: 'https://unmetsdixvins.com/check-username', 6258 type: 'POST', 6259 data: { 6260 username: value, 6261 _token: $('input[name="_token"]').val() 6262 }, 6263 success: function(data) { 6264 if (data.available) { 6265 showValidationSuccess($input, $validation, 'Username tersedia'); 6266 } else { 6267 showValidationError($input, $validation, 'Username sudah digunakan'); 6268 } 6269 }, 6270 error: function() { 6271 showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. '); 6272 6273 $validation.append(`<a href="javascript:;" class="retry-username" style="color: text-primary; text-decoration: underline; font-weight: bold;">â» Coba lagi dalam 10 detik</a>`); 6274 retryCheck($validation.find('.retry-username'), 'validation-username', 'username'); 6275 } 6276 }); 6277 }, $validation); 6278 }); 6279 6280 //validate password 6281 $('input[name="password"]').on('input', function() { 6282 const password = $(this).val(); 6283 const confirmPassword = $('input[name="password_confirm"]').val(); 6284 const $input = $(this); 6285 const $error = $('.error-password'); 6286 const $validation = $('.validation-password'); 6287
6288 $error.html('').css('margin-top', '0'); 6289 6290 if (password.length === 0) { 6291 $input.removeClass('success error'); 6292 return; 6293 } 6294 6295 if (password.length < 6) { 6296 $input.removeClass('success').addClass('error'); 6297 showValidationError($input, $validation, 'Password minimal 6 karakter'); 6298 return; 6299 } 6300 6301 if (confirmPassword.length > 0) { 6302 $('input[name="password_confirm"]').trigger('input'); 6303 } 6304 6305 $input.removeClass('error').addClass('success'); 6306 $validation.html(''); 6307 }); 6308 6309 $('input[name="password_confirm"]').on('input', function() { 6310 const password = $('input[name="password"]').val(); 6311 const confirmPassword = $(this).val(); 6312 const $input = $(this); 6313 const $error = $('.error-password_confirm'); 6314 const $validation = $('.validation-password_confirm'); 6315 6316 $error.html('').css('margin-top', '0'); 6317 $validation.html(''); 6318 6319 if (confirmPassword.length === 0) { 6320 $input.removeClass('success error'); 6321 return; 6322 } 6323 6324 if (confirmPassword.length < 6) { 6325 showValidationError($input, $validation, 'Konfirmasi password minimal 6 karakter'); 6326 return; 6327 } 6328 6329 if (password !== confirmPassword) { 6330 $input.removeClass('success').addClass('error'); 6331 showValidationError($input, $validation, 'Password tidak cocok'); 6332 return; 6333 } 6334 6335 if (password === confirmPassword && password.length >= 6) { 6336 $input.removeClass('error').addClass('success'); 6337 showValidationSuccess($input, $validation, 'Password cocok'); 6338 } 6339 6340 $input.removeClass('error'); 6341 }); 6342 6343 //validate email 6344 $('#email').on('input', function() { 6345 const email = $(this).val().trim(); 6346 const $input = $(this); 6347 const $error = $('.error-email'); 6348 const $validation = $('.validation-email'); 6349
6350 $error.html('').css('margin-top', '0'); 6351 $validation.html(''); 6352 6353 if (email.length === 0) { 6354 $input.removeClass('success error'); 6355 return; 6356 } 6357 6358 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 6359 if (!emailRegex.test(email)) { 6360 $input.removeClass('success').addClass('error'); 6361 $error.html('Format email tidak valid').css('margin-top', '6px'); 6362 $validation.html(''); 6363 return; 6364 } 6365 6366 $input.removeClass('error'); 6367 }); 6368 6369 $('#email').on('blur', function() { 6370 const email = $(this).val().trim(); 6371 const $input = $(this); 6372 const $validation = $('.validation-email'); 6373 const $error = $('.error-email'); 6374 6375 if (email.length === 0) { 6376 return; 6377 } 6378 6379 if ($input.hasClass('error') && !$input.data('retrying')) { 6380 return; 6381 } 6382 6383 $validation.html(CHECKING_HTML); 6384 6385 whenTokenReady(function() { 6386 $.ajax({ 6387 url: 'https://unmetsdixvins.com/check-email', 6388 type: 'POST', 6389 data: { 6390 email: email, 6391 _token: $('input[name="_token"]').val() 6392 }, 6393 success: function(data) { 6394 if (data.available) { 6395 $input.removeClass('error').addClass('success'); 6396 $validation.html('<span style="color:green;">â Email tersedia</span>'); 6397 } else { 6398 $input.removeClass('success').addClass('error'); 6399 $validation.html('<span style="color:red;">â Email sudah terdaftar</span>'); 6400 } 6401 }, 6402 error: function() { 6403 showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. '); 6404 6405 $validation.append(`<a href="javascript:;" class="retry-email" style="color: text-primary; text-decoration: underline; font-weight: bold;">â» Coba lagi dalam 10 detik</a>`); 6406 retryCheck($validation.find('.retry-email'), 'validation-email', 'email'); 6407 } 6408 }); 6409 }, $validation); 6410 }); 6411 6412 //validate phone 6413 $('#phone').on('input', function() { 6414 const phone = $(this).val().trim(); 6415 const $input = $(this); 6416 const $error = $('.error-phone'); 6417 const $validation = $('.validation-phone'); 6418 6419 if (phone.length === 0) { 6420 $input.removeClass('success error'); 6421 $validation.html(''); 6422 return; 6423 } 6424 6425 if (phone.length < 10 || phone.length > 13) { 6426 showValidationError($input, $validation, 'Nomor HP harus 10-13 digit'); 6427 return; 6428 } 6429 6430 if (!phone.startsWith('08')) { 6431 showValidationError($input, $validation, 'Nomor HP harus diawali 08'); 6432 return; 6433 } 6434 6435 $input.removeClass('error').addClass('success'); 6436 $validation.html(''); 6437 }); 6438 6439 $('#phone').on('blur', function() { 6440 const phone = $(this).val().trim(); 6441 const $input = $(this); 6442 const $validation = $('.validation-phone'); 6443 const $error = $('.error-phone'); 6444 6445 if (phone.length === 0) { 6446 return; 6447 } 6448 6449 if ($input.hasClass('error') && !$input.data('retrying')) { 6450 return; 6451 } 6452 6453 $validation.html(CHECKING_HTML); 6454 6455 whenTokenReady(function() { 6456 $.ajax({ 6457 url: 'https://unmetsdixvins.com/check-phone', 6458 type: 'POST', 6459 data: { 6460 phone: phone, 6461 _token: $('input[name="_token"]').val() 6462 }, 6463 success: function(data) { 6464 if (data.available) { 6465 showValidationSuccess($input, $validation, 'Nomor HP tersedia'); 6466 } else { 6467 showValidationError($input, $validation, 'Nomor HP sudah terdaftar'); 6468 } 6469 }, 6470 error: function() { 6471 showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. '); 6472 6473 $validation.append(`<a href="javascript:;" class="retry-phone" style="color: text-primary; text-decoration: underline; font-weight: bold;">â» Coba lagi dalam 10 detik</a>`); 6474 retryCheck($validation.find('.retry-phone'), 'validation-phone', 'phone'); 6475 } 6476 }); 6477 }, $validation); 6478 }); 6479 6480 //validate bank account number 6481 $('#bank_account_number').on('input', function() { 6482 const bankAccount = $(this).val().trim(); 6483 const $input = $(this); 6484 const $error = $('.error-bank_account_number'); 6485 const $validation = $('.validation-bank-account'); 6486 6487 if (bankAccount.length === 0) { 6488 $input.removeClass('success error'); 6489 $validation.html(''); 6490 return; 6491 } 6492 6493 if (bankAccount.length < 9) { 6494 showValidationError($input, $validation, 'Nomor rekening minimal 9 digit'); 6495 return; 6496 } 6497 6498 $input.removeClass('error'); 6499 $validation.html(''); 6500 }); 6501 6502 $('#bank_account_number').on('blur', function() { 6503 const bankAccount = $(this).val().trim(); 6504 const $input = $(this); 6505 const $validation = $('.validation-bank-account'); 6506 const $error = $('.error-bank_account_number'); 6507 6508 if (bankAccount.length === 0) { 6509 $input.removeClass('success error'); 6510 $validation.html(''); 6511 return; 6512 } 6513 6514 if ($input.hasClass('error')) { 6515 return; 6516 } 6517 6518 $validation.html(CHECKING_HTML); 6519 6520 whenTokenReady(function() { 6521 $.ajax({ 6522 url: 'https://unmetsdixvins.com/check-bank-account', 6523 type: 'POST', 6524 data: { 6525 bank_account_number: bankAccount, 6526 _token: $('input[name="_token"]').val() 6527 }, 6528 success: function(data) { 6529 if (data.available) { 6530 showValidationSuccess($input, $validation, 'Nomor rekening tersedia'); 6531 } else { 6532 showValidationError($input, $validation, 'Nomor rekening sudah terdaftar'); 6533 } 6534 }, 6535 error: function() { 6536 showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. '); 6537 6538 $validation.append(`<a href="javascript:;" class="retry-bank" style="color: text-primary; text-decoration: underline; font-weight: bold;">â» Coba lagi dalam 10 detik</a>`); 6539 retryCheck($validation.find('.retry-bank'), 'validation-bank-account', 'bank_account_number'); 6540 } 6541 }); 6542 }, $validation); 6543 }); 6544 6545 //validate bank account name 6546 $('#bank_account_name').on('input', function() { 6547 const bankAccountName = $(this).val().trim(); 6548 const $input = $(this); 6549 const $error = $('.error-bank_account_name'); 6550 const $validation = $('.validation-bank-account-name'); 6551 6552 if (bankAccountName.length === 0) { 6553 $input.removeClass('success error'); 6554 $validation.html(''); 6555 return; 6556 } 6557 6558 const nameRegex = /^[\p{L}\s]+$/u; 6559 if (!nameRegex.test(bankAccountName)) { 6560 showValidationError($input, $validation,
6561 'Nama pemilik rekening hanya boleh berisi huruf dan spasi'); 6562 return; 6563 } 6564 6565 $input.removeClass('error').addClass('success'); 6566 $validation.html(''); 6567 }); 6568 6569 $('#bank_account_name').on('blur', function() { 6570 const bankAccountName = $(this).val().trim(); 6571 const $input = $(this); 6572 const $validation = $('.validation-bank-account-name'); 6573 const $error = $('.error-bank_account_name'); 6574 6575 if (bankAccountName.length === 0) { 6576 return; 6577 } 6578 6579 if ($input.hasClass('error')) { 6580 return; 6581 } 6582 6583 $validation.html(CHECKING_HTML); 6584 6585 $.ajax({ 6586 url: 'https://unmetsdixvins.com/check-bank-account', 6587 type: 'POST', 6588 data: { 6589 bank_account_number: bankAccount, 6590 _token: $('input[name=_token]').val() 6591 }, 6592 success: function(data) { 6593 if (data.available) { 6594 showValidationSuccess($input, $validation, 6595 'Nomor rekening tersedia'); 6596 } else { 6597 showValidationError($input, $validation, 6598 'Nomor rekening sudah terdaftar'); 6599 } 6600 }, 6601 error: function(xhr) { 6602 showValidationError($input, $validation, 6603 'Terjadi kesalahan saat mengecek. '); 6604 6605 $validation.append(`<a href="javascript:;" class="retry-bank" style="color: text-primary; text-decoration: underline; font-weight: bold;">â» Coba lagi dalam 10 detik</a>`); 6606 retryCheck($validation.find('.retry-bank'), 'validation-bank-account', 'bank_account_number'); 6607 } 6608 }); 6609 }); 6610 6611 $(document).on('click', '.submit', function(e) { 6612 e.preventDefault(); 6613 passValidation = 0; 6614 var values = $('.form-register').serialize(); 6615 6616 const submitBtn = document.getElementById('submitBtn'); 6617 6618 submitBtn.disabled = true; 6619 submitBtn.querySelector('.btn-text').classList.add('hide'); 6620 submitBtn.querySelector('.spinner-border').classList.remove('hide'); 6621 submitBtn.querySelector('.loading-text').classList.remove('hide'); 6622 6623 let ajaxDone = false; 6624 const watchdog = setTimeout(function () { 6625 if (ajaxDone) return; 6626 6627 submitBtn.disabled = false; 6628 submitBtn.querySelector('.btn-text').classList.remove('hide'); 6629 submitBtn.querySelector('.spinner-border').classList.add('hide'); 6630 submitBtn.querySelector('.loading-text').classList.add('hide'); 6631 6632 toastr['error']('Terjadi kesalahan. Silahkan coba lagi'); 6633 }, 30000); 6634 6635 $.ajax({ 6636 url: "https://unmetsdixvins.com/check-validation", 6637 type: "post", 6638 data: values, 6639 success: function (res) { 6640 ajaxDone = true; 6641 clearTimeout(watchdog); 6642 6643 $.each(res, function (key, value) { 6644 if (value == '') { 6645 $('.error-' + key).html('').css('margin-top', '0'); 6646 } else { 6647 passValidation = 1; 6648 $('.error-' + key).html(value).css('margin-top', '6px'); 6649 } 6650 }); 6651 6652 if (passValidation == 1) { 6653 submitBtn.disabled = false; 6654 submitBtn.querySelector('.btn-text').classList.remove('hide'); 6655 submitBtn.querySelector('.spinner-border').classList.add('hide'); 6656 submitBtn.querySelector('.loading-text').classList.add('hide'); 6657 6658 } else { 6659 $('.form-register').submit(); 6660 } 6661 }, 6662 error: function (jqXHR, textStatus, errorThrown) { 6663 ajaxDone = true; 6664 clearTimeout(watchdog); 6665 6666 submitBtn.disabled = false;
6667 submitBtn.querySelector('.btn-text').classList.remove('hide'); 6668 submitBtn.querySelector('.spinner-border').classList.add('hide'); 6669 submitBtn.querySelector('.loading-text').classList.add('hide'); 6670 6671 toastr['error']('Terjadi kesalahan. Silahkan coba lagi'); 6672 } 6673 }); 6674 }); 6675 6676 6677 function retryCheck(btn, validationClass, triggerField) { 6678 const $btn = $(btn); 6679 const $validation = $('.' + validationClass); 6680 6681 $btn.data('ready', false); 6682 $btn.css('opacity', '0.5'); 6683 6684 let countdown = 10; 6685 6686 const interval = setInterval(function() { 6687 countdown--; 6688 if (countdown <= 0) { 6689 clearInterval(interval); 6690 $btn.text('â» Coba lagi').css('opacity', '1').data('ready', true); 6691 } else { 6692 $btn.text(`â» Coba lagi dalam ${countdown} detik`); 6693 } 6694 }, 1000); 6695 6696 $btn.off('click').on('click', function() { 6697 if ($btn.data('ready') !== true) return; 6698 6699 const $field = $('#' + triggerField); 6700 $field.data('retrying', true); 6701 $field.trigger('blur'); 6702 $field.removeData('retrying'); 6703 }); 6704 } 6705 </script>
6705 6706
6706<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2f1e46cffb0b4e3d939259857ac0a680","r":1,"spa":2}' crossorigin="anonymous"></script>
6706 6707</body> 6708 6709</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.