x
x
x
x
Only portrait mode is currently supported - please rotate your device.
HTML |
---|
<div id="loading-container" style="display:none;"> <div class="loader"> </div> </div> <style> #loading-container { position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; z-index: 10; background: white; } .loader { border: 7px solid #ffffff; border-top: 7px solid var(--primary-color); border-radius: 50%; width: 45px; height: 45px; animation: spin 1.5s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width: 580px) { .description-container { width: 100% !important; } .field-group input { padding: 0 10px !important; } } #loginform>fieldset>div { padding: 0; } } #loginform > fieldset > div{ padding: 0 !important; } .description-container #link-container { display: none !important; } </style> </style><script> if(isJapaneseUser && !isJapaneseVersion){ $("#loading-container").show(); } if(window.location.href.toLowerCase().includes("lang=ja") && !isJapaneseVersion){ $("#loading-container").show(); } </script> <script> window.addEventListener("load", function(){ //$('.login-form-container').append(`<p>Forgot your password? SendReset usit an <a href="mailto:morganstanley@theonevalley.com?subject=Reset Password Request&body=Please reset my password.">email<>here</a>.</p>`); // $('.login-form-container').append(`<p id="pw-reset" class="hidden">Forgot your password? Reset it <a href="/display/MSA/Forgot+Password">here</a>.</p>`); $('.login-form-container').append(`<p><a href="/display/MSA/Sign+Up">Don't have an account? Sign up here.</a></p>`); }); </script> |
...
HTML |
---|
<style> div.bigImageContainer { /* width: 50%; */ height: 100%; background-image: url('https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/msLogin.jpg'); background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1); margin-left: 10px; } div.signContainer { width: 90vw; height: 90%; margin: 60px auto; } .rw_content { background: var(--main-background); } div.formContainer { box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1); margin-right: 10px; /* width: 50%; */ } .link-container-button.left { display: none; } div.link-container-button { width: 100%; } input#loginButton:hover { cursor: pointer; } @media only screen and (max-width: 480px) { div.formContainer { box-shadow: none; width: 100%; } div.bigImageContainer { display: none; } div.signContainer { margin: 0 auto; } form.login-form-container[name='loginform'] { width: 100%; padding: 14px 0; margin: auto; } div.field-group { width: 100%; margin-top: 10px; } .field-group.login-field-group { margin-top: 20px; } } </style> |
...
Custom section | ||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||
|
...
HTML |
---|
<style>
div#custom-footer {
display: none;
}
.main-container {
min-height: calc(100vh - 50px);
background-repeat: no-repeat;
background-size: cover;
}
div#toggle {
display: none;
}
</style> |
HTML |
---|
<style>
/* new stuff */
span.conf-macro.output-inline {
width: 100%;
}
</style> |
OneValley