.lb-gallery { width: 100%; } .lb-album { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; } .lb-album .lb-thumb { margin: 1px; position: relative; } .lb-album .lb-thumb-nonvisibile { display: none !important; } /*SE ATTIVA SLIDE MINIATURE*/ .lb-gallery-slide { height: 80px; overflow: hidden; position: absolute; left: 0; background-color: #F3F3F3; } .lb-gallery-slide-freccia { font-family: "Material Icons"; font-size: 20px; cursor: pointer; text-align: center; width: 24px; height: 24px; display: block; margin: auto; -webkit-font-feature-settings: "liga" 1; -moz-font-feature-settings: "liga" 1; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga" 1; word-wrap: normal; position: absolute; bottom: 0; right: 0; z-index: 2; background-color: #ccc; } /**/ #corpo-contenuto-homepage .lb-album .lb-thumb img, #corpo-contenuto-paginainterna .lb-album .lb-thumb img { width: 100% !important; } #corpo-contenuto-homepage .lb-album .lb-thumb .lb-overlay img, #corpo-contenuto-paginainterna .lb-album .lb-thumb .lb-overlay img { width: auto !important; max-width: 100% !important; padding: 0px !important; } .lb-operazioni { background-color: rgba(0,0,0,0.5); text-align: right; position: absolute; width: 100%; z-index: 1; } #corpo-contenuto-homepage .lb-album .lb-thumb .lb-operazioni img, #corpo-contenuto-paginainterna .lb-album .lb-thumb .lb-operazioni img { width: auto !important; max-width: 100% !important; margin-top: 1px; } .lb-album .lb-thumb > .lb-thumbimg, .lb-album .lb-thumb > .lb-thumbimg img { display: block; } .lb-album .lb-thumbimg { overflow: hidden; } .lb-thumbimg img { display: block; width: 100%; height: 100%; padding-top: 0px !important; } .lb-thumbimg-cover { object-fit: cover; } .lb-thumbimg-contain { object-fit: contain; } .lb-overlay { width: 0px; height: 0px; position: fixed; overflow: hidden; left: 0px; top: 0px; padding: 0px; z-index: 99; text-align: center; background: rgba(0, 0, 0 ,0.8); font-family: Arial, Helvetica, sans-serif;; font-size: 16px; z-index: 100000; } .lb-overlay > div { position: relative; color: #fff; width: 100%; } .lb-overlay span.lb-didascalia { height: 39px; overflow: hidden; color: #fff; display: block; } .lb-overlay span.lb-close { background-color: #fff; z-index: 1001; color: #666; position: absolute; top: 40px; font-family: Arial, Helvetica, sans-serif;; font-size: 14px; padding: 5px; line-height: normal; font-weight: bold; text-align: center; text-decoration: none; overflow: hidden; opacity: 0; filter: alpha(opacity=0); /* internet explorer */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ border-radius: 10px; padding-bottom: 3px; left: 50%; transform: translateX(-50%); /*margin-left: 50px;*/ background: rgba(254,254,254,1); background: -moz-radial-gradient(center, ellipse cover, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 96%, rgba(226,226,226,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(254,254,254,1)), color-stop(96%, rgba(219,219,219,1)), color-stop(100%, rgba(226,226,226,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 96%, rgba(226,226,226,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 96%, rgba(226,226,226,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 96%, rgba(226,226,226,1) 100%); background: radial-gradient(ellipse at center, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 96%, rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=1 ); } .lb-overlay img { /*max-width: 100vw !important;*/ max-height: 80vh !important; position: relative; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 7px rgba(0,0,0,0.2); -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; transition: opacity 0.5s linear; border: solid 1px #fff; background-color: #fff; } .lb-prev, .lb-next { position: absolute; top: 0; width: 49%; height: 100%; display: flex; align-items: center; cursor: pointer; } .lb-prev:hover > .material-icons, .lb-next:hover > .material-icons { opacity: 0.5; } .lb-prev .material-icons, .lb-next .material-icons { font-size: 60px; opacity: 0; color:#000000; text-shadow: 2px 0 0 #ddd, -2px 0 0 #ddd, 0 2px 0 #ddd, 0 -2px 0 #ddd, 1px 1px #ddd, -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .lb-prev { left: 0; justify-content: flex-start; } .lb-next { right: 0; justify-content: flex-end; } .lb-contenitoreimmagine { position: relative; display: inline-block; } input[name^="lb-gallery"] { position: absolute; display: none; } .lb-galleriafotografica label { cursor: pointer; } .lb-galleriafotografica input:checked + .lb-overlay { width: auto; height: auto; bottom: 0px; right: 0px; } .lb-galleriafotografica input:checked + .lb-overlay img, .lb-galleriafotografica input:checked + .lb-overlay span.lb-close { opacity: 1; filter: alpha(opacity=99); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; } label[for^="lb-close"] { display: block; padding: 70px 20px 85px 20px; } @media all and (max-width: 999px) { .lb-album { display: block; flex-wrap: unset; } .lb-album .lb-thumb { display: block; width: 100% !important; margin: 5px 0; } .lb-thumbimg { height: auto !important; } .lb-prev .material-icons, .lb-next .material-icons { opacity: 0.5; } } @media all and (min-width: 1000px) { .galleria-a-sinistra .lb-galleriafotografica { display: flex; flex-direction: row-reverse; } .galleria-a-sinistra .lb-galleriafotografica img { padding-top: 0px !important; } .galleria-a-sinistra .lb-gallery { width: 99px; margin-right: 5px; } .galleria-a-destra .lb-galleriafotografica { display: flex; } .galleria-a-destra .lb-galleriafotografica img { padding-top: 0px !important; } .galleria-a-destra .lb-gallery { width: 99px; margin-left: 5px; } }