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
<link rel="stylesheet"
  href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/All+Stars+Helping+Kids/eventsPlatformStylesheet_ASHK.css">

<style>
div#main-content

div#templateContainer {
    backgroundmargin: unset;
}

a#saveFormButton .my-button{    13px 6px 43px;
    font-familywidth: Arimofit-content;
}

p.questionContainertemplateDownload {
    backgroundcolor: var(--primary-font-color);
    /* font-family: Arimo !important; */
}

.questionContainer inputbackground: var(--secondary-color);
    padding: 10px;
}
input#i_currentBannerImage {
    backgrounddisplay: whitenone !important;
}

form.aui-select2-drop .text,select2-results form.aui .password, form.aui .select, form.aui select2-highlighted {
	color: black !important;
}
.aui-select2-containerdrop .select2-choices {
    background: white;
    opacity: unset;
}

.jqte_editor, .jqte_source {
    background: white;
}

div#select2-dropresults .select2-result-selectable {
	color: var(--primary-font-color);
}
/* hide source code button from editor */
.jqte_tool_21 {
	display: none !important;
}

/* =============== CONFIFORM DATA STYLING =============== */
.aui-dialog label {
    backgroundcolor: var(--primary-font-color) !important;
}

.aui-select2-dropdialog .select2-results .select2-highlightedform.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container {
    backgroundcolor: var(--primary-secondaryfont-color) !important;
}

.fileUploadContaineraui-dialog textarea#i_agenda {
    background: whitecolor: var(--primary-font-color) !important;
}

pdiv#entryOptions .templateDownloadtext {
    backgroundmin-width: whiteunset;
}

div#templateContainer.aui-dialog textarea#i_program {
    margincolor: 13px 6px 43px;
    width: fit-content;
black !important;}

p.templateDownload.aui-dialog li.select2-search-choice div {
    color: var(--primary-font-color) !IMPORTANT;
}
/* =============== ~~~~~~~~~~~~~~~~~~~  background: var(--secondary-color);
    padding: 10px;
}
input#i_currentBannerImage {
    display: none !important;
}
.aui-select2-drop .select2-results .select2-highlighted {
	color: black !important;
}
.aui-select2-drop .select2-results .select2-result-selectable {
	color: var(--primary-font-color);
}
/* hide source code button from editor */
.jqte_tool_21 {
	display: none !important;
}

/* =============== CONFIFORM DATA STYLING =============== */
.aui-dialog label {
    color: var(--primary-font-color) !important;
}

.aui-dialog form.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container {
    color: var(--primary-font-color) !important;
}

.aui-dialog textarea#i_agenda {=============== */
span.i_holdingrow_currentName {
	display: none;
}
span.i_holdingrow_name {
	/*display: none;*/
}
#entryName{
	/*margin: 0 0 10px 0;*/
}
#entryCategory {
	flex-direction: column;
}
div#entryLocation {
    display: flex;
    flex-direction: column;
}
div#entryLocation {
    margin-bottom: 5px;
}
.nameSubtext {
    display: none;
    height: auto;
    margin: 0 0px 0 0px;
    color: var(--primary-font-color) !important;
}
div#entryOptions .text {    object-fit: contain;
    minfont-widthfamily: unsetRaleway;
}

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

.aui-dialog li.select2-search-choice div {    font-size: 9px;
    font-weight: bold;
    color: var(--primary-font-color) !IMPORTANTstretch: normal;
}
/* =============== ~~~~~~~~~~~~~~~~~~~ =============== */
span.i_holdingrow_currentName {
	display: none;
}
span.i_holdingrow_name {
	/*display: none;*/
}
#entryName{
	/*margin: 0 0 10px 0;*/
}
#entryCategory {
	flex-direction: column;
}
div#entryLocation font-style: normal;
    line-height: 1.91;
    letter-spacing: 0.6px;
}
p.auto-cursor-target {
	margin: 0px !important;
}
.my-button {
    display: flex;
    flexjustify-directioncontent: columncenter;
}
div#entryLocation {    align-items: center;
    color: white !important;
    marginborder-bottomradius: 8px 5px;
}
.nameSubtext {!important;
    background: var(--primary-color) !important;
    font-size: 16px;
    displayfont-weight: none500;
    heightpadding: 10px auto20px;
    margin-right: 10px;
  0 0px 0 0pxtext-transform: uppercase;
    colortext-align: var(--primary-font-color)center;
    object-fitcursor: containpointer;
	border: 0px !important;
}
div#orgupload,
div#bannerImgupload {
    font-familymargin: Raleway;
