x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

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

...

HTML
<style>
h2#PeopleHome-Noalumnitodisplay {margin: 20px;}

.largeimagewithtextbelow-listmempag .image-container {
    border: 1px solid #afafaf;
}

div#section1CardsSearch {
    height: 51px;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag {
    width: 200px;
}

.largeimagewithtextbelow-cc .image-container img {
    height: 100% !important;
}

#myCards-membercards1 .cardstyle.largeimagewithtextbelow-cc {
    padding: 0;
}

.largeimagewithtextbelow-listmempag .image-container {
    width: 200px !important;
    height: 200px !important;
}

#myCards-membercards .card-title, #myCards-membercards1 .card-title, #myCards-membercards2 .card-title, #myCards-membercards3 .card-title, #myCards-membercards4 .card-title, #myCards-membercards5 .card-title {
    padding: 14px 17px 0px 17px;
	font-size: 22px;
}

div.largeimagewithtextbelow-listmempag .card-subtitle {
    font-size: 18px;
    padding: 0px 17px 14px 17px;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-cc {
    height: unset !important;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-cc {
    width: 200px;
}

.largeimagewithtextbelow-cc .image-container img {
    height: 100% !important;
}

.largeimagewithtextbelow-cc .image-container {
    width: 200px !important;
    height: 200px !important;
}

div.largeimagewithtextbelow-cc .card-subtitle {
    font-size: 18px;
    padding: 0px 17px 14px 17px;
}

.largeimagewithtextbelow-cc .card-subtitle {
    font-family: Karla;
    font-size: 18px;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-cc {
    background: transparent;
}

div.largeimagewithtextbelow-cc .card-text-container {
    height: fit-content;
}


/* FILTER DROPDOWN */
div#filters-inner-list {
    overflow: scroll;
    height: calc(100vh - 100px);
    max-height: 500px;
}

/* SEARCH BAR */
form.custom-user-search-form input.searchInput.text {
    border-radius: 4px;
    border: solid 1.5px #767676;
    background-color: #ffffff;
    color: #767676 !important;
    font-size: 15px;
    width: 233px;
    height: 50px;
    display: flex;
    padding: 0 10px;
}

button.aui-button.search.undefined {
    font-size: 0px;
    height: 50px;
    width: 50px;
    border-radius: 8px;
}

/*-----------------------SEARCH POPUP------------------------*/
.inside-table-cell.field-name {
    width: 70px;
}

button#dialog-close-button.aui-button {
    border-radius: 8px;
}

span.aui-avatar.aui-avatar-large .aui-avatar-inner img {
    height: 100% !important;
    width: auto !important;
}

#custom-user-search-results-dialog {
    width: 50%;
    min-width: 350px;
}
#custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table {
    width: 90%;
    border-collapse: separate;
    border-spacing: 15px 10px;
}
#custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table td, #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table th {
    border-top: none;
	padding: 10px;
}
table tbody tr {
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.17);
}
table.aui:not(.aui-table-list)>tbody>tr>th, table.aui:not(.aui-table-list)>tfoot>tr>th, table.aui:not(.aui-table-list)>tbody>tr>td, table.aui:not(.aui-table-list)>tfoot>tr>td {
    border-bottom: none;
}
#custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table td.display-column-0, #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table th.display-column-0 {
    width: 55px;
    height: 55px;
}
.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
    height: 55px;
    max-width: 55px;
    max-height: 55px;
    width: 55px;
}
.inside-table-cell.field-value a {
    color: var(--primary-color)!important;
    text-decoration: none;
    font-weight: var(--font-weight-super-title);
}
.inside-table-cell.field-value a:hover {
    text-decoration: underline;
}

.custom-user-list-macro table {
    border-collapse: separate;
    width: 99%;
    border-spacing: 0px 10px;
	margin: 0 auto;
}
.custom-user-list-macro .custom-user-list-table td .confluence-userlink {
    font-weight: var(--font-weight-super-title);
    color: var(--primary-color)!important;
    text-decoration: none;
}
.custom-user-list-macro .custom-user-list-table td .confluence-userlink:hover {
	text-decoration: underline;
}
.custom-user-list-macro .custom-user-list-table td .aui-avatar {
    margin-right: 20px;
}
table.aui>thead>tr>th, table.aui>tbody>tr>th, table.aui>tfoot>tr>th, table.aui>thead>tr>td, table.aui>tbody>tr>td, table.aui>tfoot>tr>td {
    padding: 15px 20px;
}
.tableFloatingHeaderOriginal{
	top: 50px !important;
}

#custom-user-search-results-table .add-my-contact-button {
	display: none;
}

/* Styling for the search and filter divs */
#filters-list{
	height: auto;
}

.filterByStrength #filters-list {
    margin-top: 52px;
}
 .filterByStrength .dropdown-content {
    width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.filterByStrength #filters-list:after {
left: 64%;
}

.filter-btn p.filter{
	display: block !important;
}


.searchSection {
    justify-content: space-between;
    margin-top: 50px;
    padding: 0px 25px;
}

.filterByStrength .dropdown {
    border-radius: 4px;
    border: solid 1.5px #767676;
    background-color: #ffffff;
    color: #767676 !important;
    font-size: 15px;
    width: 233px;
    height: 50px;
    display: flex;
    justify-content: center;
	flex-direction: row;
}



