やる夫がカスタムCSSを編集し引用デザインを変更したようです。

ココログカスタムCSSの編集による引用デザインの変更

linuxとは全く関係のない話で、恐縮ですが。ココログカスタムCSSの変更例を記述します。本サイトの、コマンドラインの記述は背景が黒で、文字を白抜きしています。ターミナル風にしたいので・・・。ブログでは下記のようにタグを記載してました。

<table bgcolor="#000000" width="100%"><tbody><tr><td><tt><span style="font-size: 1.2em;">
# cd /owata/jukai
</span></tt></td></tr></tbody></table>

　　 ／￣￣＼　　　　
　／　　 _ノ　　＼　　　いや・・・カスタムCSS編集するだろ
　|　　　 （ ●）（●）　　　　　　　 　　 　 　 ＿＿＿_
.　|　Ｕ　　 （__人__）　　　　　　　　 　　　／　　 　 　＼
　 |　　　　　｀ ⌒´|　　　　　　　 　　　／─　 　 ─　　＼
.　 |　　　　　　　　}　　＼　　　 　　／ （●）　（●） 　　　＼ 　　前記事から
.　 ヽ　　　　　 　 } 　　　 ＼　 　 　|　 　（__人__）　　　　 　 |　　タグコピペしてるお
　　 ヽ　　　　　ノ　　　 　 　＼　　 ＼　　 　　　　 　　　　_／ 　　
　　　/　　　 く.　＼　　　　　　＼　 ノ　　　　　　　　　　 ＼
　　　|　　　　 ＼ 　＼　　　　(⌒二　　　 　　　　　　　　 　|
　 　 |　　　　|ヽ、二⌒)、　　　　 　＼　　　　　　　 　｜ 　|

たしかに、googleさんに確認をとったところ、”.content blockquote”の指定で、引用デザインの修正が可能とおっしゃられたので、実際に試してみました。

.content blockquote {
font-size: big;
color: #ffffff;
font-family:monospace;
padding: 5px 5px 5px 5px;
margin: 3px 1px 3px 1px;
background-color: #000000;
}

しかしこのままだと、どうも真っ黒くなってしまい、フォントが適用されていません。半年前くらいに、ぁあ～もういいや・・・としかたなくタグを打つようにしていましたが、やっぱりどうにも非効率というか、面倒くさいというかで、再度googleさんに確認をとりました。

　 　　　＿＿＿_
　　　／　　 　 　＼ （ ;;;;(
　 ／　　＿ノ　 ヽ__＼) ;;;;)　
／ 　　 （─） 　（─ /;;／　 　
|　 　　 　 （__人__） l;;,´　 　やっぱhtml編集時に見辛いお　　
/　　　 　 ∩ ノ)━・'／　
(　 ＼　／ ＿ノ´.|　 |
.＼　 " 　／＿＿|　 |　
　　＼ ／＿＿＿ ／　　

.content blockquote p{
font-size: big;
color: #ffffff;
font-family:monospace;
padding: 5px 5px 5px 5px;
margin: 3px 1px 3px 1px;
background-color: #000000;
}

どうやら、”.content blockquote p”が必要のようで、この設定を追加することで。引用での背景黒の文字白抜きが再現できました。ぁあ～良かった×２。コレで少し楽になる。

• font-size　でフォントサイズを指定します（bigって無かった気がする・・・）。
• color　で色を指定します。
• padding　で内側の余白スペースを指定します。
• margin　で外側の余白スペースを指定します（数小さくすりゃ引用スペースがでかい）。
• background-color　で背景色を指定します。