はてなブログの目次のデザインを変更した

目次のデザインを変更

目次があっさりしすぎていたので、cssを当てた。

before

after

.entry-content .table-of-contents {
padding: 15px 10px 15px 35px;
font-size: 100%;
border:dotted 1px #777;
background:#f7f7f7;
}

.table-of-contents li {
list-style: none;
}

.table-of-contents:before {
content: "目次";
font-size: 110%;
font-weight:bold;
color:#000;
}