x
x
x
x
Only portrait mode is currently supported - please rotate your device.
HTML | ||||||
---|---|---|---|---|---|---|
<style> div#mainbody[data-site-id="49"] .program { background-imagedisplay: linear-gradient(top, #67bac0, #67bac0 420px, transparent 420px, transparent 100%) !important;unset; } body[data-site-id="49"] .program a span { background-imagecolor: var(-webkit-linear-gradient(top, #67bac0, #67bac0 420px, transparent 420px, transparent 100%primary-color) !important; /* paddingtext-topdecoration: 50pxunderline; */ } .back-btn-container { width: 90%;body[data-site-id="49"] .program :after { marginbackground: autounset; } .backev-cards-btnsection-containerscrollable .back-btn { color: black; font-family: var(--main-font-family); font-size: 14pxscrolling-ev-cards-wrapper{ padding-top: 15px!important; } div#main { background-image: linear-gradient(top, #67bac0, #67bac0 420px, transparent 420px, transparent 100%) !important; fontbackground-weight: bold; image: -webkit-linear-gradient(top, #67bac0, #67bac0 420px, transparent 420px, transparent 100%) !important; /* line padding-heighttop: 1.07;50px; */ } .pageback-btn-bannercontainer { width: 90%; margin: auto; } .back-btn-container .back-btn { background-image: url(https://passport.theonevalley.com/download/attachments/50559836/banner.jpg);color: black; displayfont-family: flexvar(--main-font-family); height: 450px; background-repeat: no-repeatfont-size: 14px; backgroundfont-sizeweight: coverbold; marginline-topheight: 20px1.07; } .page-banner-content { displaywidth: flex90%; flex-directionmargin: columnauto; margin: auto; } .tabs {background-image: url(https://passport.theonevalley.com/download/attachments/50559836/banner.jpg); display: flex; } .tabs p { marginheight: unset450px; } .banner-content .title p { fontbackground-familyrepeat: Arimono-repeat; fontbackground-size: 57pxcover; fontmargin-weighttop: bold20px; font-stretch: normal; } .banner-content { colordisplay: #dbecf1flex; fontflex-styledirection: normalcolumn; line-heightmargin: 0.7auto; } .tabs { letter-spacing display: 0.32px; flex; } .tabs p { text-align: center; text-transform margin: uppercaseunset; } div#maincontainer .pagebanner-bannercontent .overlaytitle p { displayfont-family: unsetArimo; widthfont-size: 100%57px; displayfont-weight: flexbold; backgroundfont-stretch: blacknormal; opacitycolor: 0.8#dbecf1; } .banner-content { font-style: normal; alignline-itemsheight: center0.7; } .banner-content .tabs .tab { fontletter-familyspacing: Poppins0.32px; fonttext-sizealign: 14pxcenter; text-transform: uppercase; } div#maincontainer .page-banner font-weight: bold;.overlay { colordisplay: #fbbd28unset; border-bottom-width: 3px100%; border-radiusdisplay: 5%flex; cursorbackground: pointerblack; line-heightopacity: 10.71;8; } .banner-content { letteralign-spacingitems: 1.39px; text-align: center; text-transform: uppercase; } #grantees-tab{ border-bottom-style: solid; } .banner-content .tabs .tab { justifyfont-contentfamily: space-betweenPoppins; widthfont-size: 120%14px; marginfont-topweight: 50pxbold; } div.filter-row { widthcolor: 90%#fbbd28; marginborder-bottom-width: auto3px; marginborder-topradius: 50px; } div.filter-row .left {5%; opacitycursor: 0.5; font-family: Arimopointer; font-size: 15.3px; line-height: 1.5771; letter-spacing: 01.5px39px; color text-align: #555555center; width text-transform: 8%uppercase; } .filter-row .right input { display: none#grantees-tab{ border-bottom-style: solid; } .filter-row .right labeltabs { background: rgba(251, 189, 40, 0.2)justify-content: space-between; width: 120%; bordermargin-radiustop: 2px50px; } div.filter-row { borderwidth: 90%; solid 1pxmargin: #fbbd28auto; margin-righttop: 10px50px; } div.filter-row .left { paddingopacity: 0 25px.5; font-family: Arimo; font-size: 15.3px; line-height: 1.57; letter-spacing: 0.5px; cursor color: pointer#555555; } width: 8%; } .filter-row .right input[type="radio"]:checked+label { backgrounddisplay: #fbbd28none; } div.filter-row .right button:focuslabel { outlinebackground: none; } div.cardSectionStyle {rgba(251, 189, 40, 0.2); border-radius: 2px; flex-direction: column; margin-top: 50px; } div.cardSection1{ display: none; } .cardSectionStyle .largeimagewithtextbelow-listmempag img {border: solid 1px #fbbd28; margin-right: 10px; padding: 0 25px; font-family: Arimo; font-size: 15.3px; widthline-height: 50%1.57; heightletter-spacing: auto !important0.5px; cursor: pointer; } .cardSectionStylefilter-row .largeimagewithtextbelow-listmempag right input[type="radio"]:checked+label{ background: unset !important#fbbd28; } div.cardSectionStylefilter-row .largeimagewithtextbelow-listmempag .image-containerright button:focus { borderoutline: solid 1px rgba(51, 51, 51, 0.5)none; } div.cardSectionStyle { flex-direction: column; margin-top: 50px; } div.cardSection1{ display: none; } .cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container .card-title img { paddingwidth: unset50%; height: auto font-size: 16px;!important; } .cardSectionStyle .largeimagewithtextbelow-listmempag { font-weightbackground: boldunset !important; } .cardSectionStyle .largeimagewithtextbelow-listmempag .image-container { line-heightborder: 1 solid 1px rgba(51, 51, 51, 0.5); } .cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container .card-subtitletitle { padding: unset; font-size: 15.3px16px; line font-heightweight: 1.31bold; letterline-spacingheight: 01.5px5; } .cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container .card-subtitle { margin-toppadding: 25pxunset; } </style> | ||||||
Custom section | ||||||
|
HTML |
---|
<div style="width: 92%; margin: auto;">
<img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/All+Stars/horizontal-white-blue-1-x%403x.png" style="width: 140px;"/>
</div>
<div class="back-btn-container">
<a class="back-btn"> < Back</a>
</div>
<div class="page-banner">
<div class="overlay">
<div class="banner-content">
<div class="title">
<p> Events</p>
</div>
</div>
</div>
</div>
|
HTML |
---|
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/js/All+Stars/eventsDashboardScript_ASHK.js"></script> |
font-size: 15.3px;
line-height: 1.31;
letter-spacing: 0.5px;
}
.cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container {
margin-top: 25px;
}
.ov-logo-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.ov-logo-container p.site-tagline {
font-family: Arimo;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: 0.45px;
color: #fffdfd;
width: 80%;
}
.ov-logo-container p.site-tagline .is-bold {font-weight: bold;}
@media only screen and (max-width: 480px) and (min-width: 320px){
.ov-logo-container {
display: flex ;
align-items: flex-start;
flex-direction: column;
}
.ov-logo-container img{
width: 50% !important;
}
div#maincontainer .page-banner .overlay {
position: unset;
visibility: unset;
overflow: unset;
/* opacity: unset; */
height: unset;
transition: unset;
z-index: 10;
}
}
</style> |
Custom section | ||||||
---|---|---|---|---|---|---|
| ||||||
|
HTML |
---|
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/js/All+Stars/eventsDashboardScript_ASHK.js"></script> |
HTML |
---|
<link rel="stylesheet" type="text/css" href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/All+Stars+Helping+Kids/eventsDashboardStylesheet_ASHK.css" />
<style>
.events-search-main #events-search-container img {
filter: unset;
}
#ui-datepicker-div .ui-datepicker-today a {
background: var(--secondary-color) !important;
}
div#ev-main-content {
width: 90%;
margin: auto;
}
.scroll-buttons-container .scroll-button img{
filter: unset;
}
.filtersContainer input {
font-family: var(--main-font-family);
font-size: 15.3px !important;
line-height: 1.57;
letter-spacing: 0.5px;
color: black !important;
}
.scroll-buttons-container .scroll-button {
background: var(--secondary-color);
border-color: var(--secondary-color);
}
div#ev-main-content {
background: unset !important;
}
.bigTimeMonth {
background: var(--secondary-color) !important;
}
.eventcard .title {
color: #052468!important;
}
.program
:after {
content : "";
position : absolute;
z-index : 1;
bottom : 0;
left : 0;
pointer-events : none;
background-image : linear-gradient(to bottom,
rgba(255,255,255, 0),
rgba(255,255,255, .9) 100%);
width : 100%;
height : 2em;
}
div#rw_theme_header {
background: #ffffff !important;
}
#location-clear-button {
display: flex;
position: absolute;
right: 0px;
cursor: pointer;
height: 12px;
width: 12px;
margin: 12px 10px;
}
/* Page Title */
.general-text-container {
display: flex;
flex-direction: column;
width: 40%;
padding: 100px 0px 0px 31px !important;
}
/* My Events Container */
#my-events-container {
display: none;
}
/* Event Date */
.eventcard{
width: 220px!important;
height: 482px!important;
box-shadow: none!important;
}
.eventcard .bottom{
height: 200px!important;
background: transparent;
}
.eventcard .top{
height: 282px!important;
padding: 0!important;
}
.eventcard .img-container{
width: 282px!important;
height: 282px!important;
box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%)!important;
}
.bigTimeContainer {
height: 54px;
width: 54px;
padding-top: 10px;
background: white!important;
box-shadow: 1px 2px 11px 0 rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
/* justify-content: space-evenly; */
align-items: flex-start;
padding-bottom: 5px;
/* border: solid 1px #979797; */
}
.bigTimeDate |
HTML |
<link rel="stylesheet" type="text/css" href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/All+Stars+Helping+Kids/eventsDashboardStylesheet_ASHK.css" /> <style> .events-search-main #events-search-container img { filter: unset; } #ui-datepicker-div .ui-datepicker-today a { background: var(--secondary-color) !important; } div#ev-main-content { width: 90%; margin: auto; } .scroll-buttons-container .scroll-button img{ filter: unset; } .filtersContainer input { font-family: var(--main-font-family); font-size: 15.3px !important; line-height: 1.57; letter-spacing: 0.5px; color: black !important; } .scroll-buttons-container .scroll-button { background: var(--secondary-color); border-color: var(--secondary-color); } div#ev-main-content { background: unset !important; } .bigTimeMonth { background: var(--secondary-color) !important; } .eventcard .title { color: var(--primarysecondary-font-color) !important; } .program :after { content font-size: ""24px; margin: 0 position0 :0 absolute10px; z-index : 1; bottom : 0; left } .bigTimeMonth { font-size: 014px; pointer-events width: none30%; background-image display: linear-gradient(to bottom, flex; justify-content: center; background: white!important; rgba(255,255,255, 0), rgba(255,255,255, .9) 100%); width : 100%; height : 2em; } div#rw_theme_header { background: #ffffffcolor: var(--secondary-font-color)!important; margin: 0 0 0 10px; border-bottom: 1px solid #8eaadb; text-indent: 10px; } /* Event Program Card Styling */ .program span { background: transparent !important; color: var(--primary-font-color) !important; font-weight: 100; font-size: 14px !important; } #location-clear-button { display: flex;.program { positioncolor: absolutevar(--primary-font-color) !important; rightfont-family: unset 0px!important; cursorfont-size: 14px pointer!important; heighttext-align: 12pxstart; widthmargin-left: 12px13px; margin-right: 12px13px; margin-top: 10px; } /* Page Title */ .general-text-container { overflow-y: auto; displayheight: auto; font-weight: flexnormal; flex-direction /* padding-bottom: column14px; width: 40%*/ display: -webkit-box; padding: 100px 0px 0px 31px !important; } /* My Events Container */ #my-events-container { display: none; } /* Event Date */ .eventcard{ width: 282px!important; height: 482px!important; box-shadow: none!important; } .eventcard .bottom{ height: 200px!important; background: transparent; } .eventcard .top{ height: 282px!important; padding: 0!important; } .eventcard .img-container{ width: 282px!important; height: 282px!important; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%)!important; } .bigTimeContainer-webkit-line-clamp: 3; -webkit-box-orient: vertical; } br { display: none; } .program h1 { margin: 0; color: var(--primary-font-color) !important; font-size: 14px; } .program .p1 { font-size: 14px !important; } .program div { font-size: 14px !important; font-weight: normal !important; } / * Location search bar */ .wiki-content #events-search-container { heightmin-width: 54px280px; width: 54px25%; padding-top: 10px; backgroundmax-width: white!important320px; box-shadow: 1px 2px 11px 0 rgba(0, 0, 0, 0.12) } #location-search-container img { position: relative !important; displayleft: 0px flex!important; flex-directionheight: 12px column!important; /* justify-content: space-evenly; */width: 12px !important; align-itemsopacity: flex-start; padding-bottom: 5px; /* border: solid 1px #979797; */0.7; cursor: pointer; } #location-search-container img:hover { filter: invert(62%) sepia(80%) saturate(588%) hue-rotate(349deg) brightness(98%) contrast(94%); } .bigTimeDatewiki-content #location-searchbar { background: var(--secondary-color); color: var(--primarysecondary-font-color); box-shadow: none; font-size: 24px13px; marginwidth: 0calc(100% 0 0 10px; } .bigTimeMonth { font-size: 14px; width: 30%; display: flex- 40px); height: 15px; padding: 15px 20px; border: none; } /* Create Event Button */ a.createEventButton { display: none; justifybox-contentsizing: centerborder-box; transition: background: white!important-color .1s ease-out; color: var(--secondary-font-color) !important; margin: 0 0 0 10px; border-bottom: 1px solid #8eaadb; text-indent: 10px; } /* Event Program Card Styling */ .program span { background: transparent !important; color: var(--primary-font-color) !important; font-weight: 100; font-size: 14px !important; } .program { color: var(--primary-font-color) !important; font-family: unset !important; font-size: 14px !important; text-align: start; margin-left: 13pxborder-radius: 3.01px; border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-size: 14px; font-variant: normal; font-weight: 400; background-image: none; background-color: rgba(9,30,66,0.08); border-color: transparent; color: #344563; text-decoration: none; height: 2.14285714em; line-height: 1.42857143em; margin-right: 13px0; margin-top: padding: 4px 10px; overflow-y vertical-align: autobaseline; heightwhite-space: autonowrap; font-weight: normal; padding-bottom: 14px color: black !IMPORTANT; border-radius: 6px; } br.createEventContainer { display: noneflex; } .program h1 { justify-content: flex-end; margin: 10px 26px 0 0; } /* Dashboard color: var(--primary-font-color) !important;Banner */ img.events-dashboard-banner { font-sizewidth: 14px100%; } .program .p1 { font-size: 14px !importantheight: auto; margin-bottom: -20px; } .program div events-dashboard-banner-container { font-sizemargin: 14px !important; font-weight: normal !important0 0 -5px 0; } / * Location search bar */ .wiki-content #events-search-container.countryFilterContainer #cc-placeholder { min-widthheight: 280px45px; widthmin-height: 25%45px; max-widthmargin: 320px; } #location-search-container img {0px; positiontext-align: relative !importantleft; leftwidth: 0px !importantcalc(100% - 40px); heightjustify-content: 12px !importantspace-between; widthpadding: 12px0px !important20px; opacitycursor: 0.7text; cursor: pointer; } #location-search-container img:hover { filter: invert(62%) sepia(80%) saturate(588%) hue-rotate(349deg) brightness(98%) contrast(94%); } .wiki-content #location-searchbar { position: relative; align-items: center; background: var(--secondary-color); border: 1px color: var(--secondary-font-color)solid #ddd; box-shadow: none; font-size: 13px; width: calc(100% - 40px); height: 15px; padding: 15px 20px; border: none; } /* Create Event Button */ a.createEventButton { display: none; box-sizing: border-box; transition: background-color .1s ease-out; border-radius: 3.01px; border-style: solid; border-width: 1px} .wiki-content .ev-cards-section .ev-cards-section-title { color: #000000 !important; } .wiki-content .ev-cards-outer-container {background-image: unset !important;} .countryFilterContainer { justify-content: center !important; } .custom-section-container{ flex-direction: column !important; } .countryFilterContainer #country-clear-button { position: absolute; cursorright: pointer0px; } @media screen and (max-width: 640px) font-family{ .filtersContainer { justify-content: inheritcenter; } } div#ev-main-content { font-sizebackground: 14px; unset !important; } input#cc-placeholder { font-variantbackground: normalblack; } .filtersContainer div { font-weightbackground: unset 400!important; background-image: none; } .countryFilterContainer #cc-placeholder { background-color: rgba(9251,30 189,66 40, 0.082); border-colorradius: transparent5px; colorborder: #344563; solid text-decoration: none; height: 2.14285714em;1px #fbbd28 ; } #startdate, #enddate { line-heightbackground: 1.42857143emunset; marginborder: 0unset; paddingborder-bottom: 4pxsolid 10px; vertical-align: baseline; white-space: nowrap; color: black !IMPORTANT;1px #ededed; letter-spacing: 3.6px; } .filtersContainer.events-search-main { borderjustify-radiuscontent: 6pxspace-between; } .createEventContainer .wiki-content input#events-searchbar { displaybackground: flexunset; justify-contentborder: flex-endunset; marginborder-bottom: 10pxsolid 26px1px 0 0#ededed; } /* Dashboard Banner */ img.events-dashboard-bannera.imgLinkContainer.eventCardLink {position: unset;} .eventcard .img-container { width: 220px 100%!important; height: auto; margin-bottom: -20px220px !important; } .events-dashboard-banner.eventcard .text-container { marginwidth: 0 0 -5px 0220px; } .countryFilterContainer #cc-placeholdereventcard .top { height: 220px 45px!important; } @media only screen and (min-heightdevice-width : 45px; 320px) and (max-device-width : margin: 0px; text-align: left;480px) { div#additional-filters-button { widthdisplay: calc(100% - 40px); justify-content: space-between;none !important; } div#additional-filters-button { paddingdisplay: 0pxnone 20px!important; } cursor: text;.filtersContainer.events-search-main { positionoverflow: relativeunset; align-itemsheight: centerauto; background: var(--secondary-color); border: 1px solid #ddd; box-shadow: none; }} div#ui-datepicker-div { z-index: 1000 !important; } } </style> |
HTML |
---|
<style> .wiki-content .ev-cards-section .ev-cards-section-titleouter-container { color: #000000 !important; } .wiki-content .ev-cards-outer-container {background-image: unset !important;} .countryFilterContainer { justify-content: center !important; } .custom-section-container{ flex-direction: column !important; } .countryFilterContainer #country-clear-button { position: absolute; right: 0px; } @media screen and (max-width: 640px) { .filtersContainer { justify-content: center; } } div#ev-main-content { background: unset !important; } input#cc-placeholder { background: black; } .filtersContainer div { background: unset !important; } .countryFilterContainer #cc-placeholder background-image: url("https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EWC+2020/gradient-vertical.jpg"); background-size: cover; background-repeat: no-repeat; } #announcements-wrapper > span.conf-macro { height: 100%; } #additional-filters-button { width: 280px; } .zran-event { display: none; } .countryFilterContainer #cc-placeholder { color: black; font-family: var(--main-font-family); font-size: 15.3px; line-height: 1.57; letter-spacing: 0.5px; cursor: pointer; } .countryFilterContainer ul#countryFilter li { backgroundcolor: rgba(251, 189, 40, 0.2black; font-family: var(--main-font-family); borderfont-radiussize: 5px15.3px; borderline-height: solid 1px #fbbd28 ; } #startdate, #enddate { 1.57; backgroundletter-spacing: unset0.5px; border: 1px solid unsettransparent; border-bottomcolor: solid 1px #ededed; letter-spacing: 3.6px; } .filtersContainer.events-search-main { transparent transparent rgba(0, 0, 0, 0.1) transparent; justify-contentcursor: space-betweenpointer; } .wiki-content input#events-searchbarcountryFilterContainer ul#countryFilter { backgroundborder: unset; border: unset; border-bottom: solid 1px #ededed; } </style> |
HTML |
<style> .wiki-content .ev-cards-outer-container/* overflow-y: hidden; */ } .countryFilterContainer:after { position: background-image: url("https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EWC+2020/gradient-vertical.jpg")absolute; top: 20px; right: 10px; width: background-size0; height: cover0; border: 6px background-repeat: no-repeat; } #announcements-wrapper > span.conf-macro { height: 100%; } #additional-filters-button { width: 280px; } .zran-event { display: nonesolid transparent; border-color: black transparent transparent transparent; content: ''; } .countryFilterContainer.select-arrow-active:after { border-color: transparent transparent black transparent; top: 7px; } @media only screen and (max-width: 480px) { .events-search-main { flex-direction: column; align-items: center; height: 75px; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 0px; overflow: hidden; align-self: center; padding-top: 70px; } .wiki-content .ev-search-container { padding-bottom: 45px; } .countryFilterContainer { height: 49px !important; min-height: 49px; } .countryFilterContainer #cc-placeholder { font-size: 14px; } .program { flex-shrink: 7; } } </style> <script> // New Version of Format Date (Asynchronous) async function formatDate2(d) { const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var hh = d.getHours(); var m = d.getMinutes(); var s = d.getSeconds(); var dd = "am"; var h = hh; if (h >= 12) { h = hh-12; dd = "pm"; } if (h == 0) { h = 12; } m = m<10?"0"+m:m; s = s<10?"0"+s:s; var strTime = h+":"+m+" "+dd return strTime + " on " + monthNames[d.getMonth()] + " " + d.getDate(); // return dayNames[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + ", " + strTime; } </script> <script> /* Allow Admins to Create Events */ var isAdmin = false; var userGroups = []; if (AJS.params.remoteUser) { // Group Data jQuery.ajax({ url: "/rest/api/user/memberof?username=" + AJS.params.remoteUser, type: "get", dataType: 'json', async: false, success: function (data) { var res = data.results; for (var i = 0; i < res.length; i++) { var groupName = res[i].name; userGroups.push(groupName); if (groupName === 'confluence-administrators') { isAdmin = true; } if (groupName === 'ashk-admins') { isContentAdmin = true; } } } }); } if(isAdmin || isContentAdmin) { console.log("Showing Create Event Button"); $('.createEventButton').waitUntilExists(() => { $('.createEventButton').show(); }); } </script> |
...
HTML |
---|
<script>
/*window.addEventListener('load', () => {
document.getElementById("cc-placeholder").disabled = false;
});*/
$('.countryFilterContainer').click(()=>{
$('.countryFilterContainer')[0].classList.toggle("select-arrow-active");
})
</script> |
Custom section | |||||||
---|---|---|---|---|---|---|---|
| |||||||
|
...
OneValley