x
x
x
x
Only portrait mode is currently supported - please rotate your device.
...
HTML |
---|
<style> @media only screen and (max-width: 580px){ .description-container{ width: 100%!important; } .field-group input{ padding: 0 10px!important; } } .description-container #link-container { display: none !important; } #login-issue-btns { display: flex; height: auto; Â Â border: 1px solid #e5e5e5; } .login-issue-btn { width: 50%; padding: 20px; border-right: 1px solid #e5e5e5; } .learn-more-section { position: absolute; left: 20%; top: 50%; padding: 25px; background-color: #0d5d8b; color: white; } .learn-more-section a { Â Â display: block; border: 1px solid white; border-radius: 7px; margin-top: 20px; width: max-content; padding: 10px 20px; text-decoration: none; color: white !important; cursor: pointer; } .learn-more-section a:hover { color: white; } </style> <script> window.addEventListener("load", function(){ //$('.login-form-container').append(`<p>Forgot your password? Reset it <a href="mailto:morganstanley@theonevalley.com?subject=Reset Password Request&body=Please reset my password.">here</a>.</p>`); $('.login#login-formissue-containerbtns').append(`<p>Forgot your password? Reset it <a `<p class="login-issue-btn"><a href="/display/SBAAN/SBASign+Forgot+Password">here</a>.<Up">Don't have an account?</a></p>`); $ Â Â $('.login#login-formissue-containerbtns').append(`<p><a`<p class="login-issue-btn"><a href="/display/SBAAN/SignSBA+Forgot+UpPassword">Don't have an account? Sign up here>Forgot Password?</a>.</a></p>`); }); </script> |
HTML |
---|
<style> div.bigImageContainer { position: relative; /* width: 50%; */ height: 100%; background-image: url('https://passportgsvlabs-confluence-mediafiles.s3-.us-west-12.amazonaws.com/Morgan+Stanley/msLogin.jpg/images/MStanley/MS-SBA/login.png'); 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%; */ flex-direction: column; } .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, .bigImageContainer .learn-more-section { 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> |
...
OneValley