Div | ||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||
|
...
CSS Stylesheet |
---|
/*-----------------------------------------*/ /*---OOH EVENT DETAIL PAGE - 24-10-2022---*/ /*---------------------------------------*/ /*---INTRODUCTION---*/ #agenda .event-detail-introduction-cover { background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png"); background-position: center center; background-repeat: no-repeat; background-size: 100%; } /*---DESCRIPTION---*/ /*---AGENDA---*/ #event-detail-agenda { background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/592642240/bg-illu-sigle-home-communication-material-introduction.svg"); background-position: bottom right; background-repeat: no-repeat; background-size: 100%; } #event-detail-agenda .col-container { display: flex; justify-content: space-between; align-items: center !important; margin-bottom:2.125rem; padding-bottom: 2.125rem; border-bottom:1px solid #E3E6EB;} #event-detail-agenda .col-container:last-child { border-bottom:none;} #event-detail-agenda .col-container .col-first { padding-right:1rem; width: 25%; font-size:18px; color: #001832;} #event-detail-agenda .col-container .col-second { width: 75%;} #event-detail-agenda .col-container .col-second h3 { font-size:18px; font-family: Source Sans Pro SB; } #event-detail-agenda .col-container .col-second h3 span { display: block; margin-bottom:0.75rem; font-size: 1rem; line-height: 1; color: #5D24A4;} #event-detail-agenda .col-container .col-second p:last-child { margin-bottom:0; width: 90%} /*---SPEAKERS---*/ |
Div | |||||||
---|---|---|---|---|---|---|---|
| |||||||
|