fix: use approved Caterium logo on cream login
This commit is contained in:
pavlov346346-source
parent
1569628944
commit
120bd12474
@ -1,171 +1,30 @@
|
|||||||
(()=>{
|
(()=>{
|
||||||
'use strict';
|
'use strict';
|
||||||
if(window.CateriumLoginSignatureV1776)return;
|
if(window.CateriumLoginSignatureV1776)return;
|
||||||
const VERSION='17.7.7-cream-login-v1';
|
const VERSION='17.7.7-cream-login-v2';
|
||||||
const $=(s,r=document)=>r.querySelector(s);
|
const $=(s,r=document)=>r.querySelector(s);
|
||||||
const boot=()=>$('#cateriumAuthBootV1776');
|
const boot=()=>$('#cateriumAuthBootV1776');
|
||||||
const removeBoot=()=>{const b=boot();if(b){b.classList.add('leave');setTimeout(()=>b.remove(),180)}};
|
const removeBoot=()=>{const b=boot();if(b){b.classList.add('leave');setTimeout(()=>b.remove(),180)}};
|
||||||
const logoSvg=`<svg viewBox="0 0 100 100" aria-hidden="true"><path d="M73 28 A35 35 0 1 0 73 72" fill="none" stroke="currentColor" stroke-width="15" stroke-linecap="round"/><circle cx="82" cy="50" r="6.2" fill="#f0a400"/></svg>`;
|
const FLOW='<svg viewBox="0 0 430 220" aria-hidden="true"><path d="M18 42H122V108H220V58H318V164H420"/><circle cx="18" cy="42" r="7"/><circle cx="122" cy="42" r="7"/><circle cx="122" cy="108" r="7"/><circle cx="220" cy="108" r="7"/><circle cx="220" cy="58" r="7"/><circle cx="318" cy="58" r="7"/><circle cx="318" cy="164" r="7"/><circle cx="420" cy="164" r="8" class="gold"/></svg>';
|
||||||
const flowSvg=`<svg viewBox="0 0 430 220" aria-hidden="true"><path d="M18 42H122V108H220V58H318V164H420"/><circle cx="18" cy="42" r="7"/><circle cx="122" cy="42" r="7"/><circle cx="122" cy="108" r="7"/><circle cx="220" cy="108" r="7"/><circle cx="220" cy="58" r="7"/><circle cx="318" cy="58" r="7"/><circle cx="318" cy="164" r="7"/><circle cx="420" cy="164" r="8" class="gold"/></svg>`;
|
function styles(){if($('#caterium-login-signature-v1776-style'))return;const s=document.createElement('style');s.id='caterium-login-signature-v1776-style';s.textContent=`
|
||||||
const flowBottomSvg=`<svg viewBox="0 0 320 190" aria-hidden="true"><path d="M15 35H100V120H182V78H275"/><circle cx="15" cy="35" r="6"/><circle cx="100" cy="35" r="6"/><circle cx="100" cy="120" r="6"/><circle cx="182" cy="120" r="6"/><circle cx="182" cy="78" r="6"/></svg>`;
|
body.sun-cloud-auth-required{overflow:hidden!important;background:#f5f0e7!important}body.sun-cloud-auth-required>header,body.sun-cloud-auth-required>.view{visibility:hidden!important}
|
||||||
|
#sunCloudAuthGateV3.sun-cloud-auth-gate{position:fixed!important;inset:0!important;z-index:20000!important;overflow:auto!important;display:grid!important;place-items:center!important;padding:clamp(32px,6vh,78px) clamp(24px,8vw,120px)!important;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.92),transparent 34%),radial-gradient(circle at 77% 22%,rgba(255,255,255,.5),transparent 28%),linear-gradient(135deg,#f8f4ec 0%,#f2ece1 56%,#f7f3eb 100%)!important;color:#282621!important}
|
||||||
function installStyle(){
|
#sunCloudAuthGateV3.sun-cloud-auth-gate:before{content:'C';position:fixed;z-index:0;left:-7vw;top:49%;transform:translateY(-50%);pointer-events:none;font:400 min(72vw,860px)/.72 Georgia,'Times New Roman',serif;color:rgba(73,67,59,.032)}
|
||||||
if($('#caterium-login-signature-v1776-style'))return;
|
#sunCloudAuthGateV3.sun-cloud-auth-gate:after{content:'';position:fixed;z-index:0;right:-7vw;bottom:-14vh;width:min(48vw,720px);height:min(70vh,850px);pointer-events:none;background:radial-gradient(ellipse at 58% 20%,rgba(67,64,58,.14) 0 7%,transparent 8%),radial-gradient(ellipse at 36% 35%,rgba(67,64,58,.13) 0 6%,transparent 7%),radial-gradient(ellipse at 68% 47%,rgba(67,64,58,.12) 0 8%,transparent 9%),linear-gradient(106deg,transparent 43%,rgba(67,64,58,.08) 44% 46%,transparent 47%);filter:blur(18px);transform:rotate(-17deg);opacity:.45}
|
||||||
const style=document.createElement('style');
|
#sunCloudAuthGateV3 .sun-cloud-auth-card{position:relative!important;z-index:3!important;width:min(790px,100%)!important;margin:0!important;padding:0 0 58px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#2c2924!important;box-shadow:none!important;backdrop-filter:none!important}
|
||||||
style.id='caterium-login-signature-v1776-style';
|
#sunCloudAuthGateV3 .caterium-signature-brand{display:flex;align-items:center;gap:13px;margin:0 0 clamp(46px,7vh,88px)!important}.caterium-signature-mark{display:block;width:62px;height:62px;object-fit:contain;flex:0 0 62px}.caterium-signature-word{font:500 36px/1 Georgia,'Times New Roman',serif;color:#26231f;letter-spacing:-.02em}
|
||||||
style.textContent=`
|
#sunCloudAuthGateV3 .sun-cloud-auth-brand{display:block!important;margin:0 0 35px!important}#sunCloudAuthGateV3 .sun-cloud-auth-brand img{display:none!important}#sunCloudAuthGateV3 .sun-cloud-auth-brand h2{margin:0!important;max-width:720px;color:#24211d!important;font:500 clamp(48px,5.2vw,76px)/.99 Georgia,'Times New Roman',serif!important;letter-spacing:-.045em!important}#sunCloudAuthGateV3 .sun-cloud-auth-brand .hint{margin-top:18px!important;color:#8e887f!important;font-size:clamp(16px,1.55vw,21px)!important;line-height:1.45!important;font-weight:400!important}
|
||||||
body.sun-cloud-auth-required{overflow:hidden!important;background:#f5f0e7!important}
|
#sunCloudAuthGateV3 .sun-cloud-auth-card>p.hint{color:#817b72!important}#sunCloudAuthGateV3 .sun-cloud-auth-card label{display:block!important;margin:14px 0 0!important;color:#716b62!important;font-size:12px!important;font-weight:700!important}#sunCloudAuthGateV3 label.caterium-clean-field{font-size:0!important;color:transparent!important;position:relative!important}
|
||||||
body.sun-cloud-auth-required>header,body.sun-cloud-auth-required>.view{visibility:hidden!important}
|
#sunCloudAuthGateV3 .sun-cloud-auth-card input,#sunCloudAuthGateV3 .sun-cloud-auth-card select,#sunCloudAuthGateV3 .sun-cloud-auth-card textarea{width:100%!important;min-height:58px!important;margin-top:7px!important;padding:0 18px!important;border:1px solid #bdb5aa!important;border-radius:13px!important;background:rgba(255,255,255,.13)!important;color:#312e29!important;box-shadow:none!important;outline:none!important;font-size:16px!important;font-weight:500!important}#sunCloudAuthGateV3 label.caterium-clean-field input{margin-top:0!important;padding-left:58px!important}#sunCloudAuthGateV3 input::placeholder{color:#9c958c!important;opacity:1!important}#sunCloudAuthGateV3 input:focus{border-color:#d7a632!important;box-shadow:0 0 0 4px rgba(216,167,50,.12)!important;background:rgba(255,255,255,.5)!important}
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate{
|
#sunCloudAuthGateV3 .caterium-email-field:before{content:'✉';position:absolute;z-index:2;left:20px;top:15px;color:#777168;font-size:25px;font-weight:400}#sunCloudAuthGateV3 .caterium-password-field:before{content:'♙';position:absolute;z-index:2;left:21px;top:14px;color:#777168;font-size:24px;transform:rotate(180deg);opacity:.8}
|
||||||
position:fixed!important;inset:0!important;z-index:20000!important;overflow:auto!important;
|
#sunCloudAuthGateV3 .sun-auth-password{display:block!important;position:relative!important}#sunCloudAuthGateV3 .sun-auth-password input{padding-right:58px!important}#sunCloudAuthGateV3 .sun-auth-eye{right:9px!important;bottom:10px!important;width:38px!important;height:38px!important;color:#777168!important;background:transparent!important;border-radius:9px!important}
|
||||||
display:grid!important;place-items:center!important;padding:clamp(32px,6vh,78px) clamp(24px,8vw,120px)!important;
|
#sunCloudAuthGateV3 .sun-cloud-auth-actions{display:block!important;margin-top:25px!important}#sunCloudAuthGateV3 .sun-cloud-auth-actions .primary,#sunCloudAuthGateV3 #sunGateSubmitV3{width:100%!important;min-height:62px!important;border:0!important;border-radius:13px!important;background:linear-gradient(100deg,#d9aa42,#efca69)!important;color:#171512!important;font-size:18px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(184,135,34,.14)!important}#sunCloudAuthGateV3 #sunGateSubmitV3:after{content:' →';font-size:24px;font-weight:500;margin-left:13px}
|
||||||
background:
|
#sunCloudAuthGateV3 .sun-cloud-auth-actions .outline{width:100%!important;margin-top:9px!important;min-height:48px!important;border:1px solid #c9c1b6!important;border-radius:11px!important;background:rgba(255,255,255,.25)!important;color:#37332d!important}#sunCloudAuthGateV3 .sun-cloud-auth-error{min-height:19px!important;margin-top:10px!important;color:#a64c40!important;font-size:12px!important}#sunCloudAuthGateV3 .sun-auth-switch{margin:26px 0 0!important;padding-top:25px!important;border-top:1px solid #cfc7bc!important;color:#898279!important;font-size:14px!important;text-align:center!important}#sunCloudAuthGateV3 .sun-auth-switch button{border:0!important;background:transparent!important;color:#c18f24!important;text-decoration:none!important;font-weight:900!important}
|
||||||
radial-gradient(circle at 18% 18%,rgba(255,255,255,.92),transparent 34%),
|
.caterium-signature-caption{position:fixed;left:42px;bottom:31px;z-index:4;color:#9d968d;font-size:9px;letter-spacing:.31em;text-transform:uppercase;pointer-events:none}.caterium-signature-caption:before{content:'';display:block;width:48px;height:2px;margin-bottom:13px;background:#d3a43c}.caterium-signature-manifesto{position:fixed;right:56px;top:44px;z-index:4;width:270px;color:#a19a91;font-size:10px;line-height:1.9;letter-spacing:.28em;text-transform:uppercase;pointer-events:none;white-space:pre-line}.caterium-flow-top{position:fixed;z-index:1;right:5.5vw;top:13vh;width:min(37vw,470px);opacity:.86;pointer-events:none;color:#a7a097}.caterium-flow-top svg{width:100%;height:auto}.caterium-flow-top path{fill:none;stroke:currentColor;stroke-width:1.6}.caterium-flow-top circle{fill:currentColor}.caterium-flow-top circle.gold{fill:#e5a313}
|
||||||
radial-gradient(circle at 77% 22%,rgba(255,255,255,.5),transparent 28%),
|
@media(max-width:980px){#sunCloudAuthGateV3.sun-cloud-auth-gate{padding:34px 28px 70px!important;place-items:start center!important}#sunCloudAuthGateV3 .sun-cloud-auth-card{width:min(720px,100%)!important;padding-top:12px!important}.caterium-signature-manifesto{display:none!important}.caterium-flow-top{right:-60px;top:125px;width:360px;opacity:.45}}
|
||||||
linear-gradient(135deg,#f8f4ec 0%,#f2ece1 56%,#f7f3eb 100%)!important;
|
@media(max-width:620px){body.sun-cloud-auth-required{overflow:auto!important}#sunCloudAuthGateV3.sun-cloud-auth-gate{min-height:100dvh!important;padding:25px 18px 50px!important;place-items:start center!important}#sunCloudAuthGateV3 .sun-cloud-auth-card{width:100%!important;padding:0!important}.caterium-signature-brand{margin-bottom:42px!important}.caterium-signature-mark{width:50px;height:50px;flex-basis:50px}.caterium-signature-word{font-size:29px}#sunCloudAuthGateV3 .sun-cloud-auth-brand h2{font-size:clamp(38px,12vw,52px)!important}.caterium-flow-top{right:-125px;top:100px;width:330px;opacity:.25}.caterium-signature-caption{display:none!important}}
|
||||||
color:#282621!important;
|
`;document.head.appendChild(s)}
|
||||||
}
|
function field(g,id,ph,type){const i=$('#'+id,g);if(!i)return;i.placeholder=ph;const l=i.closest('label');if(l)l.classList.add('caterium-clean-field',type==='email'?'caterium-email-field':'caterium-password-field')}
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate::before{
|
function decorate(g){if(!g)return false;const c=$('.sun-cloud-auth-card',g);if(!c)return false;if(!$('.caterium-signature-brand',c)){const b=document.createElement('div');b.className='caterium-signature-brand';b.innerHTML='<img class="caterium-signature-mark" src="caterium-mark-light.svg" alt=""><span class="caterium-signature-word">Caterium</span>';c.prepend(b)}if(!$('.caterium-signature-caption',g)){const n=document.createElement('div');n.className='caterium-signature-caption';n.textContent='Caterium · вкус в деталях';g.appendChild(n)}if(!$('.caterium-signature-manifesto',g)){const n=document.createElement('div');n.className='caterium-signature-manifesto';n.textContent='Простые решения\nдля больших событий';g.appendChild(n)}if(!$('.caterium-flow-top',g)){const n=document.createElement('div');n.className='caterium-flow-top';n.innerHTML=FLOW;g.appendChild(n)}const t=$('#sunGateTitleV3',g),sub=$('#sunGateSubtitleV3',g);if(t&&t.textContent.trim()==='Вход в Caterium')t.textContent='Войти в рабочее пространство';if(sub&&sub.textContent.trim()==='Введите данные своего аккаунта')sub.textContent='Ваши заказы. Ваша команда. Ваш результат.';field(g,'sunGateEmailV3','Email','email');field(g,'sunGatePasswordV3','Пароль','password');field(g,'sunGatePassword2V27','Подтвердите пароль','password');removeBoot();return true}
|
||||||
content:'C';position:fixed;z-index:0;left:-7vw;top:49%;transform:translateY(-50%);pointer-events:none;
|
function scan(){return decorate($('#sunCloudAuthGateV3'))}styles();scan();const o=new MutationObserver(scan);o.observe(document.documentElement,{childList:true,subtree:true,characterData:true});window.addEventListener('sun:cloud-state-applied',scan);const p=setInterval(()=>{if(scan()||!boot())clearInterval(p)},80);setTimeout(()=>{clearInterval(p);if(boot()&&!$('#sunCloudAuthGateV3'))removeBoot()},10000);window.CateriumLoginSignatureV1776=Object.freeze({VERSION,scan,removeBoot,disconnect:()=>{o.disconnect();clearInterval(p)}})
|
||||||
font:400 min(72vw,860px)/.72 Georgia,'Times New Roman',serif;color:rgba(73,67,59,.032);letter-spacing:-.08em;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate::after{
|
|
||||||
content:'';position:fixed;z-index:0;right:-7vw;bottom:-14vh;width:min(48vw,720px);height:min(70vh,850px);pointer-events:none;
|
|
||||||
background:
|
|
||||||
radial-gradient(ellipse at 58% 20%,rgba(67,64,58,.14) 0 7%,transparent 8%),
|
|
||||||
radial-gradient(ellipse at 36% 35%,rgba(67,64,58,.13) 0 6%,transparent 7%),
|
|
||||||
radial-gradient(ellipse at 68% 47%,rgba(67,64,58,.12) 0 8%,transparent 9%),
|
|
||||||
radial-gradient(ellipse at 43% 62%,rgba(67,64,58,.11) 0 7%,transparent 8%),
|
|
||||||
linear-gradient(106deg,transparent 43%,rgba(67,64,58,.08) 44% 46%,transparent 47%);
|
|
||||||
filter:blur(18px);transform:rotate(-17deg);opacity:.48;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card{
|
|
||||||
position:relative!important;z-index:3!important;width:min(790px,100%)!important;margin:0!important;padding:0 0 58px!important;
|
|
||||||
border:0!important;border-radius:0!important;background:transparent!important;color:#2c2924!important;
|
|
||||||
box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-brand{display:flex;align-items:center;gap:13px;margin:0 0 clamp(46px,7vh,88px)!important;color:#35312b}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-mark{display:block;width:62px;height:62px;flex:0 0 62px;color:#35312b}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-mark svg{display:block;width:100%;height:100%;overflow:visible}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-word{font:500 36px/1 Georgia,'Times New Roman',serif;color:#26231f;letter-spacing:-.02em}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand{display:block!important;margin:0 0 35px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand img{display:none!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand h2{margin:0!important;max-width:720px;color:#24211d!important;font:500 clamp(48px,5.2vw,76px)/.99 Georgia,'Times New Roman',serif!important;letter-spacing:-.045em!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand .hint{margin-top:18px!important;color:#8e887f!important;font-size:clamp(16px,1.55vw,21px)!important;line-height:1.45!important;font-weight:400!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card>p.hint{color:#817b72!important;font-size:14px!important;line-height:1.55!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label{display:block!important;margin:14px 0 0!important;color:#716b62!important;font-size:12px!important;font-weight:700!important;letter-spacing:.01em!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-clean-field{font-size:0!important;color:transparent!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card input,#sunCloudAuthGateV3 .sun-cloud-auth-card select,#sunCloudAuthGateV3 .sun-cloud-auth-card textarea{
|
|
||||||
width:100%!important;min-height:58px!important;margin-top:7px!important;padding:0 18px!important;border:1px solid #bdb5aa!important;border-radius:13px!important;
|
|
||||||
background:rgba(255,255,255,.13)!important;color:#312e29!important;box-shadow:none!important;outline:none!important;font-size:16px!important;font-weight:500!important;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-clean-field input{margin-top:0!important;padding-left:58px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card input::placeholder{color:#9c958c!important;opacity:1!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card input:focus{border-color:#d7a632!important;box-shadow:0 0 0 4px rgba(216,167,50,.12)!important;background:rgba(255,255,255,.5)!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-clean-field{position:relative!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-email-field::before{
|
|
||||||
content:'';position:absolute;z-index:2;left:20px;top:17px;width:22px;height:16px;border:1.8px solid #777168;border-radius:2px;pointer-events:none;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-email-field::after{
|
|
||||||
content:'';position:absolute;z-index:2;left:22px;top:16px;width:17px;height:11px;border-left:1.8px solid #777168;border-bottom:1.8px solid #777168;transform:rotate(-45deg);pointer-events:none;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-password-field::before{
|
|
||||||
content:'';position:absolute;z-index:2;left:22px;top:19px;width:17px;height:15px;border:1.8px solid #777168;border-radius:3px;pointer-events:none;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card label.caterium-password-field::after{
|
|
||||||
content:'';position:absolute;z-index:2;left:26px;top:11px;width:9px;height:10px;border:1.8px solid #777168;border-bottom:0;border-radius:8px 8px 0 0;pointer-events:none;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-password{display:block!important;position:relative!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-password input{padding-right:58px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-eye{right:9px!important;bottom:10px!important;width:38px!important;height:38px!important;color:#777168!important;background:transparent!important;border-radius:9px!important;font-size:18px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-eye:hover{background:rgba(65,60,53,.06)!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-actions{display:block!important;margin-top:25px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-actions .primary,#sunCloudAuthGateV3 #sunGateSubmitV3{
|
|
||||||
width:100%!important;min-height:62px!important;border:0!important;border-radius:13px!important;
|
|
||||||
background:linear-gradient(100deg,#d9aa42,#efca69)!important;color:#171512!important;font-size:18px!important;font-weight:900!important;
|
|
||||||
box-shadow:0 14px 34px rgba(184,135,34,.14)!important;transition:transform .14s ease,filter .14s ease!important;
|
|
||||||
}
|
|
||||||
#sunCloudAuthGateV3 #sunGateSubmitV3::after{content:' →';font-size:24px;font-weight:500;margin-left:13px}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-actions .primary:hover,#sunCloudAuthGateV3 #sunGateSubmitV3:hover{filter:brightness(1.025)!important;transform:translateY(-1px)!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-actions .outline{width:100%!important;margin-top:9px!important;min-height:48px!important;border:1px solid #c9c1b6!important;border-radius:11px!important;background:rgba(255,255,255,.25)!important;color:#37332d!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-error{min-height:19px!important;margin-top:10px!important;color:#a64c40!important;font-size:12px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-switch{margin:26px 0 0!important;padding-top:25px!important;border-top:1px solid #cfc7bc!important;color:#898279!important;font-size:14px!important;text-align:center!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-switch button{border:0!important;background:transparent!important;color:#c18f24!important;text-decoration:none!important;font-weight:900!important;font-size:14px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-auth-switch button:hover{text-decoration:underline!important;text-underline-offset:4px!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-caption{position:fixed;left:42px;bottom:31px;z-index:4;color:#9d968d;font-size:9px;letter-spacing:.31em;text-transform:uppercase;pointer-events:none}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-caption::before{content:'';display:block;width:48px;height:2px;margin-bottom:13px;background:#d3a43c}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-manifesto{position:fixed;right:56px;top:44px;z-index:4;width:270px;color:#a19a91;font-size:10px;line-height:1.9;letter-spacing:.28em;text-transform:uppercase;pointer-events:none;white-space:pre-line}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top{position:fixed;z-index:1;right:5.5vw;top:13vh;width:min(37vw,470px);height:auto;opacity:.86;pointer-events:none;color:#a7a097}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-bottom{position:fixed;z-index:1;left:4vw;bottom:8vh;width:min(28vw,350px);height:auto;opacity:.65;pointer-events:none;color:#aaa399}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top svg,#sunCloudAuthGateV3 .caterium-flow-bottom svg{display:block;width:100%;height:auto;overflow:visible}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top path,#sunCloudAuthGateV3 .caterium-flow-bottom path{fill:none;stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top circle,#sunCloudAuthGateV3 .caterium-flow-bottom circle{fill:currentColor;stroke:none}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top circle.gold{fill:#e5a313}
|
|
||||||
@media(max-width:980px){
|
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate{padding:34px 28px 70px!important;place-items:start center!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card{width:min(720px,100%)!important;padding-top:12px!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-brand{margin-bottom:50px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand h2{font-size:clamp(44px,8vw,66px)!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-manifesto{display:none!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top{right:-60px;top:125px;width:360px;opacity:.55}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-bottom{display:none!important}
|
|
||||||
}
|
|
||||||
@media(max-width:620px){
|
|
||||||
body.sun-cloud-auth-required{overflow:auto!important}
|
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate{min-height:100dvh!important;padding:25px 18px 50px!important;place-items:start center!important}
|
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate::before{left:-62vw;top:44%;font-size:132vw;color:rgba(73,67,59,.026)}
|
|
||||||
#sunCloudAuthGateV3.sun-cloud-auth-gate::after{right:-48vw;bottom:-8vh;width:110vw;height:50vh;opacity:.32}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card{width:100%!important;padding:0!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-brand{gap:10px;margin:0 0 42px!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-mark{width:50px;height:50px;flex-basis:50px}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-word{font-size:29px}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand{margin-bottom:27px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand h2{font-size:clamp(38px,12vw,52px)!important;line-height:1.01!important;letter-spacing:-.04em!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-brand .hint{margin-top:13px!important;font-size:16px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-card input{min-height:55px!important}
|
|
||||||
#sunCloudAuthGateV3 .sun-cloud-auth-actions .primary,#sunCloudAuthGateV3 #sunGateSubmitV3{min-height:58px!important}
|
|
||||||
#sunCloudAuthGateV3 .caterium-flow-top{right:-125px;top:100px;width:330px;opacity:.32}
|
|
||||||
#sunCloudAuthGateV3 .caterium-signature-caption{display:none!important}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
document.head.appendChild(style);
|
|
||||||
}
|
|
||||||
|
|
||||||
function cleanField(gate,id,placeholder,kind){
|
|
||||||
const input=$(`#${id}`,gate);if(!input)return;
|
|
||||||
input.placeholder=placeholder;
|
|
||||||
const label=input.closest('label');if(!label)return;
|
|
||||||
label.classList.add('caterium-clean-field',kind==='email'?'caterium-email-field':'caterium-password-field');
|
|
||||||
}
|
|
||||||
|
|
||||||
function decorate(gate){
|
|
||||||
if(!gate)return false;
|
|
||||||
const card=$('.sun-cloud-auth-card',gate);if(!card)return false;
|
|
||||||
gate.classList.add('caterium-signature-ready');
|
|
||||||
if(!$('.caterium-signature-brand',card)){
|
|
||||||
const brand=document.createElement('div');brand.className='caterium-signature-brand';brand.setAttribute('aria-label','Caterium');
|
|
||||||
brand.innerHTML=`<span class="caterium-signature-mark">${logoSvg}</span><span class="caterium-signature-word">Caterium</span>`;card.prepend(brand);
|
|
||||||
}
|
|
||||||
if(!$('.caterium-signature-caption',gate)){const n=document.createElement('div');n.className='caterium-signature-caption';n.textContent='Caterium · вкус в деталях';gate.appendChild(n)}
|
|
||||||
if(!$('.caterium-signature-manifesto',gate)){const n=document.createElement('div');n.className='caterium-signature-manifesto';n.textContent='Простые решения\nдля больших событий';gate.appendChild(n)}
|
|
||||||
if(!$('.caterium-flow-top',gate)){const n=document.createElement('div');n.className='caterium-flow-top';n.innerHTML=flowSvg;gate.appendChild(n)}
|
|
||||||
if(!$('.caterium-flow-bottom',gate)){const n=document.createElement('div');n.className='caterium-flow-bottom';n.innerHTML=flowBottomSvg;gate.appendChild(n)}
|
|
||||||
const title=$('#sunGateTitleV3',gate),subtitle=$('#sunGateSubtitleV3',gate);
|
|
||||||
if(title&&title.textContent.trim()==='Вход в Caterium')title.textContent='Войти в рабочее пространство';
|
|
||||||
if(subtitle&&subtitle.textContent.trim()==='Введите данные своего аккаунта')subtitle.textContent='Ваши заказы. Ваша команда. Ваш результат.';
|
|
||||||
cleanField(gate,'sunGateEmailV3','Email','email');
|
|
||||||
cleanField(gate,'sunGatePasswordV3','Пароль','password');
|
|
||||||
cleanField(gate,'sunGatePassword2V27','Подтвердите пароль','password');
|
|
||||||
removeBoot();return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
function scan(){return decorate($('#sunCloudAuthGateV3'))}
|
|
||||||
function releaseForSignedIn(){
|
|
||||||
try{const st=window.SunCloudV2?.status?.();if(st?.signedIn&&window.SunCloudV2?.getWorkspace?.()&&!$('#sunCloudAuthGateV3'))removeBoot()}catch(_){}
|
|
||||||
}
|
|
||||||
installStyle();scan();
|
|
||||||
const observer=new MutationObserver(()=>{scan();releaseForSignedIn()});observer.observe(document.documentElement,{childList:true,subtree:true,characterData:true});
|
|
||||||
window.addEventListener('sun:cloud-state-applied',()=>{scan();releaseForSignedIn()});
|
|
||||||
const poll=setInterval(()=>{if(scan()||!boot()){clearInterval(poll);return}releaseForSignedIn()},80);setTimeout(()=>{clearInterval(poll);if(boot()&&!$('#sunCloudAuthGateV3'))removeBoot()},10000);
|
|
||||||
window.CateriumLoginSignatureV1776=Object.freeze({VERSION,scan,removeBoot,disconnect:()=>{observer.disconnect();clearInterval(poll)}});
|
|
||||||
})();
|
})();
|
||||||
Loading…
Reference in New Issue
Block a user