小粋空間テンプレートの、１カラムテンプレートを見やすくカスタマイズ

小粋空間テンプレートで、１カラムテンプレートの幅を指定できる部分がある。

/* 1カラム固定レイアウト幅 */
.layout-one-column #box {
    width: 900px;
}

これが、1カラムにおいてヘッダー部分の横幅を決定しており、
ヘッダーの体裁を維持するため、3カラム時と同じ幅に設定する。

なお、ヘッダー最下部には以下の記述を追加する。

これは、検索結果のHTML構造を保つ意味もある。

   <MTIf name="search_results_template">
<div id="header">
<h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<MTIfNonEmpty tag="BlogDescription"><h2 class="blog-description"><$MTBlogDescription encode_html="1"$></h2></MTIfNonEmpty>
   </MTIf>

さて、上記はヘッダ部分のみの話だったので、
スタイルシートの以下の部分に横幅指定を追加する。

/* 1カラム固定レイアウト */
.layout-one-column #content {
    width: 650px;
}

で、すべてがセンタリングされて読みづらいので、文字を左揃えにする。

また、右端の画像にかからないようにインデントを調整。

/* 1カラム固定レイアウト(ブログ記事全体) */
.layout-one-column .blog {
    padding: 0 30px;
 text-align:left;
}