2007年12月11日火曜日

引用部分のCSS定義

やった事を書くといっておきながら、何にもかけていませんね。。。
何もしていないという訳ではないのですが、アウトプットしてこそ、本当の完了と言えると思うので、少しづつですが作業記録を書いていきたいと思います。

作業記録をblog上で書く上で、どうしてもほしかったのが引用を四角囲いにする表示への設定変更です。

bloggerのテンプレートを利用しているのですが、どこにもなかったので、しぶしぶ自分でcssをいじる事にしました。

と言ってもすごく簡単でした。
引用部分のCSSを以下のように編集

blockquote {
margin:.75em 0;
border:2px dotted $borderColor;
border-width:2px 1;
padding:5px 15px;
color: $dateHeaderColor;
}


こちらが、ポイントのようです。

    border-width:2px 1;


さて、あとは書くだけです。
(といいつつ、半角スペースがトリムされるのが気になる。。。)
↑対応策を会社のエースcssデザイナーに教えてもらいました。(2007/12/13追記)
(バックグラウンドを黒にしたくなってきた。。。贅沢はつきませんね。)

0 件のコメント: