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
<!-- REBRAND STYLING -->
<style>
div#editbuttoncontainer {
    background: #f3f1eb;
}

.wiki-content #announcementcontainer {
  background-color: #f3f1eb !important;
}

.wiki-content #announcementcontainer .announcementcard .card-subtitle {
  color: black !important;
}

.wiki-content #announcementcontainer .announcementcard .card-description {
  color: black !important;
}

.wiki-content #announcementcontainer .announcementcard a {
  color: black !important;
  border: none !important;
  border-bottom: 1px solid black !important;
  padding: 0 !important;
  width: auto !important;
}

.wiki-content .ev-cards-section .ev-cards-section-title {
  color: black !important;
}

.change-slide-button {
  border: none !important;
}

div#my-watchlist-container {
  background: #f2b006 !important;
}

div#all-events {
  background: #006920 !important;
}

h2#Dashboard-AllEvents {
  color: white !important;
}

.active, .cdot:hover {
  background-color: #1c662e !important;
}

.wiki-content .ev-search-container {
  background-color: #6797f3 !important;
}

.wiki-content #events-searchbar {
  background: #113867 !important;
  border: 1px solid #113867 !important;
}

.countryFilterContainer {
  border: 1px solid #113867 !important;
}

.countryFilterContainer #country-placeholder {
  background: #113867 !important;
}

#startdate, #enddate {
  background: #113867 !important;
  border: 1px solid #113867 !important;
}

.dateFilter {
  color: #113867 !important;
}

.wiki-content .ev-cards-outer-container {
  padding: 0px !important;
}

.eventcard {
  border: 1px solid #113867 !important;
}

div#my-watchlist-container {
  background: #f2b006 !important;
}

div#all-events {
  background: #006920 !important;
}

h2#CopyofDashboardRebrand-AllEvents {
  color: white !important;
}

#my-watchlist-container #no-watchlist-yet-message {
  background-color: #113867 !important;
}
</style>

...

announcementcontainer
HTML
<style>
.wiki-content .ev-cards-outer-container {
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #f3f1eb;
}
#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;
  }
  .wiki-content .ev-search-container {
    padding-bottom: 45px;
  }
  .countryFilterContainer {
	height: 49px !important;
	min-height: 49px;
  }
  .countryFilterContainer #country-placeholder {
	font-size: 14px;
  }
}
</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>
Custom section
ContainerID
Classev-banner-container
Show If
groupconfluence-administrators,judging-administrators


Custom section
CustomCSSheight:none; justify-content:flex-end;
ContainerIDeditbuttoncontainer

Custom button
Typecustom-button
FontColor#000000
TextCreate / Edit Announcements
Url/display/EV/Events+Dashboard+Announcements


Custom section
ContainerIDannouncementcontainer
Classev-banner-container


Custom section
CustomCSSflex-direction: column; width: 100%; max-width: 100%;
ContainerIDannouncements-wrapper
Classev-banner


ConfiForms PlainView
pageTitleEV:Events Dashboard Announcements
formNameeventsdashboardannouncements
sortcreated DESC
<div class="announcementcard fade">
	<div class="imgalign"> 
		<img class="announcement-image" src="/download/attachments/95587037/[entry.image.asAttachment]"></img>
 	</div>
	<div class="text-encompasser">
		<div class="change-slide-buttons-container">
			<div class="change-slide-button" onclick="plusSlides(-1)"><img src="/download/attachments/81517767/chev-left.png?api=v2" /></div>
			<div class="change-slide-button" onclick="plusSlides(1)"><img src="/download/attachments/81517767/chev-right.png?api=v2" /></div>
		</div>
		<div class="text-container ev-banner-title">
			<p class="card-title">[entry.title] </p>
		</div>
		<div class="text-container">
			<font class="card-subtitle">[entry.subtitle] </font>
		</div>
		<div class="text-container">
			<font class="card-description">[entry.description] </font>
		</div>
		<div class="announcement-links-container">
			<a class="buttonHref" href="[entry.cardLink]" rel="nofollow" target="_blank" onclick="handleEventCardClick(this);" data-cardtype="announcement" data-cardurl="[entry.cardLink]" data-entryid="[entry.id]" data-cardtitle="[entry.title]">
				[entry.cardButtonText]
			</a>
		</div>
	</div>
</div>


Carousel

...

Custom section
ContainerIDupcoming-events-section
Classev-cards-section ev-cards-section-scrollable


HTML
<h2 class="ev-cards-section-title">Upcoming Events</h2>


Custom section
Classscrolling-ev-cards-wrapper


ConfiForms CleanView
filterendDate.convertDate("", "UTC"):>=[now] AND publish:true
messageToShowWhenEmptyNo upcoming events. Check back later!
pageTitleCreate Event
formNamecreateEvent
distinctname
sortstartDate asc






Custom section
ContainerIDmy-watchlist-container
Classev-cards-section ev-cards-section-scrollable


HTML
<h2 class="ev-cards-section-title">My Watchlist</h2>


Custom section
Classscrolling-ev-cards-wrapper


HTML
<div class="conf-macro output-block fullSite" data-hasbody="true" data-macro-name="confiform-cleanview"></div>



...