15px 0 0  font-size: 9px5px !important;
}
.sponsorImage1{
	justify-content: start;
    fontflex-weightwrap: boldwrap;
}
#orgupload,
#bannerImgupload{
	height: unset   font-stretch: normal;!important;
}
img.uploadImage {
    font-stylewidth: normal30px;
    line-height: 1.9145px;
    letter-spacingmargin: 0.6px;
}
p.auto-cursor-target {
	margin: 0px !important auto;
	filter: invert(1) brightness(50%) sepia(100%) saturate(10000%);
}

.my-buttonuploadButton {
    displaywidth: flex85%;
    justify-contentborder: centervar(--border);
    alignborder-itemsradius: center8px;
    color: white !important;
    border-radius: 8px !important;/* margin-right: 10px; */
    background: var(--primary-color) !important;
    font-sizefamily: 16pxRaleway;
    font-weightsize: 50015px;
    paddingfont-weight: 10px 20pxbold;
    marginfont-rightstretch: 10pxnormal;
    textfont-transformstyle: uppercasenormal;
    textline-alignheight: center1.75;
    cursorletter-spacing: pointer;
	border: 0px !important;
}
div#orgupload,
div#bannerImgupload {normal;
    color: white;
    margin: 8px 15pxauto;
 0 0 5px !important;
}
.sponsorImage1{
	justify-content cursor: startpointer;
    flexmax-wrapwidth: wrap130px;
}
#orgupload,
#bannerImgupload{
	    height: unset !important;
}
img.uploadImage {
40px;
     widthdisplay: 30pxflex;
    heightalign-items: 45pxcenter;
    marginjustify-content: 0 auto;center;
}
.fileUploadContainer{
	filtermargin: invert(1) brightness(50%) sepia(100%) saturate(10000%);
}

.uploadButton {9px 8px 9px 0;
	min-width: 190px;
	flex-direction: column;
    widthtext-align: 85%center;
    borderwidth: var(--border)30%;
    border-radius: 8px3px;
    /* margin-rightpadding: 10px5px; */
    backgroundcolor: var(--secondary-primaryfont-color);
    font-familydisplay: Ralewayflex;
    font-size: 15px;
    font-weight: bold;border: 1px solid #d1d1d1;
	background: var(--secondary-color);
}
input#i_currentSponsorimage1 {
    font-stretchmargin: normal;
0 0  0px font-style: normal;
    line-height: 1.75;-5px;
}
input#i_currentSponsorimage3 {
	margin: 0 0 0px -5px;
}
label#i_labelfor_currentSponsorimage3 {
    letter-spacingmargin: normal;
0 0px 12px  color-5px;
}
button.clearButton {
	cursor: whitepointer;
    marginwidth: 8px autofit-content;
    /* cursormargin-bottom: pointer9px; */
    /* maxmargin-widthtop: 130px10px; */
    heightborder: 40pxtransparent;
    displaymargin-right: flex10px;
    alignbackground-itemsimage: centertransparent;
    justifyfont-contentfamily: center;
}
.fileUploadContainer{
	margin: 9px 8px 9px 0;
	min-width: 190px;
	flex-direction: columnRaleway;
    font-size: 13px;
    font-weight: normal;
    textfont-alignstretch: centernormal;
    widthfont-style: 30%normal;
    borderline-radiusheight: 3px1.75;
    paddingletter-spacing: 5pxnormal;
    color: var(--secondaryprimary-font-color);
    displaybackground: flextransparent;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
 border: 1px solid #d1d1d1;
	background: var(--secondary-color) transparent !important;
}
input#i_currentSponsorimage1 {
    margin: 0 0 0px -5px;
}
input#i_currentSponsorimage3 {
	margin: 0 0 0px -5px;
}
label#i_labelfor_currentSponsorimage3form.aui .text[disabled], form.aui .password[disabled], form.aui .textarea[disabled], form.aui .select[disabled], form.aui .multi-select[disabled] {
 background: transparent;
}
div#entrySponsors {
    marginwidth: 0 0px 12px -5px50% !important;
}
button.clearButton
input#i_sponsors {
	cursor: pointer;
    max-width: fit-content 500px !important;
    /* margin-bottomwidth: 100% 9px!important; */
    /* margin-top: 10px; */}

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

    margin-right: 10px;
    background-image: transparent;span.i_holdingrow_sponsors {max-width: 100% !important;}
