Page History

...

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>

...

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	announcementcontainer
Class	ev-banner-container

Show If

group	confluence-administrators,judging-administrators

Custom section

CustomCSS	height:none; justify-content:flex-end;
ContainerID	editbuttoncontainer

Custom button

Type	custom-button
FontColor	#000000
Text	Create / Edit Announcements
Url	/display/EV/Events+Dashboard+Announcements

Custom section

ContainerID	announcementcontainer
Class	ev-banner-container

Custom section

CustomCSS	flex-direction: column; width: 100%; max-width: 100%;
ContainerID	announcements-wrapper
Class	ev-banner

ConfiForms PlainView

pageTitle	EV:Events Dashboard Announcements
formName	eventsdashboardannouncements
sort	created 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

...

Content

Space Tools

Versions Compared

Old Version 15

New Version Current

Key