Content Layer |
---|
background-repeat | no-repeat |
---|
background-size | cover |
---|
background-image | cef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg |
---|
background-position | top bottom |
---|
id | 813755849 |
---|
class | cef cef-section cef-primary-bg cef-img-parallax |
---|
|
Content Column |
---|
| Content Block |
---|
| Div |
---|
| Div |
---|
| Div |
---|
| HTML |
---|
<h1>
<span class="cef-d-block cef-mb-3 cef-h4 cef-secondary-color">CEF Digital</span>
<span class="cef-d-block cef-mb-2">Events</span>
<span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">Please find information about our events below. <br>All DIGITAL events are free upon registration</span>
</h1>
|
|
|
|
CSS Stylesheet |
---|
/*FRAMEWORK CSS CEF DIGITAL V3 30/03/2021*/
/************************************************************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON BRIKIT CSS ---*/
/**********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMB & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
.first-layer { display
background-image: none !important;
padding: 2rem 0;
} |
|
|
|
content
.first-layer .cef-row .cef-col-6 h1{
margin: 0;
}
.first-layer .cef-row .cef-col-6 h1 span{
margin: 0 !important;
}
.first-layer .cef-row .cef-col-6 h1 span:first-child{
display: none;
}
.first-layer .cef-row .cef-col-6 h1 span:last-child{
display: none;
} |
|
|
|
Content Layer |
---|
background-repeat | no-repeat |
---|
background-size | 80% |
---|
background-position |
---|
|
background-repeat | no-repeat |
---|
background-size | 80% |
---|
background-position | top bottom |
---|
id | 334189128 |
---|
class | cef cef-section cef-grey-light-bg |
---|
|
Content Column |
---|
| Content Block |
---|
| Div |
---|
| Div |
---|
| Div |
---|
class | cef-col-12 cef-slider-event x1-cont |
---|
| News Slider |
---|
buttonsColor | #003764 |
---|
displayTime | 0 |
---|
newsText | excerpt |
---|
color | #FFF |
---|
spacesSelected | DIGITAL |
---|
showStats | false |
---|
link | false |
---|
showSpace | false |
---|
showAuthor | false |
---|
showDate | false |
---|
labels | event-spotlight |
---|
navigation | false |
---|
showError | false |
---|
maxResults | 5 |
---|
sortOrder | lastmodified desc |
---|
width | 100% |
---|
contentType | page |
---|
imageLabels | featured |
---|
bullets | true |
---|
|
|
|
|
|
|
|
Content Layer |
---|
id | 2048633662 |
---|
class | cef cef-section |
---|
|
Content Column |
---|
| Content Block |
---|
| Div |
---|
| Div |
---|
| Div |
---|
class | cef-col-12 cef-news-event-list x1-cont |
---|
| HTML |
---|
<h2>Upcoming Events</h2> |
News Teaser |
---|
newsText | excerpt |
---|
color | white |
---|
openLinksInNewWindow | false |
---|
spacesSelected | DIGITAL |
---|
columns | 3 |
---|
showStats | false |
---|
link | false |
---|
showSpace | false |
---|
showAuthor | false |
---|
showDate | false |
---|
labelColor | #0049B0 |
---|
labels | event-list |
---|
layout | list |
---|
showError | false |
---|
maxResults | 6 |
---|
sortOrder | lastmodified |
---|
promotedFirst | true |
---|
contentType | page |
---|
imageLabels | featured |
---|
|
|
|
|
|
|
|
Content Layer |
---|
id | 656114693 |
---|
class | cef cef-section |
---|
|
Content Column |
---|
| Content Block |
---|
| Div |
---|
| Div |
---|
| Div |
---|
class | cef-col-12 cef-news-event-list |
---|
| Div |
---|
| News Teaser |
---|
newsText | excerpt |
---|
color | white |
---|
filterByDate | false |
---|
openLinksInNewWindow | false |
---|
showCreatedDate | false |
---|
spacesSelected | DIGITAL,CEFDIGITAL |
---|
columns | 3 |
---|
showStats | false |
---|
link | false |
---|
showSpace | false |
---|
showAuthor | false |
---|
showDate | false |
---|
labelColor | #0049B0 |
---|
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 | News Teaser |
---|
newsText | excerpt |
---|
color | white |
---|
filterByDate | false |
---|
openLinksInNewWindow | false |
---|
showCreatedDate | false |
---|
spacesSelected | DIGITAL,CEFDIGITAL |
---|
columns | 3 |
---|
showStats | false |
---|
link | false |
---|
showSpace | false |
---|
showAuthor | false |
---|
showDate | false |
---|
labelColor | #0049B0 |
---|
labels | event-list-past |
---|
layout | list |
---|
showError | false |
---|
maxResults | 10 |
---|
sortOrder | lastmodified desc |
---|
promotedFirst | true |
---|
contentType | page |
---|
imageLabels | featured |
---|
showCreator | false |
---|
|
|
|
---|
|
|
|
CSS Stylesheet |
---|
.ev-summary div[class^="sc-"]{
display: none;
}
.ev-summary.ev-sum-hidden{
display: none;
} |
HTML |
---|
<script>
window.addEventListener('DOMContentLoaded', () => {
const seeAllBtn = document.querySelector('div[id*="expander"');
const summ = document.querySelector('.ev-summary');
const confmacrox1Cont = document.querySelectorAll('.conf-macro.output-blockx1-cont');
setTimeout(() => {
confmacrox1Cont.forEach(element => {
console.log(element);
const listItems = consoleelement.logquerySelectorAll(element.childNodes)
'.aui-group');
console.log(element.childNodeslistItems.length);
if(element.childNodeslistItems.length < 21){
element.closest('.cef-section').style.display = 'none';
}
});
}, 3000);
seeAllBtn.addEventListener('click', () => {
if(summ.classList.contains('ev-sum-hidden')){
summ.classList.remove('ev-sum-hidden');
}
else{
summ.classList.add('ev-sum-hidden');
}
})
});
</script> |
|
|
|
Content Layer |
---|
Div |
---|
|
Div |
---|
|
divbackground-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 |
---|
|
Content Block |
---|
|
| class | cef cef-section cef-primary-bg cef-img-parallax |
---|
| Content Column |
---|
| Content Block |
---|
| -col-12 HTML |
---|
<h2>Discover our Building Blocks</h2>
|
| Div |
---|
class | cef-row | Div |
---|
| Div |
---|
| Div |
---|
| HTML |
---|
<h2>Discover our Building Blocks</h2>
|
|
|
Div |
---|
| 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 |
---|
| 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/28911254782773384/ico-bdti.png');}
.cef-bb-min.cef-bb-blockchain a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/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/28911254782773384/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/28911254782773384/ico-earchiving.png');}
.cef-bb-min.cef-bb-edelivery a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-edelivery.png');}
.cef-bb-min.cef-bb-eid a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-eid.png');}
.cef-bb-min.cef-bb-einvoicing a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-einvoicing.png');}
.cef-bb-min.cef-bb-esignature a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-esignature.png');}
.cef-bb-min.cef-bb-etranslation a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-etranslation.png');}
.cef-bb-min.cef-bb-oop a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/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;} |
|
|
|