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 | |||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||
| |||||||||||||||||||
Show If | |||||||||||||||||||
| |||||||||||||||||||
|
HTML |
---|
<style> div.bigImageContainer}, { width: 50%;error background-image:function(err){ //alert(err) window.location.replace("https://passport.theonevalley.com/"); } }); </script> |
...
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; right: 0px; height: 100%; } #deadline-passed-signup { display: flex; flex-direction: column; justify-content: center; font-size: 16px; background-color: var(--main-background); margin-bottom: 100px; padding: 20px; margin-top: 10px; } #deadline-passed-signup h4 { font-size: 18px; font-weight: bold !important; } </style> <script> let END_DATE_TIME = Date.parse("03/31/2024 23:59:59 PST"); if (isJapaneseVersion || langQueryVariable === "ja" || localStorage.getItem("preferredLanguage") === "japanese" || navigator.language === "ja") { // JIVL has different deadline 05/08/24 1pm JST END_DATE_TIME = Date.parse("2024-05-08T13:00:00+09:00"); } const DEADLINE_PASSED_STATE_VAR = END_DATE_TIME < Date.now(); const handleDeadlinePassedState = () => { $("form[name='signupform']").html(`<div id="deadline-passed-signup"> <h4>The deadline for the Morgan Stanley Inclusive Ventures Lab has passed.</h4> <p>Contact <a href="mailto:msivl@morganstanley.com">msivl@morganstanley.com</a> for Americas and <a href="mailto:emsivl@morganstanley.com">emsivl@morganstanley.com</a> for EMEA with any inquiries.</p> </div>`); document.getElementsByClassName("formContainer")[0].style.width = "unset"; document.getElementsByClassName("formContainer")[0].style.marginRight = "unset"; } if (DEADLINE_PASSED_STATE_VAR === true) { handleDeadlinePassedState(); } Â Â document.addEventListener("DOMContentLoaded", function() { const links = document.querySelectorAll("a.external-link"); links.forEach(function(link) { link.setAttribute('target', '_blank'); }); }); </script> |
OneValley