2023-06-02 22:35:40 のく:yoshigoi:の投稿 noc_turn@nijimiss.moe
icon

画像(添付ファイル)付きのCWを常に開いておくカスタムCSS
↑のCW表示のCSSと一緒に使うといいかも
画像にはぼかしがかかり、マウスオーバーで内容を確認できます
苦手なもの踏んでも自己責任にはなります

/* 添付ファイル付きのCWノートは常に開く */
article div[style*="inline-size"]:has(div[style*="none"]):has(div[data-id][class*=image]) .xmqJ1 + div {
    display: block !important;
}
article div[style*="inline-size"]:has(div[style*="none"]):has(div[data-id][class*=image]) .xd2wm {
    display: none !important;
}
article div[style*="inline-size"]:has(div[style*="none"]):has(div[data-id][class*=image]) .xmqJ1+ div a img {
    filter: blur(10px);
    transition-duration: 0.5s;
}   
article div[style*="inline-size"]:has(div[style*="none"]):has(div[data-id][class*=image]) .xmqJ1 + div a img:hover {
    filter: blur(0);
    transition-duration: 0.5s;
}  

RE:
https://nijimiss.moe/notes/01H1Y5336BV1VCZTHHVF0XDJ1B

2023-06-02 22:34:59 のく:yoshigoi:の投稿 noc_turn@nijimiss.moe
icon

CW内画像(添付ファイル)付きノートを目立たせる
CWで折りたたまれた中に画像や添付ファイルがあれば目立たせます
ちょっと見やすく修正

/* 添付ファイル付きのCWノートに目印をつけるCSS */
article div[style*="inline-size"]:has(div[style*="none"]):has(div[data-id][class*=image])::before{
    content: " 画像つきCW ";
    display: inline-block;
    height:20px;
    width:100%;
    background-color:var(--accentedBg);
    color:var(--accent);
    border-radius: 10px;
    margin:5px;
    text-align: center;
}