Page History

HTML

<style>
#main-content {
    /*background: var(--main-background);*/
	background: url(https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/SeaAhead/seaaheadDashboardBackground.png);
	background-size: cover;
	background-position: bottom;
	min-height: 100vh;
}
.buttons-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;
}
div#seatscompanycontainer, div#totalcompanycontainer,
div#seatsusercontainer, div#totalusercontainer {
	color: var(--secondary-color) !important;
}
.add-and-seats-container,
.customUsersNumSeats {
    align-items: center;
    margin-left: 75px;
}
.header-small {
	font-family: var(--main-font-family);
	font-size: 22px !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;
}

@media only screen and (max-width: 480px) and (hover: none) {
	.title-search {
		display: flex;
		flex-direction: column !important;
		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;
}

/* taking out dynamic title styling from macro */
.dynamic-title{
  font-family: var(--main-font-family) !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: normal !important;
  text-align: left;
  margin-bottom: 15px;
  color: var(--secondary-font-color) !important;
  letter-spacing: normal !important;
}

@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(--primary-font-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(--secondary-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: 40%;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}

.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;
}

div#user-search-bar-container{
    border-color: #ccc!important;
    border-radius: 0!important;
    width: 400px!important;
}

</style>

HTML
<style> .nextprevcontainer { justify-content: center !important; } .form-prompt-button-container { flex-wrap: wrap; } </style>

Hide If

group	confluence-administrators,seaahead-admins

HTML
<script> window.location.replace('/display/SEP'); </script>

Show If

group	confluence-administrators, seaahead-admins

Custom ui tabs

TabsName	admin-dashboard
ButtonStyle	Square

Custom ui tab

Name	Application Dashboard

Custom section

CustomCSS	padding-top: 50px; padding-bottom:50px; width: 80%; margin: 0px auto 40px auto; position: relative; flex-direction: column;
ContainerID	adminjudgingcontrols
Class	companiesCustomSection

Custom section

CustomCSS	flex-direction:column;
Class	title-search

Custom section

CustomCSS	padding: 40px 30px; width: 95%; flex-direction: column; /background: var(--primary-color);/ background: linear-gradient(90deg, #1c60aa, #81adde); border-radius: 0px; margin-bottom: 30px;
Class	dashboard-welcome-banner

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/SeaAhead/blueswell_black.png" alt="">
    <p class="content-head">SeaAhead Blueswell Challenge Admin Dashboard</p>
    <p class="content-text">View applications, analytics, and more below!</p>
  </div>
</div>

Custom section

ContainerID	jira-buttons-container
Class	buttons-container

Custom button

CustomCSS	border: 1px solid var(--secondary-color) !important; height: 36.5px; font-size: 14px; color: var(--secondary-font-color) !important; margin: 10px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase; background-color: var(--secondary-color);
Type	custom-button
ButtonClass	app-button
Text	Analytics Dashboard
Url	https://mixpanel.com/project/2363873/view/2908813/app/dashboards#

Custom button

CustomCSS	border: 1px solid var(--secondary-color) !important; height: 36.5px; font-size: 14px; color: var(--secondary-font-color) !important; margin: 10px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase; background-color: var(--secondary-color);
Type	custom-button
ButtonClass	app-button
Text	View All Users
Url	https://mixpanel.com/report/2363873/view/2908813/explore

Custom button

CustomCSS	border: 1px solid var(--secondary-color) !important; height: 36.5px; font-size: 14px; color: var(--secondary-font-color) !important; margin: 10px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase; background-color: var(--secondary-color);
Type	custom-button
ButtonClass	app-button
Text	Inbox
Url	https://app.intercom.com/a/apps/e3hvr8ao/inbox/inbox/4981184/

Custom ui tab

Name	Tutorials

Custom section

CustomCSS	padding: 40px 30px; width: 80%; flex-direction: column; background: var(--primary-color); border-radius: 0px; margin: 0 auto 30px auto;

Automated cards paginated

LabelsExclude	excludethis#hidden
PreviousButtonText	Previous
LabelsInclude	tutorial
NextButtonText	Next
Paginate	true
GenerateSummary	true
Type	profilecompanycard
UniqueIdentifier	tutorialscard
DefaultImage	https://passport.theonevalley.com/download/attachments/56180723/tutorial.png
NoCardsToDisplayText	There are no tutorials
ShowMore	true
Spaces	seaaa
GenerateSubtitle	false
Limit	10

HTML

<style>
.filled-tab {
    border-radius: 0px !important;
    background-color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
}

div#ui-tabs-buttons-admin-dashboard button {
    border: 1px solid var(--secondary-color) !important;
    border-radius: 0px !important;
}
</style>

Tip

title	Welcome to your new space!

Confluence spaces are great for sharing content and news with your team. This is your home page. Right now it shows recent space activity, but you can customize this page in any way you like.

Complete these tasks to get started

Edit this home page - Click Edit in the top right of this screen to customize your Space home page
Create your first page - Click the Create button in the header to get started
Brand your Space - Click Configure Sidebar in the left panel to update space details and logo
Set permissions - Click Space Tools in the left sidebar to update permissions and give others access

Recent space activity

Space contributors

Contributors

mode	list
scope	descendants
limit	5
showLastTime	true
order	update

...

Content

Space Tools

Versions Compared

Old Version 1

New Version Current

Key

Complete these tasks to get started

Recent space activity

Space contributors

Content

Space Tools

Breadcrumbs

Page History

Versions Compared

Old Version 1

New Version Current

Key

Complete these tasks to get started

Recent space activity

Space contributors