blockquote のテスト

Blogger の標準テンプレートの 「引用 (blockquote)」 の表現を変えてみようかと、テスト中。

Blogger ダッシュボード ＞ レイアウト ＞ HTML の編集．．．と進んで、「テンプレートを編集」 の 「ウィジットのテンプレートを展開」 にチェックしてから、コードを修正。
「blockquote」で検索して、出てきたセクションを好みのスタイルに書き換えます。

引用文。
これが引用文です。

うまくいくかな？

修正：
透過GIF ですが、background の色が見えませんね．．．。

修正２：
透過GIF じゃなかった罠。急遽、White を透過にしてみたが、中間色が．．．イカン、作り直しだ。

修正３：
クォートのマーク 「 “ 」 を一時断念。png で独自のマークを作成します．．．。
以下、現在の暫定仕様。

blockquote {
margin: 5px 30px 5px 30px;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #666666;
border-right: 1px dotted #666666;
border-bottom: 1px dotted #666666;
border-left: 1px dotted #666666;
color: #113355;
background: #d8d8ff;
}

修正４： [2/26]
一夜明けて案の定、クォートのマーク無くてもイイか的な気分になりました。自分の中で平均点を越えると、そこそこ満足してしまい、途端にモチベーションが低下．．．まあいつもの事で。
って事で、微修正。昨日の状態から角を丸くしてみました。表示はブラウザに依存します。

blockquote {
margin: 5px 30px 5px 30px;
padding: 10px 10px 10px 10px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-radius:10px;
-moz-border-radius:10px;
color: #113355;
background: #d8d8ff;
}

角丸にした場合、[dotted] の線だと見栄えが悪くなるので、[solid] に。線が強くなった分、色を薄くしました。
もうイイや、これで。