Seleziona una pagina

/* ----------------------------------------- */ /* Slug dell'archivio WordPress: prodotti-liste-archivi: inizio */ /* ----------------------------------------- */ .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align:center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: transperent; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hovereffect .overlay { margin-top:56% !important;} .hovereffect:hover .overlay { background-color: rgba(255, 255, 255); } .hovereffect img { display: block; position: relative; border: 1px solid grey; border-radius:2px; margin-bottom:30px } .hovereffect h5 { text-transform: uppercase; color: #000; text-align: right; position: relative; font-size: 16 px; font-weight:700; padding: 10px; background: rgba(255, 255, 255, 0.7); -wfebkit-transform: translateY(90px); -mfs-transform: translateY(90px); trfansform: translateY(90px); -wfebkit-transition: all 0.4s ease-in-out; trfansition: all 0.4s ease-in-out; } .hovereffect:hover h5 { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); margin:0px; } .hovereffect p.info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-weight: normal; margin: 7px; } .hovereffect:hover p.info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hovereffect p.info:hover { box-shadow: 0 0 5px #fff; } @media screen and (max-width:1000px) { .torna { margin-left: none !important; }} @media screen and (max-width:768px) { .torna { margin-left: none !important; margin-bottom: 20px; } .abbassa {margin-top:22px} } @media screen and (max-width:553px) { .torna2 { margin-top: 40px !important; }} @media screen and (max-width:768px) { h5 {text-align: left !important}} @media screen and (max-width:768px) {.hovereffect h5 { font-size:13px !important;}} /* ----------------------------------------- */ /* Slug dell'archivio WordPress: prodotti-liste-archivi: fine */ /* ----------------------------------------- */