x x x
x

Versions Compared

Old Version 4

changes.mady.by.user Mazin Abubeker

Saved on

compared with

New Version 5

changes.mady.by.user Mazin Abubeker

Saved on

Key

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


HTML
<!--
This is a commentTo add:

- Redirect for admins to admin dashboard & judges to judging dashboard

-->
This is not a comment


HTML
<style>
@media only screen and (min-width: 580px){
.dash-sqaure{
    width: 250px!important;
    min-width: 250px!important;
    max-width: 250px!important;
}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
	.button_container{
		background: white!important;
	}
	.mobile-menu-sticky .button_container.active{
		background: var(--mobile-menu-background)!important;
	}
}

.aboutcard{
	height: fit-content!important;
}
@media only screen and (max-width: 580px) {
	.arrow-right{
		display: none!important;
	}
	#main-content .dash-banner{
		padding-bottom: 0!important;
		flex-direction: column!important;
		height: fit-content!important;
	}
	.banner-segment{
		width: 100%!important;
		height: fit-content!important;
		overflow: visible!important;
		padding: 0!important;
	}
	.second-segment{
		height: 250px!important;
	}
	.dashboard-content{
		flex-direction: column!important;
	}
	.aboutcard{
		flex-direction: column-reverse!important;
	}
	.dashimg-container{
		display: none!important;
	}
	.dates-container{
		width: 100%!important;
	}
	.headertext{
		text-align: center;
	}
}

div#announcements-wrapper .header {
    color: white;
}
 </style>

...

HTML
<!-- DASHBOARD BANNER STYLING -->
<style>
#announcement-overlay{
	position: absolute;
   width: 100%;
    	height: 100%;
}

.dash-banner{
  height: 350px;
    width: 90vw;
    margin: auto;
    background: white;
    display: flex;
    flex-direction: column;
    position: relative;
	box-shadow: 0 0 15px 2px rgba(0 0 0 / 20%);
}


.dash-banner .important-dates{
	position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 220px solid #eceff5;
    border-right: 300px solid transparent;
    height: 0px;
    width: 50%;
}

.dash-banner .important-dates-img{
display: none;
	position: absolute;
    left: 0px;
    bottom: 0px;
    max-width: 100%;
    max-height: 200px;
    height: auto;
}

.dash-banner .important-dates-img-mobile{
	display: none;
	position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%!important;
    height: auto;
}

.dash-banner .content-head{
  font-size: 40px!important;
  color: var(--primary-color);
  font-weight: bold;
}

.dash-banner .top-content{
  display: flex;
  flex-direction: column;
  width: 70%;
  padding: 0 0 0 40px;
}

.dash-banner .top-content .smith-logo-banner {
  width: 35%;
}

.dash-banner .content-text{
  font-size: 16px!important;
  width: 100%;
  line-height: 1.75;
  color: var(--primary-color);
  margin: 20px 0;
	font-family: var(--secondary-font-family);
  opacity: .8;
}

.dash-banner .bottom-content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 40px;
  margin-top: 10px;
}

.dash-banner .bottom-content img{
  width: 430px;
  height: 138px;
  /*margin-right: 20px;*/
  padding-top: 10em;
}

.dash-banner .bottom-content a{
  text-decoration: none;
  color: white;
  background: var(--primary-color);
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.75em 1em;

  height: 50px;
  width: 300px;
	
  box-sizing: border-box;
}

@media only screen and (max-width: 1500px) {
  .dash-banner .bottom-content img{
    padding-top: 7em;
  }
}

@media only screen and (max-width: 1370px) {
  .dash-banner .bottom-content img{
    padding-top: 3em;
  }
}


