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.
Comment: updating stylesheet to ESG

...

HTML
<link rel="stylesheet"
  href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/EWCESG/eventsPlatformStyleesheetEWCeventsPlatformStyleesheetESG.css">



<style>
/* hide source code button from editor */
.jqte_tool_21 {
	display: none !important;
}

/* =============== CONFIFORM DATA STYLING =============== */
.aui-dialog label {
    color: white !important;
}

.aui-dialog form.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container .select2-choices {
    color: white !important;
    border: 1px solid black !important;
}

.aui-dialog textarea#i_agenda {
    color: white !important;
}

.aui-dialog textarea#i_program {color: black !important;}

.aui-dialog li.select2-search-choice div {
    color: white !IMPORTANT;
}
/* =============== ~~~~~~~~~~~~~~~~~~~ =============== */
span.i_holdingrow_currentName {
	display: none;
}
span.i_holdingrow_name {
	/*display: none;*/
}
#entryName{
	/*margin: 0 0 10px 0;*/
}
.nameSubtext {
    display: none;
    height: auto;
    margin: 0 0px 0 0px;
    color: white;
    object-fit: contain;
    font-family: Raleway;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: 0.6px;
}
p.auto-cursor-target {
	margin: 0px !important;
}
.my-button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #303030;
    border-radius: 10px;
    background-color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    margin-right: 10px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}
div#orgupload,
div#bannerImgupload {
    margin: 15px 0 0 5px !important;
}
.sponsorImage1{
	justify-content: start;
    flex-wrap: wrap;
}
#orgupload,
#bannerImgupload{
	height: unset !important;
}
img.uploadImage {
    width: 30px;
    height: 45px;
    margin: 0 auto;
	
}

.uploadButton {
    width: 85%;
    border: var(--border);
    border-radius: var(--border-radius);
    /* margin-right: 10px; */
    background: var(--primary-color);
    font-family: Raleway;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #ffffff;
    margin: 8px auto;
    cursor: pointer;
    max-width: 130px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fileUploadContainer{
	margin: 9px 8px 9px 0;
	min-width: 190px;
	flex-direction: column;
    text-align: center;
    width: 30%;
    border-radius: 3px;
    padding: 5px;
    color: white;
    display: flex;
    border: solid 1px rgba(300,300,300,0.51);
}
input#i_currentSponsorimage1 {
    margin: 0 0 0px -5px;
}
input#i_currentSponsorimage3 {
	margin: 0 0 0px -5px;
}
label#i_labelfor_currentSponsorimage3 {
    margin: 0 0px 12px -5px;
}
button.clearButton {
	cursor: pointer;
    width: fit-content;
    /* margin-bottom: 9px; */
    /* margin-top: 10px; */
    border: transparent;
    margin-right: 10px;
    background-image: transparent;
    font-family: Raleway;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #ffffff;
    background: transparent;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: transparent !important;
}
form.aui .text[disabled], form.aui .password[disabled], form.aui .textarea[disabled], form.aui .select[disabled], form.aui .multi-select[disabled] {
 background: transparent;
}
div#entrySponsors {
    width: 50% !important;
}

input#i_sponsors {
    max-width: 500px !important;
    /* width: 100% !important; */
}

#entrySponsors .auto-cursor-target {
    width: 100% !important;
}

span.i_holdingrow_sponsors {max-width: 100% !important;}
input#i_addImage1-yes {
    display: none;
}

input#i_removeImage1-no {
    display: none;
}
input#i_addImage2-yes {
    display: none;
}

input#i_removeImage2-no {
    display: none;
}
label {
    color: var(--primary-color);
    border: var(--border);
    font-size: var(--font-size-s);
    width: 150px;
    background-color: transparent;
    padding: 5px 10px;
    margin: 5px 0 5px 0;
    line-height: 45px !important;
    cursor: pointer;
}

input:checked + label {
    background: var(--us-tab-outline);
    color: #ffffff!important;
    box-shadow: none;
}
textarea#i_agenda {
    max-width: 100% !important;
}

#saveFormButton {
	margin-left: auto;
	width: 170px;
	margin-top: 6px;
}

div#entryAgenda {
    width: 100%;
}

textarea#i_program {
    max-width: 100% !important;
}

select#i_country {
    max-width: 100%;
}

select#i_round {
    max-width: 100%;
}

input#i_startDate {
    max-width: 100% !important;
    padding: 0 10px 0 !important;
}
textarea#i_agenda {
    background: transparent;
    color: white !IMPORTANT;
}
textarea#i_program {
    background: transparent;
    color: white !IMPORTANT;
}

span.i_holdingrow_agenda {
    display: flex;
    flex-direction: column;
}
.saveFormContainer {
    display: flex;
    text-align: right;
    width: 95.5% !important;
    margin: -10px 0 10px 0;
}

.confiFormsFormFooter {
    display: none;
}
.jqte_toolbar.unselectable {
    height: 27px;
}
.jqte * {
	color: white !important;
}
div.jqte_editor * {
    background-color: transparent !important;
}
span.i_holdingrow_agenda {
    width: inherit;
}
span.i_holdingrow_name {
    width: inherit;
}

span.i_holdingrow_cohosts {
    width: inherit;
}