input#i_addImage1-yes {
    font-familydisplay: Ralewaynone;
    font-size: 13px;
}

input#i_removeImage1-no {
    font-weightdisplay: normalnone;
    font-stretch: normal;
}
input#i_addImage2-yes {
    font-styledisplay: normalnone;
    line-height: 1.75;
}

input#i_removeImage2-no {
    letter-spacingdisplay: normal;none;
}
label {
    color: var(--primary-color);
    backgroundborder: transparent;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {var(--border);
    font-size: var(--font-size-s);
    backgroundwidth: 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 {150px;
    background-color: transparent;
    widthpadding: 50%5px !important10px;
}

input#i_sponsors {
    margin: 5px max-width: 500px !important0 5px 0;
    /* widthline-height: 100%45px !important; */
}

#entrySponsors .auto-cursor-target {;
    widthcursor: 100% !importantpointer;
}

span.i_holdingrow_sponsors {max-width: 100% !important;}
input#i_addImage1-yesinput:checked + label {
    displaybackground: none;
}

input#i_removeImage1-no {var(--us-tab-outline);
    color: var(--primary-font-color)!important;
    displaybox-shadow: none;
}
input#itextarea#i_addImage2-yesagenda {
    displaymax-width: 100% none!important;
}

input#i_removeImage2-no#saveFormButton {
	margin-left:    display: noneauto;
	width: 170px;
	margin-top: 6px;
}

labeldiv#entryAgenda {
    colorwidth: var(--primary-color);
    border: var(--border);100%;
}

textarea#i_program {
    fontmax-sizewidth: var(--font-size-s); 100% !important;
}

select#i_country {
    max-width: 150px100%;
}

select#i_round {
    backgroundmax-colorwidth: transparent;100%;
}

input#i_startDate {
    paddingmax-width: 5px100% 10px!important;
    marginpadding: 5px 0 5px10px 0;
    line-height: 45px !important;
    cursor: pointer;
}

input:checked + label textarea#i_agenda {
    background: var(--us-tab-outline)transparent;
    color: var(--primary-font-color)!important;
    box-shadow: none !IMPORTANT;
}
textarea#i_agendaprogram {
    max-widthbackground: 100% !importanttransparent;
}

#saveFormButton {
	margin-left: auto;
	width: 170px;
	margin-top: 6px    color: var(--primary-font-color) !IMPORTANT;
}

div#entryAgendaspan.i_holdingrow_agenda {
    widthdisplay: 100%;
}

textarea#i_program {flex;
    maxflex-widthdirection: 100% !importantcolumn;
}

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

select#i_round {display: flex;
    maxtext-widthalign: 100%right;
}

input#i_startDate {
    max-width: 100%95.5% !important;
    paddingmargin: -10px 0 10px 0 !important;
}

.confiFormsFormFooter {
    display: none;
}
textarea#i_agenda.jqte_toolbar.unselectable {
    backgroundheight: transparent27px;
}
.jqte *   {
	color: varwvar(--primary-fontsecondary-color) !IMPORTANTimportant;
}
textarea#i_programdiv.jqte_editor * {
    background-color: transparent;
    color: var(--primary-font-color) !IMPORTANTimportant;
}

span.i_holdingrow_agenda {
    display: flex;width: inherit;
}
span.i_holdingrow_name {
    flex-directionwidth: columninherit;
}

span.saveFormContaineri_holdingrow_cohosts {
    displaywidth: flexinherit;
}

    text-align: right;span.i_holdingrow_rsvp {
    width: 95.5% !important;inherit;
}

span.i_holdingrow_sponsors {
    marginwidth: -10px 0 10px 0inherit;
}

span.confiFormsFormFooteri_holdingrow_type {
    displaywidth: inherit none!important;
}