@media only screen and (max-width: 920px) and (min-width: 320px) {
  .dash-banner{ 
    background-size: cover;
	background-position: top center;
    padding: 40px 0;
  }
  
  .dash-banner .top-content{
    /*margin-left: 20px*/;
	width: 90%;
	padding: unset;
	margin: 0 auto;    
  }

  .dash-banner .content-text {
	width: 100%;
  }
  
  .dash-banner .bottom-content{
    align-items: flex-start;
/*     background: yellow; */
    margin: 0 auto;
    flex-direction: column-reverse;
    padding: 0;
	width: 90%;
  }
  
  .dash-banner .bottom-content img{
    margin-right: unset;
    margin-top: unset;
    object-fit: contain;
    width: auto;
}
  .dash-banner .bottom-content a{
    margin-bottom: 20px;    
  }
/*
  .important-dates-img {
    position: unset !important;
    left: unset !important;
    bottom:  unset !important;
    height: unset !important;
    width: 80%;
    margin: auto;
  }  */
}
</style>

<style>

div#announcements-wrapper {
    margin-top: 50px !important;
}

div#announcements-wrapper .header {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.52;
  color: var(--primary-font-color);
}

div#announcements-wrapper .card-title {
  font-size: 20px;
  line-height: 1.45;
  color: black;
}

div#announcements-wrapper .card-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: black;
}
#announcements-wrapper div.text-encompasser {
    flex-direction: column;
    justify-content: center;
    width: 50%;
	z-index: 5;
    margin-left: 30px;
    background: transparent;
    height: 80%;
    margin: auto;
	box-sizing: border-box;
}


.dash-banner .content-text {
    font-size: 20px;
}


#announcements-wrapper .announcementcard {
    width: 90vw !important;
}

.dash-banner .bottom-content {
    flex-direction: column;
}

.dash-banner .bottom-content img {
    padding-top: 2em;
}

div#admin-panel a,div#admin-panel button{
    color: white!important;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
	div#admin-panel a,div#admin-panel button{
    	box-sizing: border-box!important;
		height: 45px!important;
		margin: 0 10px 0 0!important;
	}

  .dash-banner .top-content .smith-logo-banner {
	width: 100%;
  }

  .dash-banner .bottom-content img{
    width: 100%; 
    padding-top: 0;
  }

  .dash-banner .content-head{
    font-size: 22px;
  }

  .dash-banner .content-text {
	font-size: 14px;
  }

  .dash-banner .bottom-content a {
	width: 100%;
	padding: 0.75em 0;
  }

#announcement-overlay{
    	background:  var(--primary-color) ;
}

div#admin-panel {
    flex-direction: row;
    align-items: flex-start;
}

button.aui-button.aui-button-primary.cf_dashboardannouncementspremium {
    margin-bottom: 10px;
}

}


@media only screen and (max-width: 950px) and (min-width: 480px){
div#announcements-wrapper .card-title{
    font-size: 18px;
}

div#announcements-wrapper .card-desription{
    font-size: 14px;

}

button.confirmationButton{
    font-size: 10px;
}
}




.dash-banner{
	display: flex;
	flex-direction: row;
}

.banner-segment{
	width: 50%;
	height: 350px;
	box-sizing: border-box;
	overflow: hidden;
}

.second-segment{
	background: url(https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/images/MStanley/dash-banner-img.jpg);
    background-size: cover;
    background-position: center;
}
</style>
<!-- END DASHBOARD BANNER STYLING -->


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>


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 for submitting your application!</p>
	<p class="content-text">If you need to 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 class='banner-segment second-segment dash-banner-image'> </div>
</div>

</div>


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!</p>
    <p class="content-text">Continue your application for the Multicultural Innovation Lab.</p>
  </div>
  <div class="bottom-content">
    <a href="/display/MEA">Continue My Application</a>    
  </div>
	</div><div class='banner-segment second-segment dash-banner-image'> </div>
</div>

</div>


