• Others complaining of broken CSS/themes/cache is probably because your CSS file has the same error twice, the @-ms-keyframes declarations are both missing the last }. Adding them manually fixed my site’s broken style.

    Please do not update the plugin again unless you fix this, otherwise you’ll break my site again.

    Here’s the corrected style (for version 1.6.5):

    
    /*
     * Exit Popup
     * Exit Popup enabling you to display a modal before a user leaves your website
     *
     * Brontobytes
     * www.brontobytes.com
    */
    #exitpopup-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}#exitpopup-modal .underlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);cursor:pointer;-webkit-animation:fadein 0.7s;animation:fadein 0.7s;z-index:9999}#exitpopup-modal .exitpopup-modal-window{width:500px;height:300px;background-color:#f0f1f2;z-index:9999;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-animation:popin 0.5s;animation:popin 0.5s}#exitpopup-modal .modal-title{font-size:18px;background-color:#252525;color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}#exitpopup-modal h3{color:#fff;font-size:1em;margin:0.2em;text-transform:uppercase;font-weight:500}#exitpopup-modal .modal-body{padding:20px 35px;font-size:0.9em}#exitpopup-modal p{color:#344a5f}#exitpopup-modal .exitpopup-modal-footer{position:absolute;bottom:20px;text-align:center;width:100%}#exitpopup-modal .exitpopup-modal-footer p{text-transform:capitalize;cursor:pointer;display:inline;border-bottom:1px solid #344a5f}@-webkit-keyframes "fadein"{0%{opacity:0;}100%{opacity:1;}}@-ms-keyframes fadein{0% { opacity:0}100%{opacity:1}}@keyframes "fadein"{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes "popin"{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@-ms-keyframes popin{0% { -ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes "popin"{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Broken CSS solution’ is closed to new replies.