はてなブログテーマストアに「FLAT」を投稿しました

はてなブログのテーマストアに「FLAT」というテーマを投稿しました。

全体的なコンセプトとしては、ブログの内容が映えるようにシンプルかつクリーンなレスポンシブテーマを目指しました。
トップページ、カテゴリーページ、記事ページ（パーマリンク）、プロフィールページで、それぞれ全体の色が変わるようになっています。

また、タブレットで見た時にも文字が見やすくなるように、全体的なフォントサイズを調整しています。
タブレットで見ると、このように1カラムになります。

色を変えたい場合

色を変えたい場合は、下記のCSSを元に「#000000」の部分をお好きな色コードに変更して、「デザインCSS」の中に追記してください。
（ページ毎に色指定しているので、かなり長いです…。ごめんなさい。）

/* Home */
#blog-title,
.hatena-module-profile .hatena-module-body,
.hatena-urllist li a:hover,
.leave-comment-title:hover,
.pager a:hover,
#main ul li a.entry-title:hover,
#footer {
  background-color: #000000;
}
.hatena-module-search-box .search-module-input:focus {
  border: 1px solid #000000;
}

/* Entry */
.page-entry #blog-title,
.page-entry .hatena-module-profile .hatena-module-body,
.page-entry .hatena-urllist li a:hover,
.page-entry .leave-comment-title:hover,
.page-entry .pager a:hover,
.page-entry #main ul li a.entry-title:hover,
.page-entry #footer {
  background-color: #000000;
}
.page-entry .hatena-module-search-box .search-module-input:focus {
  border: 1px solid #000000;
}

/* Archive */
.page-archive #blog-title,
.page-archive .hatena-module-profile .hatena-module-body,
.page-archive .hatena-urllist li a:hover,
.page-archive .leave-comment-title:hover,
.page-archive .pager a:hover,
.page-archive #main ul li a.entry-title:hover,
.page-archive #footer {
  background-color: #000000;
}
.page-archive .hatena-module-search-box .search-module-input:focus {
  border: 1px solid #000000;
}

/* About */
.page-about #blog-title,
.page-about .hatena-module-profile .hatena-module-body,
.page-about .hatena-urllist li a:hover,
.page-about .leave-comment-title:hover,
.page-about .pager a:hover,
.page-about #main ul li a.entry-title:hover,
.page-about #footer {
  background-color: #000000;
}
.page-about .hatena-module-search-box .search-module-input:focus {
  border: 1px solid #000000;
}

/* Tablet用のフッター */
@media (max-width: 1024px) {
  /* home */
  #box2 { background-color: #000000;}
  /* Entry */
  .page-entry #box2 { background-color: #000000;}
  /* Archive */
  .page-archive #box2 { background-color: #000000;}
  /* About */
  .page-about #box2 { background-color: #000000;}
}

初めてテーマを作ってみて

「Boilerplate」を土台として作りましたが、結構変えたので、手間取った所も多々ありました。
chorme、safari、Firefox、IE8～10で動作チェックはしておりますが、
もし崩れなどありましたら教えていただけると幸いです。