未スタイル部分について

このテーマはカスタマイズの際に障害となるようなスタイリングをしないというコンセプトのため、いくつかスタイルをしていない箇所があります。

しかしそのままでは使用に不便なので、その部分のスタイルは追加でデザインCSSに貼るコードを用意しています。

カスタマイズまでのつなぎ、もしくはカスタマイズのベースとしてお使いいただけます。
（コピペでカスタマイズをするような際には、基本的にはここで用意したコードのうちその箇所にあたるコードは削除してから行ってください）

なお、未スタイル（もしくはそれに準ずる）部分は

　　・記事中の見出し
　　・目次
　　・検索ボックス
　　・ページャー
　　・フッター（はてなデフォルト）

です。追加のフッターやヘッダーメニューなどはもともと追加の構造物なので、カスタマイズのページに用意しています。

前提
一括設定
記事中の見出し
目次
検索ボックス
ページャー
フッター（はてなデフォルト）
その他用意してあるカスタマイズ

前提

デザインCSSを追加で貼ってもらうことになりますが、貼り方がわからない方はこちらを参照してください。これから載せるコードをそこにコピペするだけです。

一括設定

説明はいいからとりあえずはやくセットアップを終えたい方はこちらを貼ってもらえれば完了です。
（一括設定に検索ボックスは含まれません）

/*見出し*/
.page-entry .entry-content h3
 {border-left:solid 0.4em #505050/*好きな色にしてください*/;padding-left:0.5em;line-height:2em;}


/*目次*/
ul.table-of-contents
 {background:#eee;padding:1em;}
ul.table-of-contents::before
 {content:"目次";font-weight:bolder;}
ul.table-of-contents a
 {text-decoration:none;color:#505050;}
ul.table-of-contents a:hover
 {color:#111;}
ul.table-of-contents li
 {display:block;line-height:3em;margin-left:2em;font-size:80%;}
ul.table-of-contents li li
 {line-height:2em;}
ul.table-of-contents li li::before
 {content:"・";}
ul.table-of-contents > li > a
 {display:inline-block;border-left:solid 0.3em #505050;line-height:1.4em;padding-left:0.4em;margin-left:0.3em;}
ul.table-of-contents li li a
 {border:none;padding-left:0;margin-left:0;}


/*ページャー（２段）*/
.pager
 {display:block;
  font-size:90%;margin-bottom:1em;}
.pager > span
 {max-width:100%;}
.pager-prev
 {float:left;}
.pager-next
 {float:right;}
.pager::after
 {display:block;clear:both;content: " ";visibility: hidden;}
@media (max-width: 767px) {.page-index .pager{padding:0 1em;}}
/*ページャーの矢印の見た目を変える*/
.pager-next, .pager-next a
 {text-align:right;}
.pager a
 {display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:95%;
  -webkit-white-space: nowrap;
  -moz-white-space: nowrap;
  -ms-white-space: nowrap;
  -o-white-space: nowrap;
  white-space: nowrap;} 
.pager .pager-arrow
 {display:none;}
.pager-prev::before, .pager-next::after
 {content:"\f713";font-family:blogicon;position:relative;vertical-align:text-bottom;display:inline-block;}
.pager-next::after
 {transform:rotateY(180deg);}


/*はてなフッター*/
#footer
 {font-size:80%;box-sizing:border-box;width:100%;padding:0 1em;}
#footer-inner
 {display:-webkit-flex;display:flex;
  -webkit-justify-content:space-between;justify-content:space-between;
  -webkit-align-items:center;align-items:center;}