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){
.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>
<script>
if(isJapaneseUser && !isJapaneseVersion){
$("#loading-container").show();
}
if(window.location.href.toLowerCase().includes("lang=ja") && !isJapaneseVersion){
$("#loading-container").show();
}
</script> |
Hide If | |||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||
|
HTML |
---|
<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; } div.signContainer > span { width: 100%; } .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> |
Custom section | ||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||
|
...
HTML | ||
---|---|---|
<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; } </style> | ||
Show If | ||
Show If | | |
| ||
Hide If | ||
| ||
HTML |
OneValley