1356
{
"metadata": {
"url": "https://pdexcil.org/style-gallery.css",
"title": "",
"meta_description": "",
"meta_keywords": ""
},
"content": "* {\n margin: 0px;\n box-sizing: border-box;\n}\n\n.thumb_gallery {\n width: 218px;\n height: 150px;\n cursor: pointer;\n}\n\n.thumb_gallery:hover { opacity: 0.8; }\n\n#background_overlay {\n display: none;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0, 0.9);\n z-index: 999;\n overflow: auto;\n}\n\n.container_img {\n position: relative;\n max-width: 1000px;\n max-height: 600px;\n margin: 2% auto;\n animation-name: zoom_image;\n animation-duration: 0.4s;\n}\n\n.con-ac-ar {\n width: 1000px;\n height: 600px;\n position: relative;\n}\n\n.closebtn {\n text-align: right;\n font-size: 2.5em;\n color: rgb(255, 255, 255);\n cursor: pointer;\n}\n\n.activePopUpImg {\n width: 1000px;\n height: 600px;\n padding: 5px;\n background-color: rgb(255, 255, 255);\n border-radius: 5px;\n}\n\n.previousImage, .nextImage {\n color: #fff;\n font-size: 2.5em;\n cursor: pointer;\n opacity: 0;\n width: 80px;\n text-align: center;\n}\n\n.previousImage {\n position: absolute;\n line-height: 600px;\n top: 0;\n left: 0;\n bottom: 0;\n}\n\n.nextImage {\n position: absolute;\n line-height: 600px;\n top: 0;\n right: 0;\n bottom: 0;\n}\n\n.previousImage:hover {\n opacity: 1;\n transition: 0.4s;\n}\n\n.nextImage:hover {\n opacity: 1;\n transition: 0.4s;\n}\n @keyframes \nzoom_image { from {\ntransform: scale(0.5)\n}\n\nto { transform: scale(1) }\n}\n @media screen and (min-width: 650px) and (max-width: 1100px) {\n\n.container_img {\n width: 100%;\n height: 500px;\n}\n\n.con-ac-ar {\n width: 100%;\n height: 500px;\n}\n\n.activePopUpImg {\n width: 100%;\n height: 500px;\n}\n\n.previousImage, .nextImage { line-height: 500px; }\n}\n@media screen and (min-width: 351px) and (max-width: 649px) {\n\n.container_img {\n width: 100%;\n height: 400px;\n}\n\n.con-ac-ar {\n width: 100%;\n height: 400px;\n}\n\n.activePopUpImg {\n width: 100%;\n height: 400px;\n}\n\n.previousImage, .nextImage { line-height: 400px; }\n}\n @media screen and (max-width: 350px) {\n\n.container_img {\n width: 100%;\n height: 300px;\n}\n\n.con-ac-ar {\n width: 100%;\n height: 300px;\n}\n\n.activePopUpImg {\n width: 100%;\n height: 300px;\n}\n\n.previousImage, .nextImage { line-height: 300px; }\n}",
"html": "\n* {\n margin: 0px;\n box-sizing: border-box;\n}\n\n.thumb_gallery {\n width: 218px;\n height: 150px;\n cursor: pointer;\n}\n\n.thumb_gallery:hover { opacity: 0.8; }\n\n#background_overlay {\n display: none;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0, 0.9);\n z-index: 999;\n overflow: auto;\n}\n\n.container_img {\n position: relative;\n max-width: 1000px;\n max-height: 600px;\n margin: 2% auto;\n animation-name: zoom_image;\n animation-duration: 0.4s;\n}\n\n.con-ac-ar {\n width: 1000px;\n height: 600px;\n position: relative;\n}\n\n.closebtn {\n text-align: right;\n font-size: 2.5em;\n color: rgb(255, 255, 255);\n cursor: pointer;\n}\n\n.activePopUpImg {\n width: 1000px;\n height: 600px;\n padding: 5px;\n background-color: rgb(255, 255, 255);\n border-radius: 5px;\n}\n\n.previousImage, .nextImage {\n color: #fff;\n font-size: 2.5em;\n cursor: pointer;\n opacity: 0;\n width: 80px;\n text-align: center;\n}\n\n.previousImage {\n position: absolute;\n line-height: 600px;\n top: 0;\n left: 0;\n bottom: 0;\n}\n\n.nextImage {\n position: absolute;\n line-height: 600px;\n top: 0;\n right: 0;\n bottom: 0;\n}\n\n.previousImage:hover {\n opacity: 1;\n transition: 0.4s;\n}\n\n.nextImage:hover {\n opacity: 1;\n transition: 0.4s;\n}\n @keyframes \nzoom_image { from {\ntransform: scale(0.5)\n}\n\nto { transform: scale(1) }\n}\n @media screen and (min-width: 650px) and (max-width: 1100px) {\n\n.container_img {\n width: 100%;\n height: 500px;\n}\n\n.con-ac-ar {\n width: 100%;\n height: 500px;\n}\n\n.activePopUpImg {\n width: 100%;\n height: 500px;\n}\n\n.previousImage, .nextImage { line-height: 500px; }\n}\n@media screen and (min-width: 351px) and (max-width: 649px) {\n\n.container_img {\n width: 100%;\n height: 400px;\n}\n\n.con-ac-ar {\n width: 100%;\n height: 400px;\n}\n\n.activePopUpImg {\n width: 100%;\n height: 400px;\n}\n\n.previousImage, .nextImage { line-height: 400px; }\n}\n @media screen and (max-width: 350px) {\n\n.container_img {\n width: 100%;\n height: 300px;\n}\n\n.con-ac-ar {\n width: 100%;\n height: 300px;\n}\n\n.activePopUpImg {\n width: 100%;\n height: 300px;\n}\n\n.previousImage, .nextImage { line-height: 300px; }\n}\n"
}
0
x-amz-checksum-crc32:VTeYwQ==