Page tree

European Commission Digital

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Content Layer
id245657828
classsecondary-nav
Content Column
width100%
id245657829
Content Block
id245657830
Html-bobswift
<ul>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/x/4ojXGw">Home</a></li>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/x/9IjXGw">Get Started</a></li>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/x/_IjXGw">Services</a></li>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/x/cqzXGw">Documentation</a></li>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/x/6KzXGw">Support</a></li>
</ul>
Content Layer
id245703873
classcef cef-section
Content Column
width100%
id245703874
Content Block
id245703875
Div
classcef-container
Div
classcef-row
teaser-deprecated
Div
classcef-col-12 cef-news
Html-bobswift
<div class="filter-by-nav">

<span>Filter by:</span>

<ul>
<li><a href="https://ec.europa.eu/digital-building-
blocks/sites/display/DIGITAL/All+News+eDelivery">All</a></li>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/News+eDelivery">News</a></li>
<li><a href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/Success+Stories+eDelivery" class="active">Success Stories</a></li>
</ul>

</div>

News Teaser
newsTextshort_excerpt
colorwhite
filterByDatefalse
openLinksInNewWindowfalse
showCreatedDatetrue
spacesSelectedBLOG,DIGITAL
columnsresponsive
News Teaser (Deprecated)
showButtonsfalse
maxResults9
showStatsfalse
spaceslinkCEFDIGITAL, DIGITALtrue
showSpacefalse
showAuthorfalse
showErrorIfNoneshowDatefalse
excerptTypelabelColorshortExcerpt#0049B0
labels+edelivery, +success_stories, +edelivery
layoutcards
showErrortrue
maxResults9
sortOrdercreated desc
promotedFirsttrue
contentTypeblogpost
showCreatorfalse

CSS Stylesheet
/*---eDelivery news page style specific - 1431-1101-20222023---*/
/*----------------------------------------------------*/

