タグ: css

cssはこの注記が投稿の先頭に入れられ次の行から本文を記入する前提で指定。
ポイント
　・少し本文と間隔をとる
　・注記はあとで一括で変更できるように擬似要素で指定

/* ネタバレ注意 */
.netabare {
	color: mediumvioletred;
	font-weight: bold;
	font-size: 0.95em;
	padding-bottom: 0.8em;
}

.netabare:after {
	content: "本文にはネタバレとなる内容が含まれています。";
	font-weight: normal;
	padding-left: 1.0em;
	font-size: 0.8em;
}

ネタバレ注意を入れたい投稿の先頭に以下を入れればよいようにした。

<div class="netabare">※ネタバレ注意</div>

/* 追加 */
.syntaxhighlighter {
  background-color: whitesmoke !important;
}
.syntaxhighlighter .line.alt1 {
  background-color: whitesmoke !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: whitesmoke !important;
}