cssファイル

どうもコマンド等を書き込むのに不便なので、CSSファイルを編集した。
ベースはシンプルの「クリアブルー右」である。

編集したポイント

• ウィンドウサイズによってブログの横幅を伸縮させるようにしたこと
• preタグを使ったときに背景色を変更し、一文字字下げしたこと
• 行間を狭くしたこと
• h2タグは色とフォントサイズを変更するようにしたこと

新規追加

下記である。

.etBody h2 {
	margin:0px;
	padding:0px;
	color: #008;
	font-size: large;
	font-weight: bold;
}

.etBody pre {
      padding: 10px 0px 0px 0px;
      background: #eb8;
}

変更した部分

下記の width 関連部分を変更・追記した。

/* ページ全体囲み　*/
#content{
 margin: 0px auto;
 border-right: 1px solid #B6CEE7;
 border-left: 1px solid #B6CEE7;
 background-color: #FFFFFF;
 text-align: left;
 width: 100%;
}

/* エントリー背景　*/
#entry{
	float:left;
 width : 75%;
 padding: 15px 0px 15px 15px;
 overflow: hidden;
 height:100%;
}

/* メニュー背景 */
#menu {
	float: right;
        width:20%;
	min-width:170px;
 padding:15px 10px 15px 0px;
}

また、下記の line-height を変更した。

/* エントリー本文 */
.etBody {
 font-size: 105%;
	line-height:110%;
	word-break:break-all;
 text-align: left;
}