Lightbox Information PB
CODE
×
HTML
<div class='lightbox-info-gds'> <div class='close-icon' tabindex='0'></div> <div class='pagination-pb'><svg class='arrow-left-disabled' xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 32 24" style="position:relative;top:-1px" xml:space="preserve"><style type="text/css">.st0{opacity:0.25;enable-background:new;}</style><path class="st0" d="M11,21.8c0.4,0.4,1.1,0.4,1.4,0c0.4-0.4,0.4-1,0-1.4L5.1,13h24.3c0.6,0,1-0.4,1-1 c0,0,0,0,0,0c0-0.6-0.5-1-1-1c0,0,0,0,0,0H5.1l7.4-7.4c0.4-0.4,0.4-1,0-1.5c-0.4-0.4-1-0.4-1.4,0c0,0,0,0,0,0l-9.1,9.1 c-0.4,0.4-0.4,1,0,1.4c0,0,0,0,0,0L11,21.8z"/></svg><p class='pagination-pb'>001</p><svg tabindex="0" class='arrow-right' xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 32 24" style="position:relative;top:-1px" xml:space="preserve"><path d="M21,2.2c-0.4-0.4-1-0.4-1.4-0.1c-0.4,0.4-0.4,1-0.1,1.4l0,0l7.4,7.4H2.6c-0.6,0-1,0.4-1,1l0,0 c0,0.6,0.5,1,1,1l0,0h24.3l-7.4,7.4c-0.4,0.4-0.4,1,0,1.5c0.4,0.4,1,0.4,1.4,0l0,0l9.1-9.1c0.4-0.4,0.4-1,0-1.4l0,0L21,2.2z"/></svg></div> <a class='text-link-2' href='#' title='zur Geschäftsdetailseite'>2019.RRGR.118</a> <h5>Stiftung des bernjurassischen Forschungs- und Dokumentationszentrums „Fondation Mémoires d’Ici“, St-Imier; Staatsbeiträge 2014-2017; Ausgabenbewilligung, neue wiederkehrende Ausgabe. Mehrjähriger Verpflichtungskredit</h5> <div class='link-pb'><a href="#" class="text-link-2 show-beschluesse">Nur Beschlüsse zeigen</a> <span class="link-arrow"></span></div> </div>
CSS
@media screen and (max-width: 1119px) { div.lightbox-info-gds { padding-right: 20px; padding-bottom: 0px; padding-left: 20px; width: 100%; max-width: 100%; height: auto; } } @media screen and (max-width: 767px) { div.lightbox-info-gds { height: 250px; } } div.close-icon { background-image: url('../img/close-icon.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 24px; height: 24px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } h5 { font-size: 21px; line-height: 25px; font-family: 'Roboto'; font-style: normal; font-weight: 300; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } div.lightbox-info-gds > div.close-icon { position: absolute; top: 42px; right: 28px; } div.lightbox-info-gds > div.pagination-pb { position: absolute; top: 40px; left: 28px; } div.lightbox-info-gds > a.text-link-2 { position: absolute; top: 100px; left: 30px; } div.lightbox-info-gds > h5 { margin-top: 140px; font-size: 16px; } div.lightbox-info-gds > div.link-pb { margin-top: 40px; } div.close-icon:hover, div.close-icon:focus { -webkit-transform: scale(1.68); -ms-transform: scale(1.68); transform: scale(1.68); } @media screen and (max-width: 1119px) { h5 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } div.lightbox-info-gds > div.close-icon { top: 22px; right: 18px; } div.lightbox-info-gds > div.pagination-pb { top: 20px; left: 18px; } div.lightbox-info-gds > a.text-link-2 { top: 80px; left: 20px; } div.lightbox-info-gds > h5 { margin-top: 120px; white-space:normal; } div.lightbox-info-gds > div.link-pb { margin-top: 20px; } } @media screen and (max-width: 767px) { h5 { font-size: 18px; line-height: 21px; } div.lightbox-info-gds > h5 { max-height: 65px; } } div.link-pb > a.text-link-2 { margin-top: 0px; } div.link-pb > span.link-arrow { margin-top: 6px; margin-left: 0px; display: inline-block; } a { color: var(--black); } a:hover, a:focus { color: var(--black); } a.text-link-2 { text-decoration:none; color: var(--black); font-family: 'Roboto'; font-style: normal; font-weight: 300; border-bottom: 1px solid rgba(0,0,0,1); display:inline-block; cursor:pointer; line-height: 125%; vertical-align:top; margin-top: 10px; } a.text-link-2:hover, a.text-link-2:focus { border-bottom: var(--bottom-line-1px-red); }
JS
Lightbox Information PB
Erstellt: 08.07.2021 - 20:30 Uhr
Letzte Änderung: 22.07.2021 - 13:03 Uhr
×
001
2019.RRGR.118
Stiftung des bernjurassischen Forschungs- und Dokumentationszentrums „Fondation Mémoires d’Ici“, St-Imier; Staatsbeiträge 2014-2017; Ausgabenbewilligung, neue wiederkehrende Ausgabe. Mehrjähriger Verpflichtungskredit
Nur Beschlüsse zeigen