x
x
x
x
Only portrait mode is currently supported - please rotate your device.
...
HTML |
---|
<link rel="stylesheet" type="text/css" href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/PassportSmith/eventsDashboardStylesheet_smith.css" /> <style> div#rw_theme_header .program :after { content background: #ffffff !important; } #location-clear-button { display: flex""; position : absolute; z-index position: absolute1; bottom right: 0px0; left cursor : pointer0; pointer-events height: 12pxnone; background-image : width: 12px;linear-gradient(to bottom, margin: 12px 10px; } /* Page Title */ .general-text-container { display: flex; flex-direction: column;rgba(255,255,255, 0), width: 40%; padding: 100px 0px 0px 31px !important; } /* My Events Container */ #my-events-container { display: none; } /* Event Date */ .bigTimeContainer rgba(255,255,255, .9) 100%); width : 100%; height : 2em; } div#rw_theme_header { heightbackground: #ffffff auto!important; } width: 54px#location-clear-button { display: flex; backgroundposition: whiteabsolute; box-shadowright: 1px 2px 11px 0 rgba(0, 0, 0, 0.12)0px; cursor: pointer; displayheight: flex12px; flex-directionwidth: column12px; margin: 12px 10px; } /* justify-content: space-evenly;Page Title */ .general-text-container { align-itemsdisplay: centerflex; paddingflex-bottomdirection: 5pxcolumn; borderwidth: solid40%; 1px #979797; } .bigTimeDate { color: var(--primary-font-color); font-size: 25px; } .bigTimeMonth padding: 100px 0px 0px 31px !important; } /* My Events Container */ #my-events-container { display: none; } /* Event Date */ .bigTimeContainer { font-sizeheight: 14pxauto; width: 100%54px; displaybackground: flexwhite; justifybox-content: centershadow: 1px 2px 11px 0 rgba(0, 0, 0, 0.12); backgrounddisplay: #1f2833flex; colorflex-direction: var(--secondary-font-color) !important; } column; /* Event Program Card Stylingjustify-content: space-evenly; */ .program span { backgroundalign-items: transparent !importantcenter; colorpadding-bottom: var(--primary-font-color) !important; font-weight: 100; font-size: 14px !important5px; border: solid 1px #979797; } .programbigTimeDate { color: var(--primary-font-color) !important; font-familysize: unset !important;25px; } .bigTimeMonth { font-size: 14px !important; text-alignwidth: start100%; margin-leftdisplay: 16pxflex; margin-top justify-content: 10pxcenter; overflow-y: auto background: var(--secondary-color); heightcolor: auto; var(--secondary-font-weight: normalcolor) !important; } br { /* Event Program Card display: none; } Styling */ .program h1span { marginbackground: 0transparent !important; color: var(--primary-font-color) !important; font-sizeweight: 14px100; } .program .p1 { font-size: 14px !important; } .program div { color: var(--primary-font-size:color) 14px !important; font-weightfamily: normalunset !important; } / * Location search bar */ .wiki-content #events-search-container { font-size: 14px !important; mintext-widthalign: 280pxstart; widthmargin-left: 25%13px; maxmargin-widthright: 320px13px; } #location-search-container img { margin-top: 10px; overflow-y: auto; positionheight: relative !importantauto; left font-weight: 0px !importantnormal; height: 12px !important; padding-bottom: 14px; } br { widthdisplay: 12px !importantnone; } .program h1 { margin: 0; opacity: 0.7; cursor: pointercolor: var(--primary-font-color) !important; font-size: 14px; } #location-search-container img:hover.program .p1 { filter: invert(62%) sepia(80%) saturate(588%) hue-rotate(349deg) brightness(98%) contrast(94%)font-size: 14px !important; } .wiki-content #location-searchbar { background: #1f2833;program div { color: var(--secondary-font-color); box-shadow: none; font-size: 13px; width: calc(100% - 40px); height: 15px; padding: 15px 20px; border: none; } /* Create Event Button */ a.createEventButton { display: none;font-size: 14px !important; font-weight: normal !important; } / * Location search bar */ .wiki-content #events-search-container { boxmin-sizingwidth: border-box280px; transitionwidth: background-color .1s ease-out25%; bordermax-radiuswidth: 3.01px320px; } #location-search-container border-style: solid;img { border-widthposition: relative 1px!important; cursorleft: pointer0px !important; font-familyheight: 12px inherit!important; font-sizewidth: 12px 14px!important; font-variantopacity: normal0.7; font-weight cursor: 400; pointer; } #location-search-container img:hover { filter: invert(62%) sepia(80%) saturate(588%) hue-rotate(349deg) brightness(98%) contrast(94%); } .wiki-content #location-searchbar { background: var(--secondary-color); color: var(--secondary-font-color); 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; 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: 0; padding: 4px 10px; vertical-align: baseline; white-space: nowrap; color: black !IMPORTANT; border-radius: 6px; } .createEventContainer { display: flex; justify-content: flex-end; margin: 10px 26px 0 0; } /* Dashboard Banner */ img.events-dashboard-banner { width: 100%; height: auto; margin-bottom: -20px; } .events-dashboard-banner-container { margin: 0 0 -5px 0; } .countryFilterContainer #cc-placeholder { height: 45px; min-height: 45px; margin: 0px; text-align: left; width: calc(100% - 40px); justify-content: space-between; padding: 0px 20px; cursor: text; position: relative; align-items: center; background: #1f2833 background: var(--secondary-color); border: 1px solid #ddd; box-shadow: none; } .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; right: 0px; } @media screen and (max-width: 640px) { .filtersContainer { justify-content: center; } } </style> |
...
HTML |
---|
<style> .wiki-content .ev-cards-outer-container { 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; } @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 === 'gsvlabssmith-adminsadministrators') { isContentAdmin = true; } } } }); } if(isAdmin || isContentAdmin) { console.log("Showing Create Event Button"); $('.createEventButton').waitUntilExists(() => { $('.createEventButton').show(); }); } </script> |
...
Custom section | ||
---|---|---|
| ||
|
...
Custom section | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
|
HTML |
---|
</span> |
HTML |
---|
</span>div> |
HTML |
---|
<style>
.eventcard .dates {
color: white;
}
.eventcard .attendees {
color: #3ddeed;
}
</style> |
Show If | |||||||||
---|---|---|---|---|---|---|---|---|---|
| |||||||||
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section"> | |||||||||
Custom section | |||||||||
ContainerID | my-watchlist-container | Class | ev-cards-section
|
| -scrollable
|
Show If | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
HTML |
---|
</span> |
HTML | ||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
</div>
| all
|
HTML |
---|
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section"> |
Custom section | ||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||
| ||||||||||||||||||||||||
<style>
.eventcard .dates {
color: white;
}
.eventcard .attendees {
color: #3ddeed;
}
</style> | ||||||||||||||||||||||||
Show If | ||||||||||||||||||||||||
| ||||||||||||||||||||||||
| ||||||||||||||||||||||||
Custom section | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ">||||||||||||||
| ||||||||||||||
|
HTML |
---|
<script>
getMyEvents().then(() => showOrHideScrollButtons(2)getAllEvents(); </script> |
HTML |
---|
</span> |
HTML |
---|
</div> </div> </div> </div> |
...
OneValley