1 line
8.3 KiB
CSS
1 line
8.3 KiB
CSS
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);#loader,body{width:100vw;height:100vh;overflow:hidden}@font-face{font-family:ProductSans;src:url(./ProductSans/ProductSans-Regular.ttf)}@font-face{font-family:ProductSansBold;src:url(./ProductSans-Regular.ttf)}*{box-sizing:border-box}body{padding:100px;background:linear-gradient(135deg,#fff 0,#9bbca9 50%,#89d0f8 100%)}img{width:100px;float:left;margin-right:20px}h1{font-size:48px;font-family:Helvetica,sans-serif}p{margin-top:12px;font-size:18px;font-family:Roboto,sans-serif}.material-symbols-outlined{color:#6f7377;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.critical{color:#ea4335}.google-sign-in-button{cursor:pointer;transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}#loader,.google-login-title{font-weight:400;font-size:30px;text-align:center}#loader,.email,.google-login-title{font-family:ProductSans}.microsoft{background-image:url(./microsoft_16x16.png)}.google-sign-in-button:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.google-sign-in-button:active{background-color:#eee;outline:0;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc}.google-sign-in-button:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed}#password-placeholder.inactive.non-empty,.hide{visibility:hidden}.popup{display:block;position:absolute;width:500px;height:500px;left:calc(50vw - 250px);top:calc(50vh - 250px);background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.25),0 12px 40px 0 rgba(0,0,0,.15)}.window-frame{cursor:not-allowed;background-color:#dee1e6;height:30px}.nav-button{cursor:pointer;padding:0;border:none;background-color:transparent}.nav-button:hover{background-color:rgba(0,0,0,.125);border-radius:12px}.window-frame .nav-button{float:right;margin-top:3px;margin-right:5px}.window-content{color:#202124}.google{float:none;width:90px;display:block;margin-left:205px;margin-top:15px}.email,.pfp{display:inline}.google-login-title{width:240px;margin-left:130px;margin-top:10px;margin-bottom:10px}.google-account{margin-top:0;width:350px;margin-left:75px;margin-bottom:45px;padding-left:50px}.pfp{width:24px;border-radius:12px;margin-right:10px}.google-login-description{width:400px;margin-left:50px;font-size:15.5px;font-family:Roboto,sans-serif}.google-button{padding:10px 25px;font-family:ProductSansBold;font-weight:500;font-size:16px;border:none;color:#fff;background-color:#1a73e8;border-radius:5px;cursor:pointer}#password-placeholder.inactive,.google-input{font-size:18px;font-family:Roboto,sans-serif}.google-button:hover{background-color:#1256b1;box-shadow:0 4px 8px 0 rgba(0,0,0,.15),0 6px 10px 0 rgba(0,0,0,.07)}.window-content .google-button{margin-top:20px;margin-left:365px}.google-account.oval{border-radius:12px;border:1px solid #dadce0;width:295px;padding:5px 5px 0;margin-left:100px;text-align:right;cursor:not-allowed}.email.stacked{position:absolute;top:145px;left:140px}.google-input{display:block;border:2px solid #dadce0;border-radius:5px;width:350px;margin-left:75px;padding:20px}.google-input:focus{border:2px solid #1a73e8}.google-input:focus-visible{outline:0}.pure-material-checkbox{width:350px;margin-top:15px;margin-left:75px;height:40px;z-index:0;position:relative;display:inline-block;color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.87);font-family:var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);font-size:16px;line-height:1.5}.pure-material-checkbox>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;left:-10px;top:-8px;display:block;margin:0;border-radius:50%;width:40px;height:40px;background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.6);box-shadow:none;outline:0;opacity:0;transform:scale(1);pointer-events:none;transition:opacity .3s,transform .2s}.pure-material-checkbox>span{display:inline-block;width:100%;cursor:pointer}.pure-material-checkbox>span::before{content:"";display:inline-block;box-sizing:border-box;margin:3px 11px 3px 1px;border:2px solid;border-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.6);border-radius:2px;width:18px;height:18px;vertical-align:top;transition:border-color .2s,background-color .2s}.pure-material-checkbox>span::after{content:"";display:block;position:absolute;top:3px;left:1px;width:10px;height:5px;border:2px solid transparent;border-right:none;border-top:none;transform:translate(3px,4px) rotate(-45deg)}.pure-material-checkbox>input:checked,.pure-material-checkbox>input:indeterminate{background-color:rgb(var(--pure-material-primary-rgb,26,115,232))}.pure-material-checkbox>input:checked+span::before,.pure-material-checkbox>input:indeterminate+span::before{border-color:rgb(var(--pure-material-primary-rgb,26,115,232));background-color:rgb(var(--pure-material-primary-rgb,26,115,232))}.pure-material-checkbox>input:checked+span::after,.pure-material-checkbox>input:indeterminate+span::after{border-color:rgb(var(--pure-material-onprimary-rgb,255,255,255))}.pure-material-checkbox>input:indeterminate+span::after{border-left:none;transform:translate(4px,3px)}.pure-material-checkbox:hover>input{opacity:.04}.pure-material-checkbox>input:focus{opacity:.12}.pure-material-checkbox:hover>input:focus{opacity:.16}.pure-material-checkbox>input:active{opacity:1;transform:scale(0);transition:transform,opacity}.pure-material-checkbox>input:active+span::before{border-color:rgb(var(--pure-material-primary-rgb,26,115,232))}.pure-material-checkbox>input:checked:active+span::before{border-color:transparent;background-color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.6)}.pure-material-checkbox>input:disabled{opacity:0}.pure-material-checkbox>input:disabled+span{color:rgba(var(--pure-material-onsurface-rgb,0,0,0),.38);cursor:initial}.pure-material-checkbox>input:disabled+span::before{border-color:currentColor}.pure-material-checkbox>input:checked:disabled+span::before,.pure-material-checkbox>input:indeterminate:disabled+span::before{border-color:transparent;background-color:currentColor}.pure-material-checkbox span{display:inline;font-family:Roboto,sans-serif;font-size:16px}.forgot-button{display:inline;padding:10px;font-family:ProductSansBold;font-weight:500;font-size:16px;border:none;color:#1a73e8;background-color:#fff;border-radius:5px;margin-top:35px;margin-left:65px;cursor:not-allowed}.forgot-button:hover{background-color:#1a73e822}.window-content .google-button.next{display:inline;margin-left:125px}#password-placeholder.inactive{display:block;position:absolute;top:253px;left:96px;color:#696368;pointer-events:none;animation:125ms forwards placeholder}#password-placeholder.active{display:block;position:absolute;background-color:#fff;padding:10px;font-family:Roboto,sans-serif;pointer-events:none;animation:125ms forwards placeholderBack}#loader{position:absolute;top:0;left:0;background-color:rgba(255,255,255,.67);color:#696368;line-height:100vh}@keyframes placeholder{to{top:253px;left:96px;color:#696368;font-size:18px}from{top:215px;left:85px;color:#1a73e8;font-size:12px}}@keyframes placeholderBack{from{top:253px;left:96px;color:#696368;font-size:18px}to{top:215px;left:85px;color:#1a73e8;font-size:12px}}
|