デザイン変更とタイトル変更

このブログのデザインを変えてみました。
前から思っていたのですが、ちょっと今的にはページの横幅が狭いし、文字のフォントも小さい。
それに、色合いももう少し明るい方が良いかなと思い、まずはデザインをPure-melonに変更

そして、デベロッパーツールでcssを変更しました。

こんな感じです。

@media screen and (min-width:1200px) {

h1 {
  background: #B2DE00 url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/knight_9999/20160708/20160708194029_original.png) left top no-repeat;
  width: 1130px;
}

.hatena-body {
  font-size: 100%;
  width: 1130px;
}

.main div.day, .main div.calendar {
  width: 900px;
}

.entry-content {
  font-size:20px;
}

 
}

これで、もともとコンテンツ領域の横730ピクセル、ブログ記事領域の横500ピクセルを、それぞれ1130ピクセル
900ピクセルになりました。また、タイトル画像の横幅が足りなかったので、自分でアップしたものを指定して
います。

なんか結構、いい感じになったようで嬉しい(o^_^o)!

[追伸] さらに、変更を加えて次のようにしました。

.body .section pre {
  background: #F2F2FF;
} 

.body .section p a {
  text-decoration-color: #BFBFFF;
  border-bottom: #BFBFFF 1px solid;
  color: #BFBFFF;
}

@media screen and (min-width:1200px) {

h1 {
  background: #B2DE00 url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/knight_9999/20160708/20160708194029_original.png) left top no-repeat;
  width: 1130px;
}

.hatena-body {
  font-size: 100%;
  width: 1130px;
}

.sidebar {
  font-size: 80%;
}


.main div.day, .main div.calendar {
  width: 900px;
}

.entry-content {
  font-size:20px;
}

 
}