.secondary-nav { background-color: #FFF;} 
.cef-section { padding-top:0; padding-bottom:0; background-color: #F0F4F5;}
.brikit-footer-backdrop { background-color: white;}

/*--- MACRO NEWS TEASER FILTER 31-01-2023---*/
/*-----------------------------------------*/   

.filter-by-nav { margin-bottom:1rem;}
.filter-by-nav span { font-weight: bold;}
.filter-by-nav ul { display: inline; padding: 0; list-style-type: none !important;}
.filter-by-nav ul li { display: inline; margin-left:1rem;}
.filter-by-nav ul li a { padding:0.25rem 0.5rem !important; font-weight:normal !important; border:1px solid #003764 !important; border-radius:7px;}
.filter-by-nav ul li a.active, .filter-by-nav ul li a.active:hover, .filter-by-nav ul li a.active:focus { color: #003764 !important; background: #b2dbee !important; border:1px solid #0189C6 !important; cursor: default;}

/*--- MACRO NEWS TEASER 0431-11-202201-2023 BACKUP NOT USED FOR THE MOMENT---*/
/*-----------------------------------------------------------------*/
.cef .cef-news { padding-top:1.5rem; padding-bottom:1.5rem;}  
.cef .cef-news .news-teaser-root > div > div > div {display: inline-block; margin-top:20px; box-shadow:none;}
.cef .cef-news .news-teaser-root .aui-group { display: block; min-height: 450px !important; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
/*LINK*/
.cef .cef-news .news-teaser-root a, .brikit-content-layers .cef .cef-news .news-teaser-root a:link { display: inline-block; margin-bottom:1rem; border:none;}
.cef .cef-news .news-teaser-root a:hover { background-color: white; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root a img { margin-top:2px; padding:2px; line-height:0; outline: 2px solid transparent; outline-offset: 2px; -webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.cef .cef-news .news-teaser-root a:hover img { outline: 2px solid black; filter: brightness(1.52) grayscale(1);}
.cef .cef-news .news-teaser-root a:focus img { outline: 2px solid white;}
.cef .cef-news .news-teaser-root a h2 { display: inline; font-size: inherit; font-size:110%; border-bottom:2px solid #003764;}
.cef .cef-news .news-teaser-root a:hover h2 { color:white; background-color: #003764; border-bottom:2px solid transparent;}
/*TEXT CONTENT*/
.cef .cef-news .news-teaser-root .aui-group > div:first-child { padding: 1rem 1rem 0;}
.cef .cef-news .news-teaser-root .aui-group > div:last-child { padding: 1rem 1rem 1rem;}
.cef .cef-news .news-teaser-root .aui-group > div:first-child a,
.cef .cef-news .news-teaser-root .aui-group > div:last-child a,
.cef .cef-news .news-teaser-root .aui-group > div:last-child p { margin-bottom: 0;} 
.cef .cef-news .news-teaser-root > div > div > div { margin-top: 0; margin-bottom: 1rem;}
.cef .cef-news .news-teaser-root > div > div > div span { display:block; margin-top:1rem;}  
.cef .cef-news .news-teaser-root .aui-group span { font-size: initial14px; text-transform: uppercase: lowercase;}
.cef .cef-news .news-teaser-root .aui-group span span { display: inline;}
.cef .cef-news .news-teaser-root .aui-group [id^="entry"], .cef .cef-news .news-teaser-root .aui-group [id^="entry"] span { font-size: 1rem; text-transform: initial; color: #003764 !important;}
/*SHOW LOAD MORE*/
.cef .cef-news .news-teaser-root > div > div:last-child { display:block;}

@media screen and (max-width: 600px) {
	.cef .cef-news .news-teaser-root > div > div > div  { position:relative !important; width: auto !important; left: auto !important; top: auto !important;}
	.cef .cef-news .news-teaser-root .aui-group { min-height: auto !important;}
}

/*--- MACRO NEWS TEASER DEPRECATED 1831-1112-2022 BACKUP NOT USED FOR THE MOMENT---*/
/*----------------------------------------------------------------------------*/  
.news-teaser-deprecated { padding-top:1.5rem; padding-bottom:1.5rem;} 
.news-teaser-deprecated .newsteaser-entry { display: inline-block; margin-top:0.5rem; box-shadow:none;}
.news-teaser-deprecated .newsteaser-entry .aui-group { display: block; min-height: 425px !important; background-color: white; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
/*LINK*/
.news-teaser-deprecated .newsteaser-entry a, .news-teaser-deprecated .newsteaser-entry a:link { display:inline-block; background-color: transparent !important; border:none !important; }
.news-teaser-deprecated .newsteaser-entry .news-image a img { margin-top:2px; padding:2px; line-height:0; outline: 2px solid transparent; outline-offset: 2px; -webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.news-teaser-deprecated .newsteaser-entry .news-image a:hover img { outline: 2px solid black; filter: brightness(1.52) grayscale(1);}
.news-teaser-deprecated .newsteaser-entry .news-image a:focus img { outline: 2px solid white;}
.news-teaser-deprecated .newsteaser-entry .news-metadata { font-size:1rem !important; text-transform: uppercase;}
#main .brikit-content-layers .news-teaser-deprecated .newsteaser-entry h2 a { display: inline; color: inherit !important; font-size: 1.2rem; }
#main .brikit-content-layers .news-teaser-deprecated .newsteaser-entry h2 a:hover  {  text-decoration: underline !important;}
#main .brikit-content-layers .news-teaser-deprecated .newsteaser-entry p a { font-weight: normal; color: inherit !important;}
#main .brikit-content-layers .news-teaser-deprecated .newsteaser-entry p a:hover { text-decoration: underline !important;}
/*CONTENT*/
.news-teaser-deprecated .newsteaser-entry .aui-group > div:first-child { padding: 1rem 1rem 0;}
.news-teaser-deprecated .newsteaser-entry .aui-group > div:last-child { padding: 1rem 1rem 1rem;}
.news-teaser-deprecated .newsteaser-entry .aui-group > div:first-child a,
.news-teaser-deprecated .newsteaser-entry .aui-group > div:last-child a,
.news-teaser-deprecated .newsteaser-entry .aui-group > div:last-child p { margin-bottom: 0;}

/*--- CLEAN MAIN CSS AND AFTER REMOVE THIS CODE BACKUP NOT USED FOR THE MOMENT---*/
/*------------------------------------------------------------------------------*/    
.news-container .newsteaser-entry{ box-shadow: 0 0px 0px rgba(0,0,0,0); transition: box-shadow .2s ease-in;}
.news-container .newsteaser-entry:hover { box-shadow: 0 0 0 rgba(0,0,0,.25);}
.news-container .news-image{ overflow: hidden; }
.news-container .news-image img{ height: auto !important; object-fit: cover;}
.news-container .newsteaser-entry:hover .news-image img{ opacity: 1; transition-duration: 0.5s; transition-timing-function: ease-out; -webkit-transform: scale(1); transform: scale(1);}
.news-container .newsteaser-entry .aui-group p { display: block;}