/* REMOVE EXTRA SPACE AT TOP */
#main-content p:first-child {
    display: none;
}

#main-content p:nth-child(3) {
    display: none;
}

/* BANNER */

div.banner {
    margin-top: -40px;
    height: 368px;
    background: url('https://passport-media.s3-.us-west-1.amazonaws.com/Morgan+Stanley/mentorsBannercompaniesbanner.jpgsvg');
    /*background: url('https://passport-media.gsvlabsportal.com/Morgan+Stanley/mentorsBanner.jpg');*/
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}

div.titleSection {
    margin: 90px 80px;
    flex-direction: column;
}

.titleSection .custom-title {
    font-family: 'MS Gloria II Std';
    color: #ffffff;
    font-size: 60px;
}

button.tab-control-button {
    width: 155px;
    height: 54px;
    margin: 0 12px 0 0;
    border-radius: 8px;
    border: solid 2px rgba(255, 255, 255, 0.75);
    background: transparent;
    font-family: Karla;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
	outline: none;
}

button.tab-control-button:hover {
    cursor: pointer;
}

/* CONTENT SECTION */
div.contentSection {
    flex-direction: column;
	width: calc(100% - 400px);
    margin: 0 200px;
}

/* CARDS */
div.cardSectionStyle {
    flex-direction: column;
}

div#myCards-membercards, div#myCards-membercards1, div#myCards-membercards2, div#myCards-membercards3, div#myCards-membercards4, div#myCards-membercards5 {
    margin: 20px auto;
	margin-top: 50px30px;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 200px);
    grid-gap: 26px;
    width: 100%;
    justify-content: space-evenly !important;
    height: auto !important;
}

#myCards-membercards p:first-child, #myCards-membercards1 p:first-child, #myCards-membercards2 p:first-child, #myCards-membercards3 p:first-child, #myCards-membercards4 p:first-child, #myCards-membercards5 p:first-child {
    display: block;
}

#myCards-membercards .card-title, #myCards-membercards1 .card-title, #myCards-membercards2 .card-title, #myCards-membercards3 .card-title, #myCards-membercards4 .card-title, #myCards-membercards5 .card-title {
    font-family: Karla;
    font-size: 22x;
    font-weight: bold;
}

.largeimagewithtextbelow-listmempag .card-subtitle {
    font-family: Karla;
    font-size: 18px;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag {
    background: transparent;
}

div.largeimagewithtextbelow-listmempag .card-text-container {
    height: fit-content;
}

div.cardSection1, div.cardSection2, div.cardSection3, div.cardSection4, div.cardSection5 {
	display: none;
}

ul#user-search-results {
    overflow: unset;
}

.rw_body.rw_body_white, body.rw_body_white {
    background: var(--main-background);
}

div#rw_theme_header {
    z-index: 11;
}

.textSearch div#user-search-bar-container {
    height: auto;
}

/* ================================================================= MOBILE STYLING ================================================================= */ 
@media only screen and (max-width: 480px) and (min-width: 320px){
	.titleSection .custom-title {
    margin-top: unset;
    margin-bottom: 25px;
}

.titleSection .buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

button.tab-control-button {
    margin: 0 10px 10px;
}

div.contentSection {
    width: auto;
    margin: unset;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag {
    margin: unset;
}

div.custom-card-container.cardstyle.largeimagewithtextbelow-cc {
    margin: unset;
}

.searchSection .filterByStrength {
    margin-bottom: 20px;
}

div.titleSection {
    margin: 60px 80px;
}


}
</style>

...

Custom section
ClasscontentSection


Custom section
ClasscardSection cardSectionStyle


filterByStrength
Custom section
CustomCSSwidth: auto;
ClasssearchSection
Custom section
CustomCSSwidth: auto;
Class


Custom section
CustomCSSwidth: 100%; justify-content: flex-end;
ContainerIDsection0CardsSearch
ClasstextSearch

Custom User Search (deprecated)
userGroupsmorganstanley-companies
profileFieldSearchcup.field-54,cup.field-60,cup.field-55,cup.field-56,cup.field-59,cup.field-62,cup.field-50,fullName
profileFieldViewcup.field-50,cup.field-60,cup.field-59
placeholderTextSearch...


List members pagination
GroupNamemorganstanley-companies
Type largeimagewithtextbelow-listmempag
CardURL/display/MSCOM/Company+Page?company=
UniqueIdentifiermembercards
PreviousButtonTextPrev
Limit100
NextButtonTextNext


Custom section
ClasscardSection1 cardSectionStyle


filterByStrength
Custom section
CustomCSSwidth: auto;
ClasssearchSection
Custom section
CustomCSSwidth: auto;
Class


Custom section
CustomCSSwidth: 100%; justify-content: flex-end;
ContainerIDsection1CardsSearch
ClasstextSearch

Custom User Search (deprecated)
userGroupsmorganstanley-alumnicompanies-users
profileFieldSearchcup.field-54,cup.field-60,cup.field-55,cup.field-56,cup.field-59,cup.field-62,cup.field-50,fullName
profileFieldViewcup.field-50,cup.field-60,cup.field-59
placeholderTextSearch...


List members pagination
GroupNamemorganstanley-alumnicompanies-users
Type largeimagewithtextbelow-listmempag
CardURL/display/MSCOM/Company+Page?company=
UniqueIdentifiermembercards1
PreviousButtonTextPrev
Limit100
NextButtonTextNext


...