HTML
<div id="dash-banner-step1">
<div class="dash-banner">
<div class='banner-segment' style="padding-top: 40px;">
  <div class="top-content">
    <p class="content-head">Welcome to the Multicultural Innovation Lab!</p>
    <p class="content-text">Click here to get started on your application.</p>
  </div>
  <div class="bottom-content">
    <a href="/display/MEA">Start Your Application</a>    
  </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

-->


ConfiForms Form Definition
additionalFormAdminsconfluence-administrators, morganstanley-admins
closeButtonLabelCancel
formNamedashboardannouncementspremium
saveButtonLabelCreate/Save
registrationFormTitleNew Announcement


Create/SavedashboardannouncementspremiumCancelconfluence-administrators,morganstanley-adminsNew AnnouncementINLINE

titletruetrue

imagetruetrue

cardLinktruetrue

descriptiontruetrue

cardButtonTexttruetrue

titleTitletexttrue

imageImageimage/*filetrue

cardLinkExternal Linkfalse[events=Event|mentor=Mentor|resources=Resource|]This link set where the button button redirects to. Used to set external links for announcements.text

descriptionDescriptionDescription must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]textareatrue^.{1,250}

linkStyleLink Style (IGNORE)text

cardButtonTextButton TextText that displays on button. This is the button that will take user to external link set above.texttrue

!cardLink:[empty]Reset valuecardLink

!cardLink:[empty]linkStyle=inactivelinkSet valuetruecardLink




HTML
<!--

End Admin section

-->



HTML
<!--

Old carousel macro here

-->


HTML
<div>
<p class="headertext" style="color: black; padding: 0px;"><strong>About</strong>
 </p>
</div>


HTML
<style>
.headertext {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.52;
  color: var(--primary-color);
  padding: 25px 40px;
}

.headertextalt {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.52;
  color: var(--primary-color);
  padding: 0px 40px;
}

.stat {
  text-align: center;
}

#dates {
  background-color: var(--primary-color);
  flex-direction: column;
  height: 350px;
}

</style>




HTML
<style>
a.button-panel-link.button-panel-cancel-link {
    color: var(--secondary-color) !important;
}

span#cf_messages a[title="Delete"] {
    color: var(--secondary-color);
}


.aui-message.aui-message-info {
    border-color: var(--secondary-color);
}


button.aui-button.aui-button-primary.cf_dashboardannouncementspremium {
  background: var(--secondary-color) !important;
  color: var(--primary-font-color) !important;
}

div#announcementcontainer {
  width: 90% !important;
  margin: 40px auto 0 auto;
}

div#announcements-wrapper {
  width: 100% !important;
  margin-top: 10px !important;
}

a.button-panel-link.button-panel-cancel-link {
  color: black !important;
}

a.aui-button.aui-style-default.aui-dropdown2-trigger {
  display: none;
}
</style >

<style>
div#forum-container {
  width: 90%;
  margin: auto;
  margin-bottom: 60px;
}

div#forum-top-bar .header {
  font-size: 24px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: normal;
  color: var(--primary-font-color);
}

div#forum-top-bar {
  display: flex;
  justify-content: space-between;
}

.filter-btns {
  display: flex;
  align-items: center;
}

a.aui-nav-item {
  color: var(--primary-font-color) !important;
}

div#main-content {
  /*background: url(https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/SeaAhead/seaaheadDashboardBackground.png);*/
  background: url(https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/SeaAhead/seaahead_dashboard.svg);
  background-size: cover;
  background-position: bottom;
  padding-top: 40px;
}

button.aui-button.aui-button-primary.fullSite {
}

button.aui-button.aui-button-primary {
  background: var(--secondary-color);
  border-radius: unset;
}

button.aui-button.aui-button-link {
  color: var(--secondary-color);
}

.action-group.topic-select-container label {
  color: var(--secondary-color);
}

.globalTimeline-container {
  background: white;
  margin-top: 20px;
}

span.micropost-topic {
  display: none;
}

span.micropost-author a {
  color: var(--secondary-color) !important;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: 0.54px;
}

