Widget:SpoilerAlert: Difference between revisions

From Unforgotten Realms Wiki
Jump to navigationJump to search
← Older editNewer edit →
imported>Pillowkeeper
imported>Pillowkeeper
mNo edit summary
imported>Pillowkeeper
mNo edit summary
Line 10: Line 10:
<script>
<script>
function myFunction() {
function myFunction() {
    var x = document.getElementById("snackbar")
     setTimeout(function(){ $("#snackbar").fadeOut(750); }, 5000);
    x.className = "show";
     setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
}
document.onload = myFunction();
document.onload = myFunction();
Line 21: Line 19:
   margin:auto;
   margin:auto;
   text-align:center;
   text-align:center;
    visibility: hidden;
     margin-left: -225px;
     margin-left: -225px;
     border-radius: 15px;
     border-radius: 15px;
Line 31: Line 28:
}
}


#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    -webkit-transform: translateZ(0);
}
@-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>
</style>

Revision as of 05:46, 22 April 2017

<tbody></tbody>
<img 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"> Warning! The following page contains spoilers for the most recent content! <img 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">

<script> function myFunction() { 

   setTimeout(function(){ $("#snackbar").fadeOut(750); }, 5000);

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

<style>

  1. snackbar {
 margin:auto;
 text-align:center;
   margin-left: -225px;
   border-radius: 15px;
   padding: 16px;
   position: fixed;
   z-index: 2;
   left: 475px;
   top: 40px;

}


</style>

Retrieved from "https://URwiki.phijkchu.com/index.php?title=Widget:SpoilerAlert&oldid=45985"