span.i_holdingrow_rsvp {
    width: inherit;
}

span.i_holdingrow_sponsors {
    width: inherit;
}

span.i_holdingrow_type {
    width: inherit !important;
}

select#i_type {
    max-width: unset;
}

input#i_startDate {
    max-width: unset !important;
}

input#i_endDate {
    max-width: unset !important;
}
p.auto-cursor-target {
    width: inherit;
}

div#select2-drop {
    background-image: url(https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EWC+2020/gradient.jpg) !important;
    color: white;
}
span.conf-macro.output-inline {
    width: inherit;
	justify-content: flex-end;
}

/* Styling for uploading pictures button */
input[type="file" i]::-webkit-file-upload-button {
  height: 40px;
  padding: 10px 20px;
  background: transparent;
  border: var(--border);
  color: white;
  font-size: var(--font-size-xs);
  cursor: pointer;
  text-transform: uppercase;
}
input#i_name {
    width: 100% !important;
    max-width: unset !important;
}
input#i_image, input#i_sponsorimage1, input#i_sponsorimage2, input#i_sponsorimage3, input#i_imageOrganizer {
  color: white;
}
.confiFormsFormBorder {
	border: none !important;
}
.cf-calendar-time {
	display: none !important;
}
div {}

li.select2-search-choice div {
    color: white;
}
span.output-inline {
    margin: 5px;
	display: flex;
    flex-direction: column;
}
div#s2id_i_cohosts {
    /*max-width: 285px !important;*/
}
.questionContainer {
    background: rgba(0,0,0,0.5);
    border-radius: 9px;
    padding: 30px;
	width: 80% !important;
    margin: auto;
    align-items: center;
}

form.aui legend, form.aui label {object-fit: contain;font-family: Raleway;font-size: 11px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.91;letter-spacing: 0.6px;color: #fafafa;}

form.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container .select2-choices {
    background: transparent;
    opacity: 0.75;
    border-radius: 3px;
    border: solid 1px rgba(300,300,300,0.51) !important;
    min-height: 40px !important;
	color:white;
}
   
.ffi input[type="file"] {
    background: transparent !important;
    opacity: .21;
    border-radius: 3px;
    border: solid 1px rgba(300,300,300,0.51);
}

#i_holdingrow_image label {
    background: transparent !important;
    opacity: 0.75;
    border-radius: 3px;
    border: solid 1px #ffffff;
}

.jqte_editor, .jqte_source {
    background: transparent;
	color: white !important;
}

.jqte_toolbar {
    background: rgba(300,300,300,0.5);
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
    /* opacity: 0.21; */
    border-radius: 3px;
    border: solid 0px #ffffff;
}
.desc{
	object-fit: contain;
    font-family: Raleway;
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: 0.6px;
    color: #fafafa;
}
.questionwrapper {
	height: auto !important;
}
#entryNameInput {
	flex-direction: column;
}
#entryCountry {
	flex-direction: column;
}
#entryRound {
	flex-direction: column;
}
div#entryType {
    flex-direction: column;
}

div#entrySponsors {
    flex-direction: column;
}

div#entryEndTime {
    flex-direction: column;
}

div#entryStartTime {
    flex-direction: column;
}
div.entryInput {
	flex-direction: column;
}
#entrySummary {
	flex-wrap: wrap;
}

div#action-errors-confiform {
    background: rgba(0,0,0,0.5);
    border: none;
    border-radius: 9px;
    padding: 25px 25px !important;
    width: 80% !important;
    margin: auto;
    align-items: center;
}

#action-errors-confiform ul li {
    color: var(--primary-font-color);
    font-size: var(--font-size-m);
    padding: 5px 0px;
}

.aui-message::after {
    display: none;   
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.custom-section-container {
		width: 100%;
		max-width: 100;
	}

	.questionContainer {
		padding: 12px;
		width: 88% !important;
		margin: 0 auto !important;
	}

	p.auto-cursor-target {
		width: 100% !important;
	}

	span.conf-macro.output-inline {
		width: 100%;
		margin: 7px 0px !important;
	}

	.confiFormsFormContent {
		padding: 0px;
	}

	input#i_sponsors {
		max-width: 100% !IMPORTANT;
		width: 100%;
	}

	div#orgupload {
		margin: 15px 0 0 0px !important;
	}

	a#saveFormButton {
		margin: 0 auto;
		width: 100%;
	}

	.saveFormContainer .my-button {
		margin: 0 auto;
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: space-around;
	}

	.saveFormContainer {
		width: 100% !important;
	}

	.questionwrapper.question-mobile {
		display: flex;
		align-self: flex-start;
		margin-left: 6%;
	}
	div#entryStartTime .questionwrapper.question-mobile {
		height: auto !important;
		margin-bottom: -10px;
	}
	div#entryEndTime .questionwrapper.question-mobile {
		height: auto !important;
		margin-bottom: -10px;	
	}
	.fileUploadContainer {
		min-width: 95%;
	}
	div#entrySponsors {
		width: 100% !important;
	}
}
</style>

<script type="text/javascript" src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/js/ewc/createEventScript.js"></script>

<script>
if (AJS.params.remoteUser === '') {
	window.location.replace("/display/EV/Dashboard");
}
</script>

...