Nyheter

NyheterHemsida2017-02-27T17:03:17+01:00

22.01.2020

Vi har ett resultat!

11.12.2019

VR jämför smarta fönster med klassiska markiser

12.11.2019

Anders Ynnerman invald i IEEE Visualization Academy

24.10.2019

Face anti-spoofing methods in face recognition systems

25.09.2019

Visualiseringsteknik berättar historien om Johannisborgs slottsruin – del av stormaktstidens Sverige

10.09.2019

Crash Course lade grunden för utbildning inom visualisering och bildanalys

1 / 7 Nästa

/* ----------------------------------------- */ /* Slug för vy: inlagg - start */ /* ----------------------------------------- */ .wpv-filter-form { margin: 40px 0; } .wpv-filter-form label { display: inline-block; margin: 0 10px 10px 0; padding: 6px 22px 7px; color: #000; font-size: 14px; font-weight: bold; border: 2px solid #bee2e9; background-color: transparent; } .wpv-filter-form label:hover, .wpv-filter-form input[type="radio"]:checked + label:hover { color: #000; border-color: #000; } .wpv-filter-form input[type="radio"]:checked + label { color: #000; background-color: #bee2e9; border-color: #bee2e9; } .wpv-filter-form label { cursor: pointer; } .wpv-filter-form input[type="radio"] { display: none; } @media only screen and (max-width: 1023px) { .wpv-filter-form label { padding: 6px 14px; font-size: 0.8em; } } .post-item { position: relative; height: 315px; width: 62%; float: left; background-color: #000; margin-bottom: 3%; } .post-item-link:nth-child(4n+1) .post-item, .post-item-link:nth-child(4n+4) .post-item { width: 35%; } .post-item .post-item-bg { position: absolute; height: 100%; width: 100%; background-size: cover; background-position: center center; opacity: 0.4; z-index: 1; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .post-item .post-item-bg.video { background-size: 200%; } .post-item-link:hover .post-item .post-item-bg { opacity: 0.6; } .post-item .post-item-date { position: absolute; top: 30px; left: 30px; z-index: 9; } .post-content .post-item h4.post-item-date { margin-top: 0; } .post-item .post-item-content { position: absolute; width: 80%; bottom: 30px; left: 30px; z-index: 9; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .post-item-link:hover .post-item .post-item-content { bottom: 35px; } .post-item .post-item-content h3 { margin-bottom: 0.4em; margin-top: 0; color: #fff; } .post-item .post-item-content .small { margin: 0; color: #bfbfbf; } /* RESPONSIVE */ @media only screen and (min-width: 1024px) { .post-item-link:nth-child(4n+1) .post-item { margin-right: 3%; } .post-item-link:nth-child(4n+4) .post-item { margin-left: 3%; } } @media only screen and (max-width: 1023px) { .post-item, .post-item-link:nth-child(4n+1) .post-item, .post-item-link:nth-child(4n+4) .post-item { width: 100%; float: none; } .post-item .post-item-bg.video { background-size: 110%; } .post-item-link:nth-child(4n+1) .post-item, .post-item-link:nth-child(4n+4) .post-item { background-color: #333; } .post-item-link:nth-child(odd) .post-item { background-color: #2b2b2b; } } @media only screen and (max-width: 425px) { .post-item { height: 320px; } .post-item .post-item-bg.video { background-size: 230%; } .post-item-link:nth-child(odd) .post-item { background-color: #2b2b2b; } } /* PAGINATION */ p.nav { position: relative; top: 40px; text-align: center; } p.nav .page-numbers { font-weight: bold; } p.nav .js-wpv-pagination-previous-link, p.nav .js-wpv-pagination-next-link { position: absolute; padding: 6px 22px 7px; color: #000; font-size: 14px; font-weight: bold; border: 2px solid #bee2e9; background-color: transparent; } p.nav .js-wpv-pagination-previous-link:hover, p.nav .js-wpv-pagination-next-link:hover { color: #000; border-color: #000; } p.nav .js-wpv-pagination-previous-link { left: 0; } p.nav .js-wpv-pagination-next-link { right: 0; } @media only screen and (max-width: 425px) { p.nav .js-wpv-pagination-previous-link, p.nav .js-wpv-pagination-next-link { padding: 0; border: none; } } /* ----------------------------------------- */ /* Slug för vy: inlagg - slut */ /* ----------------------------------------- */