Checkout

body, html{overflow:hidden} #JsEnable {display:none} /* Enable Javascript Popup by key2blogging */ #Key2bloggingNoscript {border:2px solid red;background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;} #Key2bloggingNoscript img {width:100px; height:100px} #Key2bloggingNoscript img path {fill:#fff} #Key2bloggingNoscript .isiNoscript{background-color:#34495E;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:key2BloggingWobble .5s; -moz-animation: key2BloggingWobble .5s; -webkit-animation:key2BloggingWobble .5s; -o-animation:key2BloggingWobble .5s} #Key2bloggingNoscript .isiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);} #Key2bloggingNoscript .isiNoscript h4, #Key2bloggingNoscript .isiNoscript .JSEnable{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:500;margin-bottom:20px} body{ opacity:0.3; } .container1 { position: fixed !important; left: 50% !important; right: 0; top: 50%; bottom: 50%; border:2px solid red; } .image { display: block; width: 100%; height: auto; } /*.overlay {*/ /* position: fixed;*/ /* top: 20;*/ /* bottom: 0;*/ /* left: 50;*/ /* right: 0;*/ /* height: 100%;*/ /* width: 100%;*/ /* opacity: 0;*/ /* transition: .7s ease;*/ /* background-color: #339c57;*/ /*}*/ .overlay1 { opacity: 1; }

body, html{overflow:hidden;opacity:0.9;pointer-events: none;}