カスタムCSSのお話

【オペラ座殺人事件－Tragedy of love－】の配信で使っている密談部屋用のカスタムCSS
きれいじゃないのであれですが…


/* 選択したユーザの画像を非表示にする */
li.voice-state[data-reactid*="GMID"] { display:none; }

/* アイコンを立ち絵画像に差し替える */
/*ラウル*/
.avatar[data-reactid*="ラウルプレイヤーID"] {
content:url("ラウル画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*カルロッタ*/
.avatar[data-reactid*="カルロッタプレイヤーID"] {
content:url("カルロッタ画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*マダム*/
.avatar[data-reactid*="マダムプレイヤーID"] {
content:url("マダム画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*メグ*/
.avatar[data-reactid*="メグプレイヤーID"] {
content:url("メグ画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*ダロガ*/
.avatar[data-reactid*="ダロガプレイヤーID"] {
content:url("ダロガ画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*アマンド*/
.avatar[data-reactid*="アマンドプレイヤーID"] {
content:url("アマンド画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*ファーミン*/
.avatar[data-reactid*="ファーミンプレイヤーID"] {
content:url("ファーミン画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}
/*ガブリエーラ*/
.avatar[data-reactid*="ガブリエーラプレイヤーID"] {
content:url("ガブリエーラ画像URL");
height:auto !important;
width:95% !important;
border-radius:0 !important;
filter: brightness(50%);
}

/* 発話状態の設定 */
.speaking[data-reactid*="ラウルプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="カルロッタプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="マダムプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="メグプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="ダロガプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="アマンドプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="ファーミンプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}
.speaking[data-reactid*="ガブリエーラプレイヤーID"] {
border-color:rgba(0,0,0,0) !important;
filter: brightness(100%) ;
}

/* ネームタグ表示位置調整 */
li.voice-state{ display: inline-block; position: static; text-align: center;margin-right: 1em;}
div.user{ display: none; }

/* 色々消すヤツ */
body { background-color: rgba(0, 0, 0, 0); overflow: hidden; }