2 lines
8.3 KiB
CSS
2 lines
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;borde
|