Digital

Page tree

European Commission Digital

Versions Compared

Old Version 69

changes.mady.by.user Antonios Kamzelas

Saved on

compared with

New Version Current

changes.mady.by.user Antonios Kamzelas

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
content
Content Layer
background-repeatno-repeat
background-sizecover
background-imagecef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg
background-positiontop bottom
id813755849
classcef cef-section cef-primary-bg cef-img-parallax
Content Column
width100%
id813755850
Content Block
id813755851
Div
classcef-container
Div
classcef-row
Div
classcef-col-6
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 {
    background-image: none !important;
    padding: 2rem 0;
}
.first-layer .cef-row .cef-col-6 h1{
    margin: 0;
}
.first-layer .cef-row .cef-col-6 h1 span:first-child{
    displaymargin: none0 !important;
}
.first-layer .cef-row .cef-col-6 h1 span:lastfirst-child{
    display: none;
}

.first-layer .cef-row .cef-col-6 h1 span:last-child{
    display: none;
}
Content Layer
background-
background-repeatno-repeat
background-size80%
background-positiontop bottom
id334189128
classcef cef-section cef-grey-light-bg
Content Column
width100%
id334189131
Content Block
id334189135
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Highlights</h2>
Div
classcef-col-12 cef-slider-event x1-cont

News Slider
buttonsColor#003764
displayTime0
newsTextexcerpt
color#FFF
spacesSelectedDIGITAL
showStatsfalse
linkfalse
showSpacefalse
showAuthorfalse
showDatefalse
labelsevent-spotlight
navigationfalse
showErrorfalse
maxResults5
sortOrderlastmodified desc
width100%
contentTypepage
imageLabelsfeatured
bulletstrue

...

Content Layer
background-repeatno-repeat
background-sizecover
background-imagecef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg
id347532780
classcef cef-section cef-primary-bg cef-img-parallax
Content Column
width100%
id347532789
Content Block
id347532796
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Discover our Building Blocks</h2>
 our Building Blocks</h2>
<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>cef-row
Div
classcef-row
Div
classcef-row
Div
classcef-col-3 cef-mt-4 cef-secondary-heading-deco
HTML
Div
classcef-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
 Div
classcef-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
classcef-row
 Div
classcef-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
classcef-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
classcef-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;}