.micropost-profile-picture.aui-avatar-inner {
  border-radius: unset;
}

.aui-avatar.aui-avatar-large {
  display: flex;
}

.micropost-profile-picture.aui-avatar-inner {
  height: 118px;
  width: 80px;
  max-width: unset;
  max-height: unset;
}

.micropost-left {
  display: flex;
  padding: unset;
  width: auto;
}

.aui-avatar.aui-avatar-large {
  display: unset;
}

a.userLogoLink {
  margin: unset;
  margin: 0 30px 0 20px;
}

span.microblog-tooltip {
  opacity: 0.71;
  font-size: 12px;
  line-height: 1.92;
  color: var(--primary-font-color);
}

.micropost-content p {
  font-size: 12px;
  line-height: 1.42;
  color: #0c0c0c;
}

ul.micropost-meta a {
  color: var(--secondary-color) !important;
}

.micropost .micropost-right .micropost-footer {
  justify-content: flex-end;
  padding-right: 30px;
}

span.aui-icon.aui-icon-small.aui-iconfont-more {
  color: var(--secondary-color);
}

.aui-avatar.aui-avatar-large,
.aui-avatar.aui-avatar-large .aui-avatar-inner {
  height: unset !important;
  max-width: unset !important;
  max-height: unset !important;
  width: unset !important;
}

.aui-avatar img {
  height: unset;
  width: 91px;
}

button.confirmationButton {
/*  width: 134px;
  height: 47px; */
  text-decoration: none;
  color: white;
  background: #ee3e62;
  font-size: 16px;
  font-weight: 700;
  border: unset;
  margin-top: 50px;
  cursor:pointer;
  padding: 0.75em 2em;
}
.selection-title {
    display: none;
}

.microblog-content-container .editor {
    margin-top: 20px;
}

a.userLogoLink.userlink-1 {
    pointer-events: none;
}

a.url.fn.confluence-userlink.userlink-1 {}

.micropost-author a {
    pointer-events: none;
}

ul.micropost-meta .micropost-saveDate a {
    pointer-events: none;
}


.wiki-content table.tablesorter>thead>tr>th {
    background: var(--secondary-color) center right no-repeat !important;
}

.microblog-topic-select-dropdown .select2-results li.select2-result-with-children > .select2-result-label {

	display: none;
}

.action-container {
    display: none;
}

.micropost .reply-editor .profile-picture {
    display: none;
}

.micropost-profile-picture.aui-avatar-inner {
    display: none;
}

.aui-button.active, .aui-button-subtle.aui-button.active {
    background: unset;
}

a.copy-micropost-permalink-action {
    display: none;
}

section#subscription-dialog a {
    color: var(--secondary-color);
}

.aui-message.warning, .aui-message-warning {
    border-color: var(--secondary-color);
}

section#subscription-dialog .aui-dialog2-footer-hint {
    display: none;
}


@media only screen and (max-width: 480px) and (min-width: 320px) {
  .micropost-right {
	width: 80%;
	padding: 0 20px;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
a#toggle-admin-table {
    margin-top: 10px;
}

  #cf_messages {
	height: auto;
    width: inherit;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }

    button.aui-button.aui-style-default.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless {
        opacity: unset !important;
        margin-right: 20px;
    }

.aui-dialog2-large.aui-layer {
    display:none;
}

button.aui-button.aui-button-subtle[data-dialog-id="subscription"] {
display: none;
}

a.aui-nav-item.space[original-title="SMITH Dashboard"] {
    display: none;
}

span.mb-icon.mb-icon-bullet-list.nav-trigger-icon {
    color: var(--secondary-color);
}



span[original-title="SMITH Dashboard"] {
    color: transparent;
}
.selection-title {
    display: block;
}

div#admin-panel {
    align-items : flex-start;
}

div#announcementcontainer{
	margin: 20px auto 0 auto;
}

}
</style>

...