メニューヘッダー部分の枠線指定
「カテゴリー」、「最近のエントリー」、「検索」などはすべてモジュールクラス(.module)となっています。
そこで、メニューヘッダー部分の枠線を変更してみましょう。
MT3.2のデフォルトのスタイルシート(styles-site.css)でmodule-headerを検索します。すると以下のような箇所が見つかります。
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-left: 5px solid #36414d;
・・・略・・・
}
border-left: 5px solid #36414d;で左に5ピクセルの幅を持つ実線を指定しているのが分かります。
例えば、この部分を以下のように変更します。
border: solid #eef0f1; border-width: 1px 0 1px 0; border-color: #000000;
これで上下に１ピクセルの黒い実線を持つメニューヘッダーに変更されます。もちろん、その他の変更も自由です。