検索
(本文なし)
CW: なんかお借りしてつかってるカスタムCSSを載せる
これもげむすきwiki
/* TL上で公開範囲別で背景色の色変え */
/* ホーム限定ノートを目立たせる(背景色を付ける) */
.x5yeR:has(span[title="ホーム"]) {
background-color: rgb(90, 60, 60);
color: #ffffff;
--fg: #cccccc;}
/* フォロワー限定ノートを目立たせる(背景色を付ける) */
.x5yeR:has(span[title="フォロワー"]) {
background-color: rgb(65, 65, 70);
color: #ffffff;
--fg: #cccccc;}
/* ダイレクトノートを目立たせる(背景色を付ける) */
.x5yeR:has(span[title="ダイレクト"]) {
background-color: rgb(70, 90, 70) ;
color: #ffffff;
--fg: #cccccc;}
/* ポップアップノート投稿フォームの背景色変更 */
/* ホーム投稿のときノート投稿フォームの背景色を変更 */
.xpDI4.xxtDg._popup:has(i.ti.ti-home) {
background-color: rgb(70, 40, 40);
color: #cccccc;
--fg: #ffffff;
}
/* フォロワー限定のときノート投稿フォームの背景色を変更 */
.xpDI4.xxtDg._popup:has(i.ti.ti-lock) {
background-color: rgb(50, 50, 55);
color: #cccccc;
--fg: #ffffff;
}
/* ダイレクト投稿のときノート投稿フォームの背景色を変更 */
.xpDI4.xxtDg._popup:has(.ti-mail) {
background-color: rgb(50, 70, 50);
color: #cccccc;
--fg: #ffffff;
}
CW: 個人使用CSS
/* チカチカ絵文字を白黒にする */
/* [alt=":xxxxxxxx:"] に絵文字の名前を指定する */
.xeJ4G[alt="
"],
.xeJ4G[alt="
"]
{
filter: grayscale(50%);
opacity: .20;
}
/* ホームから特定のチャンネルを隠す */
/* (a[href^="/channels/"])にすると全部のチャンネルが隠れる */
/* main:hasの.ti-homeを変更したらグローバルとかローカルになりそう */
main:has(div.x5oMj button.xj7PE i.xn4Pz.ti-home)
.xcSej.x3762:has(a[href^="/channels/9d5jqteor9"]){display: none;}
/*------------------------------------------
* ノートの投稿日時表記を絶対時間表記に変更
*------------------------------------------*/
time {
font-size: 0;
}
time:after {
content: attr(title);
font-size: 0.9rem;
}
/* ノート作成時の背景色を変更 */
/* パブリック */
.xpDI4.xxtDg._popup:has(.ti-world) {
background-color: #ffffff !important;
}
/* ホーム */
.xpDI4.xxtDg._popup:has(.ti-home) {
background-color: #ffffe0 !important;
}
/* フォロワー限定 */
.xpDI4.xxtDg._popup:has(.ti-lock) {
background-color: #fff4f9 !important;
}
/* チャンネル */
.xpDI4.xxtDg._popup:has(.ti-device-tv) {
background-color: #efffff !important;
}
/* 投稿されたノートの背景色を変更 */
/* パブリック */
.xcSej.x3762:has(.ti-world) {
background-color: #ffffff !important;
}
/* ホーム */
.xcSej.x3762:has(.ti-home) {
background-color: #ffffe0 !important;
}
/* フォロワー限定 */
.xcSej.x3762:has(.ti-lock) {
background-color: #fff4f9 !important;
}
/* チャンネル */
.xcSej.x3762:has(.ti-device-tv) {
background-color: #efffff !important;
}
/*フォローされています表示を目立たせる*/
.followed {
font-size: large !important;
background: var(--accent) !important;
}
/*閲覧注意は目立たせる。他に投稿の背景色が変わるCSSを入れている場合はこれより前にコピペする*/
.xcSej.x3762:has(.image div[style="filter: brightness(0.5);"]),
.xcSej .note _panel:has(.image div[style="filter: brightness(0.5);"]){
background-color: rgb(255, 212, 39, 0.3) !important;
}
}
/*フォローされています表示を目立たせる*/
.followed {
font-size: large !important;
background: var(--accent) !important;
}
/*閲覧注意は目立たせる。他に投稿の背景色が変わるCSSを入れている場合はこれより前にコピペする*/
.xcSej.x3762:has(.image div[style="filter: brightness(0.5);"]),
.xcSej .note _panel:has(.image div[style="filter: brightness(0.5);"]){
background-color: rgb(255, 212, 39, 0.3) !important;
}