<!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8”> <title>Captcha</title> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css” integrity=”sha384-1q8mTJOASx8j1Au a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7” crossorigin=”anonymous”> <link href=”data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=” rel=”icon” type=”image/x-icon”/> <link href=”https://fonts.googleapis.com/css?family=Noto Sans” rel=”stylesheet”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script> <script src=”https://www.google.com/recaptcha/api.js?hl=en” async defer> </script> <style> html, body { height: 100%; } .wraper { padding-bottom: 56px; position: relative; min-height: 100%; } .invisible_mode .wraper { display: none; } .header { height: 63px; background-color: white; } .middle { height: 186px; background-color: rgba(55, 171, 99, 0.75); } .bottom { background-color: #f2f2f2; position: absolute; bottom: 0px; top: 249px; width: 100%; } .captcha_absolute { margin-top: -153px; } .captcha_div { width: 485px; margin: 0 auto; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.18), 0 0 8px 0 rgba(0, 0, 0, 0.12); background-color: white; padding: 47px 48px 18px 48px; position: relative; } .cap_head { border-bottom: 1px solid #d8d8d8; padding-bottom: 17px; margin: 0 10px 20px 10px; } .logo_shield { display: inline-block; } .logo_shield img { width: 54px; height: 72px; } .cap_side { width: 295px; } h4#text { font-size: 20px; line-height: 1.38; color: #000000; font-weight: bold; font-family: Noto Sans, sans-serif; margin: 6px 0 0 0; } .cap_text { font-family: Noto Sans, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.65; color: #000000; } p.cap_note { font-size: 20px; margin: 0; } .captcha_passed h4#text, .captcha_passed p.cap_note { font-size: 18px } .cap_mess { font-size: 13px; } .powered_span { position: absolute; bottom: 15px; width: 100%; text-align: center; height: 18px; opacity: 0.45; font-family: Noto Sans; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; color: #1d1d1d; } * A few hacks for re-captcha */ .invisible_mode .re-captcha-wrapper {* shift reCAPTCHA below our text */ top: 350px !important; } .invisible_mode .re-captcha-wrapper > div:first-child {* hide reCAPTCHA mask */ display: none !important; } .visible_mode #re-captcha { * align to center */ width: 305px; margin: 0 auto; } * Imunify360 preloader */ .big_loader { position: absolute; left: 0; right: 0; top: 50%; width: 90px; height: 90px; margin: -45px auto 0 auto; opacity: 0.55; } .visible_mode .big_loader { display: none; } .rot { -webkit-animation: spin 2s ease-in-out infinite; animation: spin 2s ease-in-out infinite } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } </style><!--This whole tempalte goes to inside <head></head> tagsModify this file to add javascript or css files for your page from customize/static folderJinja2 (which is index.html template engine) is not allowed to use here.Please, restart captcha server after your changes.service imunify360-captcha restartservice imunify360-captchaserver-nginx restartExample:<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script>Add your custom css from customize/static/folder<link type=”text/css” rel=”stylesheet” href=”static/my.css”>--></head><body class=”visible_mode”><div class=”wraper”><!--You can add your css, javascript, images and other static files incustomize/static/folderAnd add css, javascript into the end of `head` section of this templatePlease, restart captcha server after your changessystemctl restart imunify360-webshield--><div class=”header”> <!-- Header of the index page -->[QUOTE=<div class=”middle”> <!-- Body of the index page -->[QUOTE=<div class=”bottom”> <!-- Footer of the index page --> <span class=”powered_span”>Powered by Imunify360</span>[QUOTE= <div class=”captcha_absolute”> <div class=”captcha_div”> <style> .dropdown { position: absolute; top: 10px; right: 0; } .dropdown .dropdown-toggle { background-color: #fff; border: none; outline: none; color: #858585; font-size: 13px; height: 32px; line-height: 1; transition: all 0.4s; font-family: 'Noto Sans', sans-serif; margin-right: 22px; } .dropdown .dropdown-toggle:hover { background-color: #e7e7e7; } .dropdown .dropdown-menu-content { background-color: #ffffff; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.24); border-width: 0px; border-radius: 0; padding: 11px 0 0; overflow-y: scroll; max-height: 365px; margin: 0; } .dropdown .glyphicon { margin-left: 6px; top: 2px; transition: 0.3s all; } .dropdown li { height: 35px; text-align: left; padding-left: 24px; font-size: 13px; color: #4d4d4e; line-height: 2.85; font-family: 'Noto Sans', sans-serif; } .dropdown li:last-child { margin-bottom: 14px; } .dropdown li.active { font-weight: bold; } .dropdown li:focus, .dropdown li:hover { color: #4d4d4e; background-color: rgba(56, 171, 99, 0.11); } .dropdown .dropdown-menu-content > li:hover { cursor: pointer; } .dropdown .dropdown-menu-container { max-height: 365px; overflow: hidden; width: 164px; padding: 0; border: 0; border-radius: 0; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.24); z-index: 5000000000; } .dropdown.open .glyphicon { transform: rotate(180deg); }</style><div class=”dropdown”> <button type=”button” class=”dropdown-toggle” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”> <span class=”dropdown-title”>English</span> <span class=”glyphicon glyphicon-menu-down” aria-hidden=”true”></span> </button> <div class=”dropdown-menu dropdown-menu-container”> <ul class=”dropdown-menu-content”></ul> [QUOTE=[QUOTE=<script> (function () { var items = { English: 'en', Dutch: 'nl', Ukrainian: 'uk', Arabic: 'ar', Italian: 'it', Chinese: 'zh', Polish: 'pl', Danish: 'da', Hungarian: 'hu', Russian: 'ru', French: 'fr', Spanish: 'es', Romanian: 'ro', Greek: 'el', Swedish: 'sv', Turkish: 'tr', Indonesian: 'id', Portuguese: 'pt', Hebrew: 'he', German: 'de', Malay: 'ms', Norwegian: 'no', }; var currentLocale = $('html').attr('lang'); var currentLocaleName = Object.keys(items).find(function (key) { return items[key] === currentLocale; }); $('.dropdown-title').text(currentLocaleName); $('.dropdown-menu-content') .append(Object.keys(items).sort().map(function (item) { return $('<li>').text(item); })) .click(function (e) { var nextLocaleName = e.target.innerText; if (nextLocaleName === currentLocaleName) { e.stopPropagation(); } else { document.cookie = 'locale=' items[nextLocaleName] ';path=/'; loion.reload(true); } }); $([].find.call($('.dropdown-menu li'), function (item) { return item.innerText === currentLocaleName; })).addClass('active'); function insertParam(key, value) { key = encodeURIComponent(key); value = encodeURIComponent(value); var kvp = document.loion.search.substr(1).split('
引用付きで返信
Originally Posted by ;
