service-captcha-gui/production/style.css

5 lines
3.0 KiB
CSS
Raw Permalink Normal View History

/*
* Copyright (C) 2023 Leonid Nikitin (kor-elf)
* https://git.kor-elf.net/kor-elf/service-captcha-gui/src/branch/main/LICENSE.md
*/
2023-12-02 02:37:12 +06:00
.button-open-window-captcha:hover,.window-captcha__close:hover,.window-captcha__content__body__button:hover{opacity:.8}.captcha-verified{background:#1d8100;border:1px solid #ddd;border-radius:90px;padding:10px 20px;color:#000;font-size:18px;font-weight:700;font-family:serif;display:inline-block;vertical-align:top}.button-open-window-captcha,.window-captcha__content__body__button{background:#68aaff;border:1px solid #ddd;border-radius:90px;padding:10px 20px;cursor:pointer;color:#000;font-size:18px;font-weight:700;font-family:serif}.window-captcha__content__body__button{border-radius:0;width:100%;padding:20px 0;border:0;position:relative}.window-captcha__content__body__button .loading{background:rgba(255,255,255,.48)}.window-captcha{background:rgba(0,0,0,.48);position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;display:none}.window-captcha__close{background:#961b1b;position:absolute;top:0;right:0;padding:15px;font-size:20px;font-weight:700;font-family:serif;color:#fff;border:0;cursor:pointer}.window-captcha__content{background:#fff;border-radius:3px;margin:20px auto;max-width:600px;box-shadow:3px 3px 10px rgba(0,0,0,.33)}.window-captcha__content__header{position:relative;font-size:20px;font-weight:700;color:#000;font-family:serif;padding:14px 40px 7px 20px;border-bottom:2px solid #ccc}.window-captcha__content__body .error-message,.window-captcha__content__body__error{color:#961b1b;font-size:16px;font-weight:700;padding:20px}.window-captcha__reload{background:url('images/refresh.png') center center no-repeat;width:32px;height:32px;border:1px solid #ddd;border-radius:90px;cursor:pointer;vertical-align:middle;margin-left:10px}.window-captcha__content__reload:hover{background-color:rgba(0,0,0,.15)}.window-captcha__content__body{min-height:400px;position:relative}.window-captcha__content__body .loading{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.window-captcha__content__body .loading:before{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #2e93e6;border-radius:50%;animation:.8s linear infinite sp-anime;display:flex;justify-content:center;align-items:center;content:' '}.window-captcha__content__body p{font-size:20px;font-weight:700;padding:5px 20px;font-family:serif}.window-captcha__content__body__coordinator{cursor:pointer;position:relative}.window-captcha__content__body__coordinator .pointer{background:#fff;position:absolute;border-radius:90px;border:1px solid #961b1b;width:30px;height:30px;margin:-15px 0 0 -15px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:serif;font-size:16px}.window-captcha__content__body__coordinator .pointer:hover span{font-size:0}.window-captcha__content__body__coordinator .pointer:hover span:after{content:"X";font-size:16px;color:#961b1b}.window-captcha__content__body__error{border:1px solid #961b1b;margin:20px}@keyframes sp-anime{100%{transform:rotate(360deg)}}