Event calendar

...

Content Layer

id	656114693
class	cef cef-section

Content Column

width	100%
id	656114695

Content Block

id	656114698

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12 cef-news-event-list

HTML
<h3>Past Events</h3>

Div

class	ev-summary

News Teaser

3filterEndDatecql

filterStartDate	newsText	excerpt
color	white
showCreatedDatefilterByDate	false	columns
openLinksInNewWindow	showStats	false
linkshowCreatedDate	false
showDatespacesSelected	false
showError	false
DIGITAL,CEFDIGITAL
columnsmaxResults	3	promotedLabel
contentType	page
imageLabels	featured
showCreatorshowStats	false
filterByDatelink	false
openLinksInNewWindowshowSpace	false
spacesSelected	DIGITAL,CEFDIGITAL
showAuthor	showSpace	false
showAuthorshowDate	false
labelColor	#0049B0	timeFrame
labels	event-list-past
layout	list
showError	false
maxResults	3
sortOrder	lastmodified desc
promotedFirst	true
contentType	page
imageLabels	featured
showCreator	false

Expand

title	See all

filterStartDate

News Teaser

timeFramecql

promotedLabel
newsText	excerpt
color	white
showCreatedDatefilterByDate	false
columns	3
showStatsopenLinksInNewWindow	false
linkshowCreatedDate	false
showDatespacesSelected	falseDIGITAL,CEFDIGITAL
showErrorcolumns	false3
maxResults	10
showStats
contentType	page
imageLabels	featured
showCreator	false
filterByDatelink	false
openLinksInNewWindowshowSpace	false
spacesSelected	DIGITAL,CEFDIGITAL
showSpaceshowAuthor	false
showAuthorshowDate	false
labelColor	#0049B0	filterEndDate
labels	event-list-past
layout	list
showError	false
maxResults	10
sortOrder	lastmodified desc
promotedFirst	true
contentType	page
imageLabels	featured
showCreator	false

HTML
<script> window.addEventListener('DOMContentLoaded'), () => { const seeAllBtn = document.querySelector('[id^="expander"]'); console.log(seeAllBtn); } </script>

Content Layer

background-repeat	no-repeat
background-size	cover
background-image	cef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg
id	347532780
class	cef cef-section cef-primary-bg cef-img-parallax

Content Column

width	100%
id	347532789

Content Block

id	347532796

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Discover our Building Blocks</h2>

Div

class	cef-row

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-blockchain"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/ebsi/">Blockchain (EBSI)</a> </div>

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-edelivery"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eDelivery">eDelivery</a> </div>

Div

class	cef-row

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-eid"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eID">eID</a> </div>

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-einvoicing"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eInvoicing">eInvoicing</a> </div>

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-esignature"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eSignature">eSignature</a> </div>

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-oop"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS">Once Only Principle</a> </div>

CSS Stylesheet

/*--CEF BB FAMILY MIN--*/
/*--------------------*/ 
.cef-bb-min {padding-top:100px;}
.cef-bb-min a, .brikit-content-layers .cef .cef-bb-min a:link { display:inline-block; border-color:transparent;}
.cef-bb-min a, .brikit-content-layers .cef .cef-bb-min a {position: relative; margin-bottom:0; font-weight: bold;}
.cef-bb-min a::before { top:-90px;}
.cef-bb-min a::before {content:''; position: absolute; height: 75px; width: 75px; background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773384/ico-bdti.png'); background-repeat: no-repeat; background-size: cover;}

.cef-bb-min.cef-bb-big-data a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-bdti.png');}
.cef-bb-min.cef-bb-blockchain a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-blockchain.png');}
.cef-bb-min.cef-bb-context-broker a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-context-broker.png');}
.cef-bb-min.cef-bb-earchiving a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-earchiving.png');}
.cef-bb-min.cef-bb-edelivery a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-edelivery.png');}
.cef-bb-min.cef-bb-eid a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-eid.png');}
.cef-bb-min.cef-bb-einvoicing a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-einvoicing.png');}
.cef-bb-min.cef-bb-esignature a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-esignature.png');}
.cef-bb-min.cef-bb-etranslation a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-etranslation.png');}
.cef-bb-min.cef-bb-oop a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-oop.png');}

/*--CEF BB FAMILY MIN HACK LINK--*/
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link), 
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):visited, 
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):active,
.brikit-content-layers .cef .cef-bb-min a {color: white; border-color:transparent !important;}
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):hover { color: #003764;}

Page tree

Versions Compared

Old Version 8

New Version 9

Key