はてなブログ：見た目のカスタマイズ（デザインCSS）

ブログテーマ：innocentをベースとしたレイアウトのカスタマイズ

ブログ本体の幅が狭くて可読性が低い感じがしたので、デザインCSSの機能を使いカスタマイズした記録。

目次

本文

1. 謝辞

innocent という素晴らしいブログテーマを提供下さったwaitingmoonさんにお礼を申し上げます。

2. デザインCSS

デザイン－カスタマイズ（スパナマーク）－デザインCSS

で、デザインCSSを設定する。
ベースとなるcssが読み込まれた後に適用されるようなので、overwriteされると思ってよい。
なので差分のみ（カスタマイズしたい設定値のみ）記載すればOK。

3. 設定値メモ

一部、システムによって設定されている部分もあるが、まるまる掲載。

/* <system section="theme" selected="6653586347149180725"> */
@import "https://blog.hatena.ne.jp/-/theme/6653586347149180725.css";
/* </system> */

/* <system section="background" selected="f5f5f5"> */
body{background:#f5f5f5;}
/* </system> */

.entry-title{color:#555555; font-size:medium;}

.hatena-module-title{
    background: #f5f5f5;
}

/* ディスプレイサイズ 1920x1080 を想定 */
#blog-title-inner, #content-inner, #footer-inner, .breadcrumb-inner, .main-navigation-inner {
    max-width: 1700px;
}

#wrapper{
    width: 1310px;
    margin-left: 0px;
    margin-right: 0px;    
/*    background: #e0ffff;*/
    padding-right: 0px;
}