x
x
x
x
Only portrait mode is currently supported - please rotate your device.
Hide If | ||
---|---|---|
| ||
|
HTML | ||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<style> #tab-button-Miscellaneous<style> #main-content { display: none; } .search { backgroundmargin-left: var(--main-background)auto; } .buttonssite-hub-container { /*margin-bottom: 20px;*/ flex-wrap: wrap; } div.custom-title { color: var(--secondary-color); font-size: 20px; margin-left: 30px; font-style: italic; font-weight: lighter; opacity: .7; } .header-small { padding: 50px 0 !important; width: 80% !important; margin: 40px auto 40px auto !important; position: relative !important; box-shadow: 0 5px 20px 2px rgb(0 0 0 / 30%) !important; border-radius: 10px !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; } .admin-dashboard-title { font-family: var(--main-font-family); font-size: 22px26px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; text-align: left; background: #ffffff; -webkit-background-clip: text; -webkit-text-fill-color: transparent} .admin-dashboard-title-small { font-size: 22px !important; } @media only screen and (max-width: 480px) and (hover: none) { .title-search { .hub-users-button { display: flex; flex-direction: column !important; justify-content align-items: center !important; } .dynamic-title { margin-right: 0px!important; text-align: center !important; } } #list-members-specified-container-default-company-card .custom-card-container { margin: 5px; } /* taking out dynamic title styling from macro */ .dynamic-title{ font-family: var(--main-font-family); border: var(--border); color: var(--secondary-font-color); background-color: var(--cb-fill); height: 36.5px; font-size: 14px; margin: 10px; margin-left: 0px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase; font-sizeweight: 26px !important700; font-weightcursor: 500pointer; } @media font-style: normal; font-stretch: normal; line-height: normal; text-align: left; margin-bottom: 15px; color: white; } @media only screen and (max-width: 600px) and (hover: none) { .dynamic-title{ text-align: center; } } /* END taking out dynamic title styling from macro end */ .title-search { justify-content: space-between; height: fit-content !important; } div.title-search span.conf-macro { margin-bottom: 10px; } div.title-search.judging-rounds-container > span.conf-macro { margin-bottom: 0px; } div.title-search span.conf-macro:nth-child(3) { /* margin-bottom: 0px; */ } .stepnum { font-size: var(--font-size-s); color: var(--primary-color); font-weight: 600; border: var(--border); border-radius: 100%; text-align: center; display: flex; justify-content: center; align-items: center; padding: 7px; margin-left: 10px; width: 22px; height: 22px !important; min-width: 22px; } #country-title p#dynamictitlecompanytitle { margin-top: 0px; margin-right: 0px; } #application-title p#dynamictitleapplicationstitle { margin-top: 0px; margin-right: 0px; } #application-title p#dynamictitleadmintitle { margin-top: 0px; margin-right: 0px; } a.tutorial-link div.stepnum { font-family: "Times New Roman", Times, serif; font-size: 22px; font-style: italic; } a.tutorial-link div.stepnum:hover { text-decoration: none; } /* styling for judging banner */ .judging-banner { display: block; background-color: var(--main-background); margin: 100px auto 40px auto; border-radius: 20px; position: relative; } .judging-banner-container { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; } .judging-banner-left { display: flex; flex-wrap: wrap; /* flex-direction: column; */ width: 67%; align-items: center; /* justify-content: center; */ text-align: left; padding: 40px 20px 40px 50px; } .judging-banner-right { display: flex; width: 33%; align-items: center; justify-content: center; text-align: left; padding: 30px; } .judging-banner-right img { height: 250px; width: auto; } .title-font { font-size: 26px; font-weight: 600; text-align: left; /* margin-bottom: 20px; */ font-family: var(--header-font-family); font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 3.1px; /* padding-bottom: 15px; */ background: var(--header-font); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .content-font { font-size: 18px; font-weight: 200; text-align: left; font-family: var(--header-font-family); font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: 3.1px; background: var(--header-font); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* judge view round styling */ .display-none { display: none !important; } /* BUTTON STYLING */ .my-button { border: var(--border) !important; height: 36.5px !important; font-size: 14px !important; color: var(--secondary-color) !important; margin: 10px !important; outline: none !important; padding: 0px 40px !important; width: auto !important; text-transform: uppercase !important; border-radius: var(--border-radius) !important; transition: 0.3s; font-family: var(--main-font-family); } .my-button:hover { opacity: 0.9; transition: 0.3s; } .modal-button { border: var(--border) !important; height: 36.5px !important; font-size: 14px !important; color: var(--secondary-color) !important; margin: 10px !important; outline: none !important; padding: 0px 40px !important; width: auto !important; text-transform: uppercase !important; border-radius: var(--border-radius) !important; background-color: var(--primary-color) !important; } /* END BUTTON STYLING */ /* COUNTRY CARD STYLING */ .profilecard .image-container { border-radius: var(--border-radius) !important; } /* END COUNTRY CARD STYLING */ @media only screen and (max-device-width: 480px) and (min-device-width: 320px) and (hover: none) { #page .rw_content_spaces_white2.rw_content_menu_solid .rw_content_section { padding-top: 0px; padding-bottom: 50px; } .judging-banner { width: 85% !important; margin: 100px auto 40px auto; padding: 40px 20px !important; } .judging-banner-container { display: inline-block; } .judging-banner-left { margin: 0px auto; width: 85%; padding: 0px 20px; } .intercom-admin-tutorial-icon, .intercom-judge-tutorial-icon { margin: 0px auto; } .intercom-admin-tutorial-icon .tutorial-icon, .intercom-judge-tutorial-icon .tutorial-icon { margin: unset; } .judging-banner-right { /* margin-top: 40px; */ /* width: auto; */ display: none; } .title-font { font-size: 24px; margin-left: auto; margin-right: auto; text-align: center; } .content-font { font-size: 20px; text-align: left; } .screening-title-container { display: flex !important; flex-direction: row !important; } } </style> <script> function myFunc(){ console.log("my function was called!"); } </script> <script> // show judge controls if param "view" exist and view is judge & specific user if judge exists var viewType = getQueryVariableFromUrl("view").toLowerCase(); var judgeEmail = getQueryVariableFromUrl("judge").toLowerCase(); </script> <!-- DASHBOARD BANNER STYLING --> <style> .dash-banner{ /* height: auto; min-height: 348px; */ width: 100%; margin: auto; /* padding: 40px 0; background: url(https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/SMITH/dashBanner%402x.jpg); background-size: cover; */ display: flex; flex-direction: column; justify-content: center; background-position: top center; } .dash-banner .content-head{ font-size: 28px; color: #ffffff; } .dash-banner .top-content{ display: flex; flex-direction: column; width: 65%; padding: 0 0 0 0px; } .dash-banner .top-content p{ margin-top: 20px; } .dash-banner .top-content .smith-logo-banner { width: 30%; } .dash-banner .content-text{ font-size: 16px; width: 100%; line-height: 1.75; color: #ffffff; } .dash-banner .bottom-content{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 40px; } .dash-banner .bottom-content img{ width: 430px; height: 138px; /*margin-right: 20px;*/ padding-top: 10em; } .dash-banner .bottom-content a{ /*width: 134px; height: 47px;*/ text-decoration: none; color: #b60e58; background: #f6fdf3; text-align: center; display: flex; flex-direction: column; justify-content: center; margin-top: 20px; padding: 0.75em 2em; height: fit-content; } @media only screen and (max-width: 1500px) and (hover: none) { .dash-banner .bottom-content img{ padding-top: 7em; } } @media only screen and (max-width: 1370px) and (hover: none) { .dash-banner .bottom-content img{ padding-top: 3em; } } @media only screen and (max-width: 920px) and (min-width: 320px) and (hover: none) { .dash-banner{ background-size: cover; background-position: top center; padding: 0 0 20px 0; } .dash-banner .top-content{ /*margin-left: 20px*/; width: 100%; padding: unset; margin: auto; } .dash-banner .content-text { width: 100%; } .dash-banner .bottom-content{ align-items: center; /* background: yellow; */ margin: auto; flex-direction: column-reverse; padding: 0; width: 80%; } .dash-banner .bottom-content img{ margin-right: unset; margin-top: unset; object-fit: contain; width: auto; } .dash-banner .bottom-content a{ margin-bottom: 20px; } } @media only screen and (max-width: 480px) and (min-width: 320px) and (hover: none) { .dash-banner .top-content .smith-logo-banner { width: 100%; } .dash-banner .bottom-content img{ width: 100%; padding-top: 0; } } </style> <style> div#announcements-wrapper { margin-top: 50px !important; } div#announcements-wrapper .header { font-size: 23px; font-weight: 900; margin-bottom: 20px; line-height: 1.52; color: #b60e58; } div#announcements-wrapper .card-title { font-size: 22px; line-height: 1.45; color: #ffffff; } div#announcements-wrapper .card-description { font-size: 14px; font-weight: 300; line-height: 2.3; color: #ffffff; } </style> <!-- END DASHBOARD BANNER STYLING --> <style> /* style for expand button */ .expand-button:hover{ cursor: pointer; } .expand-button, .expand-button-locked { border: 2px solid var(--secondary-color); border-radius: var(--border-radius); font-size: 14px; color: var(--secondary-color); margin: 10px; outline: none; padding: 0.5em 1em; text-transform: uppercase; display: flex; align-items: center; justify-content: center; background-color: transparent; opacity: 0.5; transition: 0.3s; height: auto !important; } .active-button { opacity: 1; transition: 0.3s; } .trackapp-container { margin-top: 20px; } </style> | ||||||||||||||||||||||||||||||||||||
Custom section | ||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||
Custom section | ||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||
Show If | ||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||
Custom section | ||||||||||||||||||||||||||||||||||||
|
HTML |
---|
<div class="dash-banner">
<div class="top-content">
<img class="smith-logo-banner" src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EIT/eit-logo-transparent-white.png" alt="">
<p class="content-head">EIT Food Admin Dashboard</p>
<p class="content-text">View analytics, users, and more below!</p>
</div>
</div>
|
Custom section | ||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||
|
only screen and (max-width: 600px) {
.customCompaniesNumSeats {
margin-left: 0px !important;
}
.customUsersNumSeats {
margin-left: 0px !important;
}
.companiesCustomSection {
flex-direction: row !important;
}
.usersCustomSection {
flex-direction: row !important;
}
.search {
margin-left: unset;
}
}
@media only screen and (max-width: 860px) {
.add-and-seats-container {
justify-content: center !important;
}
.default-company-container {
justify-content: center !important;
}
.customUsersNumSeats {
justify-content: center !important;
}
.customCompaniesNumSeats {
flex-wrap: wrap !important;
}
.customCompaniesNumSeats {
margin: 0px !important;
}
.title-search {
display: flex;
flex-direction: column !important;
flex-wrap: wrap;
justify-content: center !important;
}
.dynamic-title {
margin-right: 0px!important;
text-align: center !important;
}
}
#list-members-specified-container-default-company-card .custom-card-container {
margin: 5px;
}
.dynamic-title {
margin-right: auto;
font-size: 18px !important;
font-weight: 400;
}
.title-search {
justify-content: space-between;
}
.closeModalBtn {
outline: none;
}
#select-persona-input {
display: none !important;
}
.list-member-paginated-cards .card-text-container {
height: unset;
}
</style>
<script>
function myFunc(){
console.log("my function was called!");
}
</script>
Refresh when dirty | ||||
---|---|---|---|---|
|
Refresh when dirty | ||||
---|---|---|---|---|
|
Refresh when dirty | ||||
---|---|---|---|---|
|
Show If | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Admin remove | ||||||||
---|---|---|---|---|---|---|---|---|
|
Admin remove | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
OneValley