なみなみおばけ

waving_unaghost.user.css

/* ==UserStyle==
@name           Waving Unaghost
@namespace      hen.acho.co
@version        2.0.0
@description    to-ke-ru-
@author         pacochi
==/UserStyle== */

/* for https://media-mstdn.maud.io/accounts/avatars/000/007/337/original/f9972c4ac42087cd.png */

@keyframes ghostwaveB {
  0% { background-position: 40% 0px; transform: scale(1); }
  50% { background-position: 20% 0px; transform: scale(1, 0.8); }
  100% { background-position: 0% 0px; transform: scale(1);}
}

@keyframes ghostwaveF {
  0% { background-position: 50% 0px; transform: scale(1); }
  50% { background-position: 25% 0px; transform: scale(1, 0.8); }
  100% { background-position: 0% 0px; transform: scale(1);}
}

a.account__header__avatar[href='https://mstdn.maud.io/@unarist']::before,
a.avatar[href='https://mstdn.maud.io/@unarist'] div.account__avatar::before,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar::before,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div:not([class])::before,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar-overlay-base::before,
div[aria-label$='unaristさんがブースト'] div.account__avatar-overlay-overlay::before,
div[aria-label$='[email protected]さんがブースト'] div.account__avatar-overlay-overlay::before {
  content: '';
  position: absolute;
  left: calc(40% / 3);
  bottom: 0px;
  right: 20%;
  background-repeat: repeat-x;

  height: 15%;
  background-size: calc(100% / 6) calc(100% / 1.35);
  background-image: radial-gradient(circle at 50% -25%, #fff 50%, #000 55%);
  animation: ghostwaveB 5s infinite linear;
}

a.account__header__avatar[href='https://mstdn.maud.io/@unarist']::after,
a.avatar[href='https://mstdn.maud.io/@unarist'] div.account__avatar::after,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar::after, 
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div:not([class])::after,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar-overlay-base::after,
div[aria-label$='unaristさんがブースト'] div.account__avatar-overlay-overlay::after,
div[aria-label$='[email protected]さんがブースト'] div.account__avatar-overlay-overlay::after {
  content: '';
  position: absolute;
  left: calc(40% / 3);
  bottom: 0px;
  right: 20%;
  background-repeat: repeat-x;

  height: 18%;
  background-size: calc(100% / 3) calc(100% / 1.8);
  background-image: radial-gradient(circle at 25% 70%, #000 30%, transparent 35%);
  animation: ghostwaveF 5s infinite linear;
}

a.account__header__avatar[href='https://mstdn.maud.io/@unarist']::before,
a.avatar[href='https://mstdn.maud.io/@unarist'] div.account__avatar::before {
  background-image: radial-gradient(circle at 50% -25%, #fff 50%, #424655 55%);
}

a.account__header__avatar[href='https://mstdn.maud.io/@unarist']::after,
a.avatar[href='https://mstdn.maud.io/@unarist'] div.account__avatar::after {
  background-image: radial-gradient(circle at 25% 70%, #424655 30%, transparent 35%);
}

a.account__header__avatar[href='https://mstdn.maud.io/@unarist'],
a.avatar[href='https://mstdn.maud.io/@unarist'] div.account__avatar,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar-overlay-base {
  position: relative;
}

a.avatar[href='https://mstdn.maud.io/@unarist'] div.account__avatar {
  background-color: #424655;
}

div.status:only-of-type a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.status__avatar {
  background: linear-gradient(rgba(255,0,0,0) 66%, #000);
}