Template:Paywall/styles.css

@keyframes hide {
  0% {
    text-shadow: 0em 0em 0em rgba(0, 0, 0, 0);
  }
  100% {
    color: transparent;
    text-shadow: 0.1em 0.1em 0.4em rgba(0, 0, 0, 0.4);
  }
}

@keyframes hide-img {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes reveal {
  0% {
    color: transparent;
    text-shadow: 0.1em 0.1em 0.4em rgba(0, 0, 0, 0.4);
  }
  100% {
    text-shadow: 0em 0em 0em rgba(0, 0, 0, 0);
  }
}

@keyframes reveal-img {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 1000px;
  }
}

.restricted-content,
.restricted-content h2,
.restricted-content h3,
.restricted-content .tocnumber,
.restricted-content .toctogglelabel,
.restricted-content a,
.restricted-content .infobox,
.restricted-content .thumbcaption {
  user-select: none;
  animation: hide ease-in 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  pointer-events: none;
}

.restricted-content img {
  opacity: 1;
  animation: hide-img ease-in 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  pointer-events: none;
}

.still-restricted-content,
.still-restricted-content h2,
.still-restricted-content h3,
.still-restricted-content .tocnumber,
.still-restricted-content .toctogglelabel,
.still-restricted-content a,
.still-restricted-content .infobox,
.still-restricted-content .thumbcaption {
  color: transparent !important;
  text-shadow: 0.1em 0.1em 0.4em rgba(0, 0, 0, 0.4);
  user-select: none;
  pointer-events: none;
}

.still-restricted-content img {
  opacity: 0;
  pointer-events: none;
}

.reveal-content,
.reveal-content h2,
.reveal-content h3,
.reveal-content .tocnumber,
.reveal-content .toctogglelabel,
.reveal-content a {
  animation: reveal ease-in 1s;
  animation-fill-mode: forwards;
}

.reveal-content img {
  opacity: 1;
  animation: reveal-img ease-in 1s;
  animation-fill-mode: forwards;
}

.paywall-reveal {
  opacity: 0;
  max-height: 0;
  animation: slide-down 2s, reveal-img 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
}

.paywall-hide {
  display: none;
}

#siteNotice {
  display: none;
}