x x x
x

Versions Compared

Old Version 14

changes.mady.by.user Mazin Abubeker

Saved on

compared with

New Version 15

changes.mady.by.user Mazin Abubeker

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<style>
#loadingIndicatorbanner {
    position: absolute;
    left: 50%;
    margin-top: 100px;
    /*background: var(--main-background);*/
    transition-duration: .3s;
}

#iconbanner {
    border: 8px solid var(--secondary-color);
    border-top: 8px solid var(--tertiary-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
	#loadingIndicatorbanner {
		left: unset;
	}
}
</style>

<div id="loadingIndicatorbanner">
  <div id="iconbanner">
  </div>
</div>



Divbox
classapplicationBannerStarted


HTML
<div id="dash-banner-step3"> 
<div class="dash-banner">
	<div class='banner-segment' style="padding-top: 40px;">
  <div class="top-content">
    <p class="content-head"
>Thank
>You're
you for submitting your application
almost there!</p>

    <p class="content-text"
>If
>Continue
you
your
need
application
to
for
contact 
the Multicultural Innovation Lab
, please email <a href="mailto:mcil@morganstanley
.
com" style="text-decoration: underline; color: var(--primary-color)!important;">mcil@morganstanley.com</a>.
</p>
  </div>
</div><div
  <div class=
'banner-segment second-segment 
"bottom-content">
    <a href="/display/MEA">Continue My Application</a>    
  </div>
	</div><div class='banner-segment second-segment dash-banner-image'> </div>
</div>
</div>


 Divbox
classapplicationBannerNotStarted

 HTML
<div id="dash-banner-step2">


<div class="dash-banner">

	
<div class='banner-segment' style="padding-top: 40px;">
  <div class="top-content">
    <p class="content-head"
>You're almost there
>Welcome to the Multicultural Innovation Lab!</p>
    <p class="content-text"
>Continue
>Click 
your
here 
application
to 
for
get 
the
started 
Multicultural
on 
Innovation
your 
Lab
application.</p>
  </div>
  <div class="bottom-content">
    <a href="/display/MEA"
>Continue
>Start 
My
Your Application</a>    
  </div>

	
</div><div class='banner-segment second-segment dash-banner-image'> </div>
</div>


</div>


 Divbox
classapplicationBannerSubmitted

 HTML
<div 
id
class="dash-banner
-step1
">
<div class=
"dash-banner">
<div class=
'banner-segment' style="padding-top: 40px;">
  <div class="top-content">
    <p class="content-head"
>Welcome
>Thank 
to
you 
the
for 
Multicultural
submitting 
Innovation
your 
Lab
application!</p>

    
	<p class="content-text"
>Click
>If you 
here
need to 
get
contact 
started
the 
on
Multicultural 
your application.</p>
  </div>
  <div class="bottom-content">
    <a href="/display/MEA">Start Your Application</a>    
Innovation Lab, please email <a href="mailto:mcil@morganstanley.com" style="text-decoration: underline; color: var(--primary-color)!important;">mcil@morganstanley.com</a>.</p>
  </div>
</div><div class='banner-segment second-segment dash-banner-image'> </div>
</div>

</div>
 HTML
<style>
#dash-banner-step1, #dash-banner-step2, #dash-banner-step1{
	display: none;
}
</style>



 HTML
<!--

Show the following only to admins

-->
...