はてなブログの記事の横幅を拡張する【ベニシアさんテーマ編】

はてなブログでVenetiaという公式テーマがとても綺麗で使おうとしたのですが、記事エリアの横幅が狭くコマンド履歴などを表示させると端がかなり切れてしまうので、少しだけcssを変更しました。

下記サイトを全面的に参考にさせて頂いてベニシアさんテーマ用に修正。

dysdis.hatenablog.com

www.weed.nagoya

デザイン→カスタマイズ→デザインcss欄に下記を入力すれば変更されます。

#container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 37px;
    width: 100%;
}

#container-inner {
    width: 100%;
}

#container #content {
    display: block;
    width: 1100px;
    margin: 0 auto;
}

#wrapper {
    width: 760px;
}

#main {
    width: 760px;
    float: left;
    margin-top: 40px;
}

#box2 {
    font-size: 85%;
    line-height: 1.5;
    background: url(/css/theme/venetia/butterfly.png) no-repeat 100% 0;
    margin-top: 40px;
    width: 300px;
}

なかなかいい感じです。

このデザインテーマはだいぶ前に公開された映画のタイアップのようですが、機会があれば映画も見てみたいと思います。