.jqte_toolbar.unselectableselect#i_type {
    heightmax-width: 27pxunset;
}
.jqte *

input#i_startDate {
	color: wvar(--secondary-color)    max-width: unset !important;
}

div.jqteinput#i_editorendDate * {
    backgroundmax-colorwidth: transparentunset !important;
}
span.i_holdingrow_agendap.auto-cursor-target {
    width: inherit;
}
span.i_holdingrow_name

div#select2-drop {
    width: inherit;
}

span.i_holdingrow_cohosts {background: var(--secondary-color) !important;
    widthcolor: inheritvar(--secondary-font-color);
}

span.i_holdingrow_rsvp.conf-macro.output-inline {
    width: inherit;
	justify-content: flex-end;
}


span.i_holdingrow_sponsors/* Styling for uploading pictures button */
input[type="file" i]::-webkit-file-upload-button {
  height: 40px;
  widthpadding: 10px inherit20px;
}

span.i_holdingrow_type {
 background: transparent;
  widthborder: inherit !important;
}

select#i_type {
    max-width: unset;
}

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

input#i_endDatevar(--border);
  color: var(--primary-font-color);
  font-size: var(--font-size-xs);
  cursor: pointer;
  text-transform: uppercase;
}
input#i_name {
    max-width: unset100% !important;
}
p.auto-cursor-target {;
    max-width: inheritunset !important;
}

div#select2-drop {
    background: var(--secondary-color) !important;
  input#i_image, input#i_sponsorimage1, input#i_sponsorimage2, input#i_sponsorimage3, input#i_imageOrganizer {
  color: var(--secondaryprimary-font-color);
}
span.conf-macro.output-inline.confiFormsFormBorder {
	border: none   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: var(--primary-font-color);
  font-size!important;
}
.cf-calendar-time {
	display: none !important;
}
div {}

li.select2-search-choice div {
    color: var(--primary-font-color);
}
span.output-inline {
    margin: 5px;
	display: flex;
    flex-direction: column;
}
div#s2id_i_cohosts {
    /*max-width: 285px !important;*/
}
.questionContainer {
    background: var(--fontus-sizetab-xsfill);
    cursorpadding: pointer30px;
  text-transform: uppercase;
}
input#i_name {	width: 80% !important;
    widthmargin: 100% !importantauto;
    maxalign-widthitems: unset !importantcenter;
}
input#i_image, input#i_sponsorimage1, input#i_sponsorimage2, input#i_sponsorimage3, input#i_imageOrganizer {
  color: var(--primary-font-color);
}
.confiFormsFormBorder {
	border: none !important;
}
.cf-calendar-time {
	display: none !important;
}
div {}

li.select2-search-choice div {
    color: var(--primary-font-color);
}
span.output-inline

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 {
    margin: 5px;
	display: flex;
    flex-direction: column;
}
div#s2id_i_cohosts {background: var(--secondary-color);
    /*max-widthopacity: 285px !important;*/
}
.questionContainer {0.75;
    backgroundborder-radius: var(--us-tab-fill)3px;
    paddingborder: 30px1px solid #d1d1d1;
	width    min-height: 80%40px !important;
    margin: auto;
    align-items: center	color: var(--primary-font-color);
	min-width: 100%;
}
   
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.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: var(--secondary-color) transparent !important;
    opacity: 0.75;
    border-radius: 3px;
    border: solid 1px solid #d1d1d1; #ffffff;
}

.jqte_editor, .jqte_source {
    min-height: 40px !importantbackground: var(--secondary-color);
	color: var(--primary-font-color)!important;
	min-width: 100%;
}
   
.ffi input[type="file"]
.jqte_toolbar {
    background: transparent !important;
rgba(300,300,300,0.5);
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
    /* opacity: 0.21; */
    border-radius: 3px;
    border: solid 1px rgba(300,300,300,0.51)0px #ffffff;
}
.desc{
	object-fit: contain;

#i_holdingrow_image label {    font-family: Raleway;
    font-size: 11px;
    backgroundfont-weight: transparent !importantbold;
    opacityfont-stretch: 0.75normal;
    borderfont-radiusstyle: 3pxnormal;
    borderline-height: solid 1px #ffffff;
}

