Cavemanon/haproxy-protection
8
Fork 0
mirror of https://gitgud.io/fatchan/haproxy-protection.git synced 2025-05-09 02:05:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update bot-check page styling

Browse Source
This commit is contained in:
Thomas Lynch
2024-08-15 22:45:17 +10:00
parent a0ff482b17
commit ba62d322a4
1 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/lua/scripts/templates.lua
View File

@ -11,28 +11,52 @@ _M.body = [[
:root{--text-color:#c5c8c6;--bg-color:#1d1f21}
@media (prefers-color-scheme:light){:root{--text-color:#333;--bg-color:#fff}}
.h-captcha,.g-recaptcha{min-height:85px;display:block}
.red{color:red;font-weight:bold}
.red{
color: #ff0000d0;
background: #ff000020;
border: 1px solid #ff000050;
font-weight: bold;
padding: 12px;
border-radius: 6px;
}
.left{text-align:left}
.powstatus{color:#6b93f7;font-size:small;}
a,a:visited{color:var(--text-color)}
body,html{height:100%%;text-align:center;}
body{display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color);font-family:Helvetica,Arial,sans-serif;max-width:60em;margin:0 auto;padding: 0 20px}
details{transition: border-left-color 0.5s;max-width:1200px;text-align:left;border-left: 2px solid var(--text-color);padding:10px}
body{display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color);font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;max-width:60em;margin:0 auto;padding: 0 20px}
details{max-width:1200px;text-align:left;border-left: 2px solid #ff0000d0;padding:10px}
code{background-color:#dfdfdf30;border-radius:4px;padding:0 3px;color:#ff6590}
img,h3{margin:0 0 5px 0;}
img,h3{margin:0 0 20px 0;}
li{margin-bottom: 1em}
footer{font-size:x-small;margin-top:auto;padding:10px;text-align:center;border-top:1px solid #80808040;padding:10px}
footer{font-size:x-small;margin-top:auto;padding:10px;text-align:center;border-top:1px solid #80808040;padding:10px;max-width: 300px; margin: auto auto 0 auto;}
img{display:inline}
textarea,input{background:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);width:100%%;box-sizing: border-box;resize:none;padding:0.5em;font-family:inherit}
.pt{padding-top:30vh;word-wrap: break-word;display:flex;flex-direction:column}
textarea,input{background:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);width:100%%;box-sizing: border-box;resize:none;padding:5px;margin:5px;font-family:inherit;border-radius:6px;}
input[type="submit"]{padding:8px;}
.pt{padding-top:25vh;word-wrap:break-word;display:flex;flex-direction:column}
.pt img{margin:0 auto 10px auto}
details[open]{border-left-color: #1400ff}
.b{display:inline-block;border-radius:50%%;margin:10px;height:16px;width:16px;transform:scale(1);box-shadow:0 0 0 0 #6b93f720;background:#6b93f7;--shadow1:#6b93f790;--shadow2:#6b93f700;--shadow3:#6b93f700;}
.b.green {background:#31cc31;box-shadow:0 0 0 0 #31cc3120;--shadow1:#31cc3190;--shadow2:#31cc3100;--shadow3:#31cc3100;}
.b:nth-of-type(1){animation:p 3s infinite}
.b:nth-of-type(2){animation:p 3s .5s infinite}
.b:nth-of-type(3){animation:p 3s 1s infinite}
summary,details:not([open]){cursor:pointer;}
@keyframes p{0%%{transform:scale(.95);box-shadow:0 0 0 0 var(--shadow1)}70%%{transform:scale(1);box-shadow:0 0 0 8px var(--shadow2)}100%%{transform:scale(.95);box-shadow:0 0 0 0 var(--shadow3)}}
details summary::-webkit-details-marker, details summary::marker { display:none;}details summary{list-style-type:none;}
details[open] > summary:before {
transform: rotate(90deg);
}
summary{padding-left: 20px;}
summary:before {
content: '';
border-width: 8px;
border-style: solid;
border-color: transparent transparent transparent var(--text-color);
position: absolute;
transform: rotate(0);
transform-origin: 4px 50%%;
transition: .25s transform ease;
margin: 3px 0 0 -15px;
}
</style>
<noscript>
<style>.jsonly{display:none}</style>