http://www.iddea.lv/konkursi/ko-darineko/ Iddea - Ko dari?Neko! http://www.iddea.lv/konkursi/ko-darineko/params/post/4338579/ Mon, 28 Aug 2023 11:53:00 +0000 <div class="moze-inserted-code"><style> .center { display: none; } .video { border-style: solid; border-width: 5px; } .center.show{ display: block; display: flex; justify-content: center; align-items: center; } .staticrypt-hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .staticrypt-page { width: 360px; padding: 8% 0 0; margin: auto; box-sizing: border-box; } .staticrypt-form { position: relative; z-index: 1; background: white; max-width: 360px; margin: 0 auto 100px; padding: 45px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); } .staticrypt-form input[type="password"] { outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; } .staticrypt-form .staticrypt-decrypt-button { text-transform: uppercase; outline: 0; background: red; width: 100%; border: 0; padding: 15px; color: #ffffff; font-size: 14px; cursor: pointer; } .staticrypt-form .staticrypt-decrypt-button:hover, .staticrypt-form .staticrypt-decrypt-button:active, .staticrypt-form .staticrypt-decrypt-button:focus { background: red; filter: brightness(92%); } .staticrypt-html { height: 100%; } .staticrypt-body { height: 100%; margin: 0; } .staticrypt-content { height: 100%; margin-bottom: 1em; background: white; font-family: "Arial", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .staticrypt-content.hide { display: none; } .staticrypt-instructions { margin-top: -1em; margin-bottom: 1em; } .staticrypt-title { font-size: 1.5em; } label.staticrypt-remember { display: flex; align-items: center; margin-bottom: 1em; } .staticrypt-remember input[type="checkbox"] { transform: scale(1.5); margin-right: 1em; } .hidden { display: none !important; } </style> <div id="staticrypt_content" class="staticrypt-content"> <div class="staticrypt-page"> <div class="staticrypt-form"> <div class="staticrypt-instructions"> <p class="staticrypt-title">Ievadi paroli</p> </div> <hr class="staticrypt-hr"> <input id="staticrypt-password" type="password" name="password" placeholder="Parole" autofocus="" onkeydown="pressButton(event)"> <input id="button" type="button" class="staticrypt-decrypt-button" value="Aiziet!" onclick="enterPassword(event)"> </div> </div> </div> <div id="HIDDENDIV" class="center"> <img src="https://site-674742.mozfiles.com/files/674742/Ko-dara-Miks.gif?1693223476" alt="video nestrādā :("> </div> <script> function pressButton(event){ if (event.keyCode == 13) document.getElementById('button').click() } function enterPassword(event){ if (document.getElementById('staticrypt-password').value == '64') { document.getElementById('HIDDENDIV').classList.toggle('show'); document.getElementById('staticrypt_content').style.display='none'; } else { alert('Nepareiza parole!'); password.setSelectionRange(0, password.value.length); } } </script> </div>