Tidigare event

Tidigare eventHemsida2018-09-19T14:25:33+02:00

06
mar

Frukost: Så bygger du interaktiva 3D-verktyg till din hemsida eller kundportal

1 / 13 Nästa

/* ----------------------------------------- */ /* Slug för vy: events-passerade - 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; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; } .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; } } .event-item { position: relative; height: 315px; width: 48.5%; float: left; background-color: #000; margin-bottom: 3%; } .event-item .event-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; } .event-item-link:hover .event-item .event-item-bg { opacity: 0.6; } .event-item .event-item-info { position: relative; z-index: 9; } .event-item h3 { color: #fff; } /* RESPONSIVE */ @media only screen and (min-width: 1024px) { .event-item-link:nth-child(odd) .event-item { margin-right: 3%; } } @media only screen and (max-width: 1023px) { .event-item { width: 100%; float: none; } } @media only screen and (min-width: 426px) { .event-item .event-item-info { top: 20px; left: 20px; height: 70px; overflow: hidden; } .event-item .event-date { position: relative; float: left; } .event-item h3 { position: absolute; width: 65%; left: 90px; top: 50%; margin: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } } @media only screen and (max-width: 425px) { .event-item { height: 250px; text-align: center; } .event-item .event-date { display: inline-block; margin-top: 40px; } .event-item h3 { margin-top: 30px; padding: 0 20px; } } /* 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: events-passerade - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: content-template-for-banner-segment - start */ /* ----------------------------------------- */ /* css in theme options*/ /* ----------------------------------------- */ /* Innehållsmall: content-template-for-banner-segment - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: content-template-for-event-date-segment - start */ /* ----------------------------------------- */ .event-date { width: 70px; height: 70px; padding: 16px 0; border: 2px solid #fff000; color: #fff000; font-weight: bold; text-align: center; line-height: 18px; } .event-date .day { font-size: 30px; } .event-date .month { font-size: 16px; text-transform: lowercase; } /* ----------------------------------------- */ /* Innehållsmall: content-template-for-event-date-segment - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: content-template-for-share-box-horizontal - start */ /* ----------------------------------------- */ /*--- SHARE BOXE HORIZONTAL ---*/ .share.horizontal { overflow: hidden; font-size: 0.9em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .share.horizontal p, .share.horizontal h4 { margin-bottom: 0; } .share.horizontal h4 { float: left; margin-top: 3px; margin-right: 20px; } .share.horizontal p { float: right; margin-left: 20px; } .share.horizontal a { display: block; border-bottom: none; } .share.horizontal a .fa { margin-right: 8px; } @media only screen and (max-width: 425px) { .share.horizontal, .share.horizontal h4 { text-align: center; } .share.horizontal h4, .share.horizontal p { float: none; margin-left: 0; margin-right: 0; } .share.horizontal p { display: inline-block; margin-top: 10px; margin-right: 6px; } } /* ----------------------------------------- */ /* Innehållsmall: content-template-for-share-box-horizontal - slut */ /* ----------------------------------------- */

En medicinsk digital tvilling. Hur och varför?

Explore the Park

Frukost: Prevas visar vägen mot hållbar produktion

LiU Game Conference

Lyft Din verksamhet med visualisering, bildanalys och datorseende!

Frukost: Så bygger du interaktiva 3D-verktyg till din hemsida eller kundportal

Dela gärna!