Widget:SpoilerAlert

<tbody></tbody>

<a href="/wiki/File:Interrupt_gem.png" class="image" title="Rob, I want to use an interrupt."><img alt="Rob, I want to use an interrupt." src="/images/thumb/7/70/Interrupt_gem.png/90px-Interrupt_gem.png" width="90" height="89" srcset="/images/thumb/7/70/Interrupt_gem.png/135px-Interrupt_gem.png 1.5x, /images/thumb/7/70/Interrupt_gem.png/180px-Interrupt_gem.png 2x"></a>

Warning! The following page contains spoilers for the most recent content!

<a href="/wiki/File:Coe_Terrible.png" class="image" title="Oh no!"><img alt="Oh no!" src="/images/thumb/f/f2/Coe_Terrible.png/90px-Coe_Terrible.png" width="90" height="90" srcset="/images/thumb/f/f2/Coe_Terrible.png/135px-Coe_Terrible.png 1.5x, /images/thumb/f/f2/Coe_Terrible.png/180px-Coe_Terrible.png 2x"></a>

<script> function myFunction() {

   var x = document.getElementById("snackbar")
   x.className = "show";
   setTimeout(function(){ x.className = x.className.replace("show", ""); }, 5000);

} window.onload = myFunction(); </script>

<style>

1. snackbar {

 margin:auto;
 text-align:center;
   visibility: hidden;
   margin-left: -225px;
   border-radius: 15px;
   padding: 16px;
   position: fixed;
   z-index: 1;
   left: 50%;
   top: 30px;

}

1. snackbar.show {

   visibility: visible;
   -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
   animation: fadein 0.5s, fadeout 0.5s 4.5s;

}

@-webkit-keyframes fadein {

   from {bottom: 0; opacity: 0;} 
   to {bottom: 30px; opacity: 1;}

}

@keyframes fadein {

   from {bottom: 0; opacity: 0;}
   to {bottom: 30px; opacity: 1;}

}

@-webkit-keyframes fadeout {

   from {bottom: 30px; opacity: 1;} 
   to {bottom: 0; opacity: 0;}

}

@keyframes fadeout {

   from {bottom: 30px; opacity: 1;}
   to {bottom: 0; opacity: 0;}

} </style>