Nyheter

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

20.02.2020

De ville ha lite feedback. Fick 10 miljoner visningar.

19.02.2020

Beata Wickbom leder Visual Forum 2020

04.02.2020

Världens första professor inom Exploranation till Norrköping

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

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 */ /* ----------------------------------------- */