Some memories from my old Holo love

myanimelist-old.css

/* Old Oregairu style, simplified */
body{overflow-y:scroll;background:#e6e4ee;color:#337eb8;font:11px Verdana,sans-serif}#list_surround{width:920px;margin:0 auto}.form{color:#f11;font-size:11px;border-color:#ababab;border-style:solid;border-width:1px;padding:2px}.header_title{font-size:14px;background:#337eb8;display:inline-block;color:#FFF;position:relative;left:-3em;box-shadow:2px 2px 1px rgba(0,0,0,.2);bottom:-1em;font-weight:400;padding:.3em;text-transform:uppercase}#grand_totals{text-align:center}.table_header{opacity:0;transform: translateY(-50%)}.table_header a,.table_header a:hover{color:#fff}[cellspacing]:hover .table_header{opacity:1;background:#71335a;color:#fff;-webkit-transition:opacity .3s;transition:opacity .3s,transform .3s;transform:translateY(0)}.table_header:nth-child(2){text-align:center}.header_al{font-weight:700;font-size:16px}.animetitle{font-weight:700}#copyright{padding:6px;text-align:center;width:920px;margin:1em auto;font-size:1.25em;color:#fff;background:#337eb8}a,a:visited{color:#337eb8;text-decoration:none}a:hover{color:#71335a}.td1,.td2,.status_selected,.status_not_selected{color:#71335a;border-bottom:1px solid rgba(51, 126, 184, 0.5) !important;padding:2px;text-shadow:1px 1px rgba(0,0,0,.1)}.status_selected,.status_not_selected:hover,.status_selected a,.status_not_selected:hover a{color:#fff;background:#337eb8}.status_selected:hover,.status_selected:hover a{background:#71335a}[id*="control_strip"]{background:#337eb8!important}#mal_cs_powered a img{background:#0d1e2c;box-shadow:0 0 3px #0d1e2c;padding:2px;margin:-2px;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0.99,0,0.99);transition:transform .4s cubic-bezier(0,0.99,0,0.99);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;image-rendering:pixelated}#mal_cs_powered a img:hover{-webkit-transform:scale(2) rotate(-1deg);-ms-transform:scale(2) rotate(-1deg);transform:scale(2) rotate(-1deg)}.category_totals{text-align:center}

#list_surround [cellspacing]:nth-child(n+6):hover{
  background-color: rgba(200, 220, 240, 0.5)!important;
}

/* Shorter tags */
[id^="tagLinks"]{font-size:0.01em}[id^="tagLinks"],[id^="tagLinks"] a{display:inline-block}[id^="tagLinks"] a::first-letter{font-size:100em;color:#639}[cellspacing]:hover [id^="tagLinks"], [cellspacing]:hover [id^="tagLinks"] a::first-letter{font-size:1em}

/* Holo */
#copyright {
  animation: avoidFlicker 2s ease-out 0s 1 normal forwards running;
}
#copyright::after {
  content: '';
  display: block;
  background: url(https://i.imgur.com/uUtSeIN.png) center top / contain no-repeat;
  position: fixed;
  left: 0; right: 0;
  bottom: -50%; height: 100%;
  z-index: -1;
  transform: translateZ(0);
  animation: holoExit 1s ease 0s 1 reverse forwards running;
  opacity: 0.33;
  pointer-events: none;
}

#copyright:hover::after {
  animation: holoIn 1s ease 0s 1 normal forwards running;
} 
@keyframes avoidFlicker {
  from, 40% {opacity: 0}
}
@keyframes holoIn {
  30% { transform: translateY(30%); }
  to { transform: translateY(-50%); }
  30%, to { z-index: 1; opacity: 1; }
}
@keyframes holoExit {
  from { z-index: -1; }
  30% { transform: translateY(0); }
  30%, to { z-index: 1; opacity: 1; }
  to { transform: translateY(-50%); opacity: 1; }
}
td:nth-child(2) small:nth-child(3) {
	float: right;
	margin-right: 1em;
	background: #337EB8 none repeat scroll 0% 0%;
	padding: 1px 0.5em;
	color: white;
	border-radius: 1em;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v11/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

[width="125"] a[href*="tag="]::before{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  width: 1.2em;
  text-align: center;
}
[width="125"] a[href*="tag=annoying-lens-flare"]::before{content:"\eb46"}
[width="125"] a[href*="tag=english-subtitles"]::before{content:"\e048"}
[width="125"] a[href*="tag=hard-to-find"]::before{content:"\e8b6"}
[width="125"] a[href*="tag=irl-recommended"]::before{content:"\e625"}
[width="125"] a[href*="tag=live"]::before{content:"\e639"}
[width="125"] a[href*="tag=maybe-later"]::before{content:"\e8b5"}
[width="125"] a[href*="tag=music-caught"]::before{content:"\e063"}
[width="125"] a[href*="tag=not-fanreleased"]::before{content:"\e2c1"}
[width="125"] a[href*="tag=official-stream"]::before{content:"\e8e8"}
[width="125"] a[href*="tag=plan-to-rewatch"]::before{content:"\e8b3"}
[width="125"] a[href*="tag=raw"]::before{content:"\e80e"}
[width="125"] a[href*="tag=releases-paused"]::before{content:"\e615"}
[width="125"] a[href*="tag=source-disappeared"]::before{content:"\e000"}
[width="125"] a[href*="tag=tv"]::before{content:"\e333"}
[width="125"] a[href*="tag=waiting-releases"]::before{content:"\e616"}
[width="125"] a[href*="tag=wrong-order"]::before{content:"\e915"}
[width="125"] a[href*="tag=next-to-watch"]::before{content:"\e903"}
[width="125"] a[href*="tag=imouto"]::before{content:"\e545"}

td:nth-child(2) small:nth-child(3)::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background-color: #CED8FC;
    bottom: 0;
    top: 0;
    z-index: -1;
}
[width="125"] a[href*="tag=waiting-releases"]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F4F4A3;
    z-index: -1;
}
[width="125"] a[href*="tag=releases-paused"]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F4D3D3;
    z-index: -1;
}
tr { position: relative; }
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.td1, .td2, .status_selected, .status_not_selected {
  position: relative;
}
}