<style> @media only screen and (max-width: 580px){ .field-group input{ padding: 0 10px!important; } #main-content .field-group.compact-form-buttons{ margin: 30px 0!important; } .description-container{ padding: 20px 0!important; } #checkbox{ margin-right: 20px!important; } div.formContainer{ width: 100%!important; } .description-container{ padding: 0 20px!important; } form[name='signupform']{ padding: 0!important; width: 100%!important; } .field-group{ width: 100%!important; margin: 10px 0!important; } div.bigImageContainer{ display: none!important; } } .checkbox,.conditions{ height: fit-content!important; } .conditions{ margin: 10px 0!important; } </style> |
|
<style> div.bigImageContainer { width: 50%; background-image: url('https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/msSignUp.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%; } </style> |
|
<style> div#custom-footer { display: none; } .main-container { min-height: calc(100vh - 50px); background-repeat: no-repeat; background-size: cover; background-position: center; } div#toggle { display: none; } input#signupButton { background-color: var(--primary-color) !important; } div.signContainer { position: relative; } div.bigImageContainer { position: absolute; right: 0px } </style> |