.jqte_editor, .jqte_source {1.91;
    letter-spacing: 0.6px;
    backgroundcolor: var(--primary-secondaryfont-color);
}
.questionwrapper {
	color: var(--primary-font-color)!important;
}

.jqte_toolbarheight: auto !important;
}
#entryNameInput {
	flex-direction: column;
}
#entryCountry {
	flex-direction: column;
}
#entryRound {
	flex-direction: column;
}
div#entryType {
    backgroundflex-direction: rgba(300,300,300,0.5)column;
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_labeldiv#entrySponsors {
    /* opacityflex-direction: 0.21; */column;
}

div#entryEndTime {
    borderflex-radiusdirection: 3px;column;
}

div#entryStartTime {
    borderflex-direction: solid 0px #ffffffcolumn;
}
div.descentryInput {
	objectflex-fitdirection: containcolumn;
}
    font-family: Raleway;
    font-size: 11px;#entrySummary {
	flex-wrap: wrap;
}

div#action-errors-confiform {
    font-weightbackground: boldrgba(0,0,0,0.5);
    font-stretchborder: normalnone;
    fontborder-styleradius: normal9px;
    line-heightpadding: 1.91;
25px    letter-spacing: 0.6px25px !important;
    color: var(--primary-font-color);
}
.questionwrapper {
	height: autowidth: 80% !important;
}
#entryNameInput {
	flex-direction: column;
}
#entryCountry {
	flex-direction: column;
}
#entryRound {
	flex-direction margin: column;
}
div#entryType {auto;
    flexalign-directionitems: columncenter;
}

div#entrySponsors#action-errors-confiform ul li {
    flex-directioncolor: column;
}

div#entryEndTime {
var(--primary-font-color);
    flexfont-directionsize: column;
}

div#entryStartTime {
var(--font-size-m);
     flex-direction: columnpadding: 5px 0px;
}

div.entryInput.aui-message::after {
	flex-direction    display: column;
}
#entrySummary {
	flex-wrap: wrap;none;   
}

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@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%;
	}

	.questionContainer.saveFormContainer .my-button {
		paddingmargin: 12px0 auto;
		widthdisplay: 88% !importantflex;
		text-align: center;
		marginalign-items: 0 auto !importantcenter;
		justify-content: space-around;
	}

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

	span.conf-macroquestionwrapper.outputquestion-inline {
		width: 100%;
		margin: 7px 0px mobile {
		display: flex;
		align-self: flex-start;
		margin-left: 6%;
	}
	div#entryStartTime .questionwrapper.question-mobile {
		height: auto !important;
	}

	.confiFormsFormContentdiv#entryEndTime .questionwrapper.question-mobile {
		paddingheight: auto 0px!important;
	}

	input#i_sponsors.fileUploadContainer {
		maxmin-width: 100% !IMPORTANT;
		width: 100%95%;
	}

	div#orguploaddiv#entrySponsors {
		marginwidth: 15px 0 0 0px100% !important;
	}
}

	a#saveFormButtondiv#main-content {
		margin: 0 auto;
		width: 100%;
	}

	.saveFormContainer    background: unset;
}

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

	.saveFormContainer {
		width: 100%
    font-family: Arimo;
}

.questionContainer{
    background: var(--primary-color);
    /* font-family: Arimo !important; */
}

.questionContainer input {
    background: white !important;
	}

	.questionwrapper.question-mobile {
		display: flex;
		align-self: flex-start;
		margin-left: 6%;
	}
	div#entryStartTime .questionwrapper.question-mobile {
		height: autoform.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container .select2-choices {
    background: white;
    opacity: unset;
}

.jqte_editor, .jqte_source {
    background: white;
}

div#select2-drop {
    background: var(--primary-color) !important;
	}
	div#entryEndTime .questionwrapper.question-mobile {
		height: auto !important;
	}
	

.aui-select2-drop .select2-results .select2-highlighted {
    background: var(--secondary-color);
}

.fileUploadContainer {
		min-width    background: 95%white;
	}

	div#entrySponsorsp.templateDownload {
		width    background: 100% !important;
	}white;
}
</style>

<script>
if (AJS.params.remoteUser === '') {
	window.location.replace("/display/AE/ASHK+Events+Home");
}
</script>

...