Page History

CSS Stylesheet

 /*-------------------------------------------*/
/*---OOH EVENTS CALENDAR PAGE - 20-10-2022---*/
/*------------------------------------------*/      

/*---INTRODUCTION---*/
#introduction {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/592642240/bg-illu-sigle-home-communication-material-introduction.svg");
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
}

.event {} 
.event .news-teaser-root > div > div > div  { background-color: transparent; box-shadow: none !important;}  
.event .news-teaser-root > div > div > div > div > div { padding:0; box-shadow: 0;}   
.event .news-teaser-root .aui-group > div:first-child { display: none; border:1px solid red;}
.event .news-teaser-root .aui-group > .aui-item + .aui-item { padding-left: 0 !important;}  

.col-container { display: flex; justify-content: space-between; align-items: center !important;}
.col-first { width: 35%;}
.col-first img { max-width: 100%; height: auto; border-radius: 12px;}
.col-second { width: 60%;}

.news-teaser-root h2 { display: none;}
.news-teaser-root h3 { font-size:20px;}
.news-teaser-root h3 span { display: block; font-size: 1rem; line-height: 1; color: #5D24A4;}
.news-teaser-root p.date { margin-bottom:0.5rem;}
.news-teaser-root p.event-cta { margin-bottom:0; text-align: right;}

Div

id	introduction
class	section

Div

class	container

Div

class	cols

Div

class	col-8 event

Html-bobswift

<h1 class="h2">Events calendar</h1>
<p>Register for webinars and other events exploring the benefits of the Once-Only Technical System and its development</p>
<h2 class="h3">Upcoming events</h2>
<p>Browse upcoming events</p>

News Teaser

filterStartDate
newsText	excerpt
color	white
showCreatedDate	false
columns	responsive
showStats	false
link	false
showDate	false
showError	false
maxResults	10
promotedLabel
contentType	page
imageLabels
showCreator	false
filterByDate	false
openLinksInNewWindow	false
spacesSelected	@self
showSpace	false
showAuthor	false
labelColor	#0049B0
timeFrame
filterEndDate
labels	ooh-upcoming-events
layout	list
sortOrder	lastmodified desc
promotedFirst	true
cql

Div

class	section

Div

class	container

Div

class	cols

Div

class	col-8

Html-bobswift
<h2 class="h3">Revisit passed events</h2> <p>Browse past events</p>

Page tree

Versions Compared

Old Version 14

New Version 15

Key