マーダーミステリー用CSS

/** 初期値で設定されている値を元に戻す */
* {
  margin: 0;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}

/**　ユーザー名非表示　*/
[class*="Voice_user_"] {
  display: none;
}

/** アバターの設定 */
[class*="Voice_avatar_"] {
  border-radius: initial !important;
  border: initial;
  width: 300px;
  height: 300px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

[class*="Voice_voiceState_"] {
  height: 0px;
  display: block;
  filter: drop-shadow(3px 3px 5px #000);
}

[class*="Voice_voiceState_"] img {
  filter: brightness(50%) saturate(0%)!important;
}

/** 喋っているときの設定 */
.wrapper_speaking img {
  filter: brightness(120%) saturate(120%)!important;
  transition: all 0.5s !important;
  position:relative;
  animation-name: speak-now-up-down;
  animation-duration: 5000ms;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
}

@keyframes speak-now-up-down { 0% { bottom:0px; } 5% { bottom:10px; } 10% { bottom:0px; } 15% { bottom:10px; } 20% { bottom:0px; } 25% { bottom:10px; } 30% { bottom:0px; } 35% { bottom:10px; } 40% { bottom:0px; } 45% { bottom:10px; } 50% { bottom:0px; } 55% { bottom:10px; } 60% { bottom:0px; } 65% { bottom:10px; } 70% { bottom:0px; } 75% { bottom:10px; } 80% { bottom:0px; } 85% { bottom:10px; } 90% { bottom:0px; } 95% { bottom:10px; } 100% { bottom:0px; }}
@keyframes speak-now-right-left { 0% { left:0px; } 5% { left:10px; } 10% { left:0px; } 15% { left:10px; } 20% { left:0px; } 25% { left:10px; } 30% { left:0px; } 35% { left:10px; } 40% { left:0px; } 45% { left:10px; } 50% { left:0px; } 55% { left:10px; } 60% { left:0px; } 65% { left:10px; } 70% { left:0px; } 75% { left:10px; } 80% { left:0px; } 85% { left:10px; } 90% { left:0px; } 95% { left:10px; } 100% { left:0px; }}
@keyframes none {}

/** ユーザーの画像を変更　*/
[src*="[Discord User ID]"] {
  content:url("[画像URL]");
}

/** 特定のユーザーを表示させない */
[data-userid*="[Discord User ID]"] {
  display:none;
}