Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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: top right;
background-repeat: no-repeat;
background-size: 100%;
}

div[class^="newsteaser-entry-"] { position:relative !important; border:1px solid black;}

.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: 55%;}

.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;}

.revisit-passed-events { margin-top: 7.5rem; border:1px solid red;} 

/*
.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;}
*/  

/*
div[class^="newsteaser-entry-"] { margin:0 !important; padding:0 !important;}
div[class^="newsteaser-entry-"] .aui-group .aui-item div[id^="entry-"] > p:first-child { display: none;}
div[class^="newsteaser-entry-"] .aui-group .aui-item div[id^="entry-"] > p:last-child { display: none;}
*/  

/*
.aui-item { display: block !important; margin: 0 0 2rem 0; padding:0; border:1px solid red;}
*/
Div
idintroduction
classsection
Div
classcontainer
Div
classcols
Div
classcol-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
newsTextexcerpt
colorwhite
showCreatedDatefalse
columns1
showStatsfalse
linkfalse
showDatefalse
showErrorfalse
maxResults10
promotedLabel
contentTypepage
imageLabelsno-image
showCreatorfalse
filterByDatefalse
openLinksInNewWindowfalse
spacesSelected@self
showSpacefalse
showAuthorfalse
labelColor#0049B0
timeFrame
filterEndDate
labelsooh-upcoming-events
layoutcardslist
sortOrderlastmodified desc
promotedFirsttrue
cql

...