はてなブログの初期デザインをいい感じにするCSS
これです
CSS を適用すると以下の効果があります。
- コンテンツの全体幅が広がる
- 内部コンテンツ(メインのエントリ部分。サイドバーを除く)の記事の幅が広がる
- 全体的に文字が大きくなる
- パラグラフ間の幅が広がる
- 未訪問・訪問済みリンクの色は同じになる
CSS は次のとおりです。
#container { width: 1000px; } #content { padding-left: 70px; } #main { width: 610px; } #blog-title { margin: 0px 0 35px 0; } #blog-title h1 { padding: 40px 30px 5px 30px } h1.entry-title { font-size: 140%; } .entry-content h4 { font-size: 120%; border-width: 0px; border-bottom-width: 1px; color:#555; border-style: dotted; margin-top: 25px; } .entry-content h5 { font-size: 115%; margin-top: 22px; margin-bottom: 0; } .entry-content p { line-height: 22px; font-size: 105%; } .entry-content li { font-size: 105%; } .entry-content br { display: block; margin-bottom: 15px; content: " "; /* Google Chrome */ } a:visited { color: #256FBA; }