Anti-Adblock

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Anti-Adblock</title>
  <style type='text/css'>
  @import url('https://fonts.googleapis.com/css?family=Changa');
  @-webkit-keyframes Gradient {
   0% {
    background-position: 0% 50%
   }
   50% {
    background-position: 100% 50%
   }
   100% {
    background-position: 0% 50%
   }
  }
  @-moz-keyframes Gradient {
   0% {
    background-position: 0% 50%
   }
   50% {
    background-position: 100% 50%
   }
   100% {
    background-position: 0% 50%
   }
  }
  @keyframes Gradient {
   0% {
    background-position: 0% 50%
   }
   50% {
    background-position: 100% 50%
   }
   100% {
    background-position: 0% 50%
   }
  }
  .adblockInfo{width:100%;height:100%;position:fixed;top:0;left:0;z-index:900;display:none}
  .adblockInfo.is-active{display:block}
  .adblockInfo__container{top: calc(50% - 40%); max-width: 350px; font-size: 16px; text-align: center; box-shadow: 0 6px 5px -5px rgba(0,0,0,.5); margin: 0 auto;font-family: 'Changa', cursive;}
  .adblockInfo__container,.adblockInfo__title{position:relative;z-index:10}
  .adblockInfo__title{padding:1em 2em;font-size:1.2em;margin:0}
  .adblockInfo__text{padding: 1em; font-size: 1em; line-height: 2; text-align: center;}
  .adblockInfo__cover__img { width: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(255,255,255,0.5); top: 65%; position: relative; z-index: 99;}
  @media (max-width:500px){.adblockInfo__container{left:0;right:0;width:100%}}
  .adblockInfo {
      background: rgba(0, 0, 0, 0.95);
  }
  h3.adblockInfo__title { margin-top: 10px; }
  .adblockInfo__title,
  .adblockInfo__container {
      background: #fff;
  }
  .adblockInfo__cover { position: relative; background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; height: 200px; }
  .adblockInfo__title {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.75);
  }
  .adblockInfo__text {
      color: #524e4e;
  }
  .bottom { line-height: 3em; }
  .ar1web-social {position: relative; margin: 0 auto; padding: 0 0 0 0;} .ar1web-social li { display: inline-block; margin:0; line-height: 16px; }.ar1web-social li a { color:#fff; position: relative; z-index: 98; font-size: 19px; display: block ; text-align: center; } .twitter-icon:before { content:"\f099" } .gpluss-icon:before { content:"\f16d" } .facebook-icon:before { content:"\f09a" } .rss-icon:before { content:"\f09e" } .social-tooltip.tw, .social-tooltip.fb, .social-tooltip.yt, .social-tooltip.rs, .social-tooltip.wp, .social-tooltip.gp { color: #0099CC;padding: 4px 6px;}
  .social-tooltip.tw { color: #44C3F9;}
  .social-tooltip.wp { color: #5CCC19; }
  .social-tooltip.gp { color: #c93ce2; }
  .social-tooltip.fb { color: #086A8C; } .social-tooltip.yt{color: #FF2F37;} .ar1web-social .social-tooltip:hover:after{ top: -36px; background: none repeat scroll 0% 0% #FFF; font-size: 14px; color: #666; content: attr(title); display: block; right: 0px; padding: 5px 15px; position: absolute; white-space: nowrap; border-radius: 3px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
  .ar1web-social .social-tooltip:hover { color: #F8A01B;text-decoration: none; }
  }
  </style>
</head>

<body>

<h1> Show Text Test </h1>
  <div class='adblockInfo'>
  <div class='adblockInfo__container'>
  <div class='adblockInfo__cover'>
  <img class='adblockInfo__cover__img' src='https://freeiconshop.com/wp-content/uploads/edd/stop-flat.png'/></div>
  <h3 class='adblockInfo__title'>
  تم الكشف عن مانع الإعلانات</h3>
  <p class='adblockInfo__text'>
  الإعلانات تساعدنا في تمويل موقعنا، فالمرجو تعطيل مانع الإعلانات وساعدنا في تقديم محتوى حصري لك.
  شكرًا لك على الدعم ❤️
  </p>
  </div>
  </div>

<script>//<![CDATA[
function adBlockDetected(){function e(e,c){return e.classList?e.classList.contains(c):!!e.className.match(new RegExp("(\\s|^)"+c+"(\\s|$)"))}function c(c,t){c.classList?c.classList.add(t):e(c,t)||(c.className+=" "+t)}function t(c,t){if(c.classList)c.classList.remove(t);else if(e(c,t)){var o=new RegExp("(\\s|^)"+t+"(\\s|$)");c.className=c.className.replace(o," ")}}var o=document.querySelector(".adblockInfo"),s=document.querySelector(".adblockInfo__close");c(o,"is-active"),s.onclick=function(){t(o,"is-active")}}if("undefined"!=typeof fuckAdBlock||"undefined"!=typeof FuckAdBlock)adBlockDetected();else{var importFAB=document.createElement("script");importFAB.onload=function(){fuckAdBlock.onDetected(adBlockDetected)},importFAB.onerror=function(){adBlockDetected()},importFAB.integrity="sha256-xjwKUY/NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w=",importFAB.crossOrigin="anonymous",importFAB.src="https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js",document.head.appendChild(importFAB)}
//]]>
</script>
</body>
</html>