ネタバレバッジを貼ったページをStreamから隠す
参考
たぶんimg要素
ブロック単位で消すのはめんどくさそう
code:style.css
.stream .page:has(.icons imgsrc*="spoiler".icon) > .lines div:not(.line-title) { display: none;
}
.stream .page:has(.icons imgsrc*="spoiler".icon) > .lines hr.hidden-lines { display: none;
}
Streamタイトルに
code:style.css
.stream .page:has(.icons imgsrc*="spoiler".icon) > .lines div.line-title:after { content: "ネタバレを含むため省略";
padding: 0.4em 1em;
width: fit-content;
margin-right: 1em;
border-radius: 0.1em;
font-size: 0.5em;
display: block;
}
display: none;
}
以下は本番では使わず
code:css
.stream .page:has(.icons imgsrc*="shields".icon) > .lines div.line div:not(:hover) { color: transparent;
background-color: grey;
}
.stream .page:has(.icons imgsrc*="shields".icon) > .lines div.line div:not(:hover) span:not(.indent-mark) { color: transparent;
background-color: grey;
}
.stream .page:has(.icons imgsrc*="shields".icon) > .lines div.line span.line:not(:hover) span:not(.indent-mark) { color: transparent;
}
.stream .page:has(.icons imgsrc*="shields".icon) > .lines div.line span.line > span:not(.indent-mark):not(:hover) { background-color: grey;
}
code:css
.stream .page {
}
code:css
border: 1px solid black;
}
divicons
divicons text-right
aclass=link iconタグの中にimg,class=iconが入っている
タップしたら表示とかでもいい気はする
が、事故が怖くもあるなー
test
test
zatsma.icon