daily pastebin goal
42%
SHARE
TWEET

ads

a guest Feb 14th, 2018 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.             <meta charset="UTF-8">
  2.             <style>
  3.                  @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
  4.                  body {
  5.                  font-family: 'Lato', sans-serif;
  6.                  background-color: red;
  7.                 }
  8.                 .notifications {
  9.                  position: fixed;
  10.                  bottom:20px;
  11.                  width:650px;
  12.                  height: 130px;
  13.                  animation:notificationsecond 8s ease;
  14.                  transition:width 1s ease;
  15.                  top: 50%;
  16.                  left: 50%;
  17.                  margin: -100px 0 0 -275px;
  18.                 }
  19.                 .round {
  20.                                  border: 20px solid black;
  21.                              border-radius: 50px;
  22.                  background-color: solid black;
  23.                                 }
  24.                 .notifications a .text {
  25.                  position: absolute;
  26.                  right:0px;
  27.                  top:20%;
  28.                  transform:translateX(-20%);
  29.                  width:283px;
  30.                  text-align:center;
  31.                  line-height:1em;
  32.                 }
  33.                 .notifications a .image {
  34.                  position: absolute;
  35.                  top:-1px;
  36.                  left:-1px;
  37.                  height:151px !important;
  38.                  width:151px;
  39.                  border:1px solid #161616;
  40.                  border-radius: 75px;
  41.                  z-index:10000;
  42.                 }
  43.                 .notifications a .image .twitchnotification {
  44.                  height:160px;
  45.                  position: absolute;
  46.                  top:53%;
  47.                  left:50%;
  48.                  transform:translate(-50%,-50%);
  49.                 }
  50.                 .title {
  51.                     width: 600px;
  52.                     font-size: 35px;
  53.                     margin-left: -220px;
  54.                     word-wrap: break-word;
  55.                 }
  56.                 .message {
  57.                     width: 400px;
  58.                     margin-top: 20px;
  59.                     margin-left: -125px;
  60.                     word-wrap: break-word;
  61.                     font-size: 20px;
  62.                  }
  63.  
  64.  
  65.  
  66.  
  67.             </style>
  68.             <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  69.      <body>
  70.             <div class="notifications">
  71.                 <a class="twitch">
  72.                         <div class="image"><img src="http://tools.peritusgaming.info/twitchavatar.php?username={name}" alt="" class="twitchnotification notify"></div>
  73.                         <div class="text">
  74.                              <div class="title" style="margin-top: -10px">Tak for follow!</div>
  75.                              <br><br>
  76.                              <div class="title">{name}</div>
  77.                           <div class="message">{message}</div>
  78.                         </div>
  79.                 </a>
  80.             </div>
  81.      </body>
  82. </html>
RAW Paste Data
Top