API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 26th, 2017
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.09 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.  
  5.     <link rel="icon" type="image/png" href="../v2/img/favicon.png" />
  6.     <title>Purchase Blocked</title>
  7.     <link rel="icon" type="image/png" href="img/favicon.png" />
  8.     <meta charset="utf-8">
  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.       <meta name="msapplication-tap-highlight" content="no">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  13.     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  14.  
  15.    
  16.  
  17.   <style type="text/css">
  18.  
  19.     a{
  20.       font-weight: bolder;
  21.       color: #2196f3;
  22.     }
  23.  
  24.     body{
  25.  
  26.       background:url(http://arrowalts.fr/images/demo/backgrounds/bbg.gif) no-repeat center center fixed;
  27.       -webkit-background-size: cover;
  28.       -moz-background-size: cover;
  29.       -o-background-size: cover;
  30.       background-size: cover;
  31.     }
  32.  
  33.     .alert{
  34.       background-color: #212121;
  35.       color: white;
  36.       width: 80%;
  37.       height: 70%;
  38.       margin-top: 10%;
  39.       margin-left: 10%;
  40.       position: absolute;
  41.       -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  42.       moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  43.       box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  44.       border-radius: 10px;
  45.       opacity: 0.8;
  46.     }
  47.  
  48.     .alert h2 span{
  49.       text-decoration-color: white;
  50.       text-decoration-line: 5px;
  51.       opacity: inherit;
  52.       z-index: 2;
  53.       font-size: 2em;
  54.     }
  55.  
  56.     .alert h2 span blockquote{
  57.       font-size: 2em;
  58.     }
  59.  
  60.     .button_base {
  61.     margin: 0;
  62.     border: 0;
  63.     font-size: 18px;
  64.     position: relative;
  65.     top: 50%;
  66.     left: 50%;
  67.     margin-top: -25px;
  68.     margin-left: -100px;
  69.     width: 200px;
  70.     height: 50px;
  71.     text-align: center;
  72.     box-sizing: border-box;
  73.     -webkit-box-sizing: border-box;
  74.     -moz-box-sizing: border-box;
  75.     -webkit-user-select: none;
  76.     cursor: default;
  77. }
  78.  
  79. .button_base:hover {
  80.     cursor: pointer;
  81. }
  82.    
  83.  
  84.     .b10_tveffect div {
  85.     position: absolute;
  86.     text-align: center;
  87.     width: 100%;
  88.     height: 50px;
  89.     box-sizing: border-box;
  90.     -webkit-box-sizing: border-box;
  91.     -moz-box-sizing: border-box;
  92. }
  93.  
  94. .b10_tveffect div:nth-child(1) {
  95.     color: #000000;
  96.     background-color: #ffffff;
  97.     -webkit-transition: all 0.1s ease;
  98.     padding: 10px;
  99.     border: #000000 solid 1px;
  100. }
  101.  
  102. .b10_tveffect div:nth-child(2) {
  103.     overflow: hidden;
  104. }
  105.  
  106. .b10_tveffect div:nth-child(2) div {
  107.     position: absolute;
  108.     text-align: center;
  109.     width: 100%;
  110.     height: 50px;
  111.     box-sizing: border-box;
  112.     -webkit-box-sizing: border-box;
  113.     -moz-box-sizing: border-box;
  114.     padding: 10px;
  115.     border: #000000 hidden 1px;
  116. }
  117.  
  118. .b10_tveffect div:nth-child(2) div:nth-child(1) {
  119.     color: rgba(200, 120, 120, 0.8);
  120.     opacity: 0;
  121.     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;
  122. }
  123.  
  124. .b10_tveffect div:nth-child(2) div:nth-child(2) {
  125.     color: rgba(120, 200, 120, 0.8);
  126.     opacity: 0;
  127.     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;
  128. }
  129.  
  130. .b10_tveffect div:nth-child(2) div:nth-child(3) {
  131.     color: rgba(120, 120, 200, 0.8);
  132.     opacity: 0;
  133.     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;
  134. }
  135.  
  136. .b10_tveffect:hover div:nth-child(1) {
  137.     color: #ffffff;
  138.     background-color: #000000;
  139.     transition: color 0s ease;
  140.     -webkit-transition: color 0s ease;
  141.     -moz-transition: color 0s ease;
  142.     transition: background-color 0.3s ease 0.2s;
  143.     -webkit-transition: background-color 0.3s ease 0.2s;
  144.     -moz-transition: background-color 0.3s ease 0.2s;
  145. }
  146.  
  147. .b10_tveffect:hover div:nth-child(2) div:nth-child(1) {
  148.     animation: b10_tveffect_red 0.25s linear;
  149.     -webkit-animation: b10_tveffect_red 0.25s linear;
  150.     -moz-animation: b10_tveffect_red 0.25s linear;
  151. }
  152.  
  153. .b10_tveffect:hover div:nth-child(2) div:nth-child(2) {
  154.     animation: b10_tveffect_green 0.25s linear;
  155.     -webkit-animation: b10_tveffect_green 0.25s linear;
  156.     -moz-animation: b10_tveffect_green 0.25s linear;
  157. }
  158.  
  159. .b10_tveffect:hover div:nth-child(2) div:nth-child(3) {
  160.     animation: b10_tveffect_blue 0.25s linear;
  161.     -webkit-animation: b10_tveffect_blue 0.25s linear;
  162.     -moz-animation: b10_tveffect_blue 0.25s linear;
  163. }
  164.  
  165. @-webkit-keyframes b10_tveffect_red {
  166.     from,
  167.     to {
  168.         opacity: 0;
  169.     }
  170.     25% {
  171.         opacity: 1;
  172.         -webkit-transform: scale(1.8, 1.6) translate(-10px, 3px) skewX(30deg);
  173.     }
  174.     50% {
  175.         opacity: 1;
  176.         -webkit-transform: scale(1.5, 1.2) translate(20px, 6px) skewX(5deg);
  177.     }
  178.     75% {
  179.         opacity: 1;
  180.         -webkit-transform: scale(0.9, 1.8) translate(-16px, -1px) skewX(-20deg);
  181.     }
  182. }
  183.  
  184. @-webkit-keyframes b10_tveffect_green {
  185.     from,
  186.     to {
  187.         opacity: 0;
  188.     }
  189.     25% {
  190.         opacity: 1;
  191.         -webkit-transform: scale(1.3, 1.5) translate(3px, 6px) skewX(25deg);
  192.     }
  193.     50% {
  194.         opacity: 1;
  195.         -webkit-transform: scale(1.6, 1.1) translate(-16px, -5px) skewX(-15deg);
  196.     }
  197.     75% {
  198.         opacity: 1;
  199.         -webkit-transform: scale(1, 1.8) translate(18px, 4px) skewX(15deg);
  200.     }
  201. }
  202.  
  203. @-webkit-keyframes b10_tveffect_blue {
  204.     from,
  205.     to {
  206.         opacity: 0;
  207.     }
  208.     25% {
  209.         opacity: 1;
  210.         -webkit-transform: scale(1.2, 1.4) translate(-10px, -3px) skewX(-25deg);
  211.     }
  212.     50% {
  213.         opacity: 1;
  214.         -webkit-transform: scale(1.9, 1.1) translate(16px, 3px) skewX(5deg);
  215.     }
  216.     75% {
  217.         opacity: 1;
  218.         -webkit-transform: scale(1.3, 2) translate(-30px, -3px) skewX(20deg);
  219.     }
  220. }
  221.  
  222. @-moz-keyframes b10_tveffect_red {
  223.     from,
  224.     to {
  225.         opacity: 0;
  226.     }
  227.     25% {
  228.         opacity: 1;
  229.         transform: scale(1.8, 1.6) translate(-10px, 3px) skewX(30deg);
  230.     }
  231.     50% {
  232.         opacity: 1;
  233.         transform: scale(1.5, 1.2) translate(20px, 6px) skewX(5deg);
  234.     }
  235.     75% {
  236.         opacity: 1;
  237.         transform: scale(0.9, 1.8) translate(-16px, -1px) skewX(-20deg);
  238.     }
  239. }
  240.  
  241. @-moz-keyframes b10_tveffect_green {
  242.     from,
  243.     to {
  244.         opacity: 0;
  245.     }
  246.     25% {
  247.         opacity: 1;
  248.         transform: scale(1.3, 1.5) translate(3px, 6px) skewX(25deg);
  249.     }
  250.     50% {
  251.         opacity: 1;
  252.         transform: scale(1.6, 1.1) translate(-16px, -5px) skewX(-15deg);
  253.     }
  254.     75% {
  255.         opacity: 1;
  256.         transform: scale(1, 1.8) translate(18px, 4px) skewX(15deg);
  257.     }
  258. }
  259.  
  260. @-moz-keyframes b10_tveffect_blue {
  261.     from,
  262.     to {
  263.         opacity: 0;
  264.     }
  265.     25% {
  266.         opacity: 1;
  267.         transform: scale(1.2, 1.4) translate(-10px, -3px) skewX(-25deg);
  268.     }
  269.     50% {
  270.         opacity: 1;
  271.         transform: scale(1.9, 1.1) translate(16px, 3px) skewX(5deg);
  272.     }
  273.     75% {
  274.         opacity: 1;
  275.         transform: scale(1.3, 2) translate(-30px, -3px) skewX(20deg);
  276.     }
  277. }
  278.  
  279.  
  280.   </style>
  281.  
  282.   </header>
  283.      <center>
  284.       <div class="alert"><h2><span>Purchase Blocked</span></h2><hr>
  285.         <p style="font-weight: 100; font-size: 25px;">Dont try to Bypass the System, ;)!<br> If you really bought something please contact us!</p>
  286.         <a href="https://twitter.com/messages/compose?recipient_id=1101853184" class="twitter-dm-button" data-size="large"  data-screen-name="@ArrowAltsFR" data-show-count="false">Message @@ArrowAltsFR</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  287.  
  288.  
  289.        <center>
  290.          
  291. <a href="index">
  292.                  <div class="button_base b10_tveffect" style="margin-right: 100%; margin-top: 10%;">
  293.           <div>Home</div>
  294.             <div>
  295.               <div>Home</div>
  296.               <div>Home</div>
  297.               <div>Home</div>
  298.           </div>
  299.         </div>
  300. </a>
  301.         </center>
  302.       </div>  
  303.       </center>
  304.      
  305.  
  306.   </body>
  307.  
  308. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!