TypePad Connect用　CSS覚え書き

先日導入したType Pad Connect用のCSS編集覚え書き。

１．TypePad Connect用のCSSファイル（3-typepadconnect.css）作る。
　　2xup.orgのCSSとstatic.typepad.comから読み込まれれるCSS（screen.css）を参考に簡単なもの作成。

２．サーバにアップ。

３．VicunaのNinjaスキンのサブスキンMonoCrystalのCSS”1-subSkin.css”に”@import”で3-typepadconnect.cssを読み込む１行追加。

４．Firebugで諸々修正。

主だったところは、各要素のmarginとpaddingの設定。
フォントサイズをちょと小さめに。

あとスレッド表示のオフセット（インデント）値を変更。なんてやってたら、こんな日記に気がつく。

TypePad Connect のコメントをさらにスタイリング。返信のインデントやオーナーコメントを判別しやすいようにしたり、プロフィールアイコンにマウスオーバーすると表示されるプロフィールの背景を半透明にしたりした。もうちょいやったら整理しよう。

[From 2xup.org:diary]

Kaminogoyaさんが色々カスタマイズしているようなので、まとまった記事が出たらまた参考にさせてもらおう。

追記：

KogreさんのNETAFULでも導入されたみたいですね。

追記：コメント欄の下にできた少し広めのスペースはどこをいじったらいいのでしょうか‥‥。CSSだと思うんですけど‥‥。

[From [N] コメントサービス「TypePad Connect」をテスト中]

そうそう、このスペースよくわかんないです。Firebugで見ると、要素は2つぐらい入ってるみたいなんですよね。