サイドバーの行間を詰める。
目次のように使うため、ゆったりとした行間を詰めることにした。
それに合わせて文字のサイズも少し小さくする。
style.css
#sidebar { margin-top:2.2em; } .widget { margin:0 30px 50px 0; padding:0; border-bottom:1px dashed #a3dae1; font-size:13px; } .widget a { text-decoration:none; color:#5e5e5e; } .widget a:hover { text-decoration:underline; color:#cd3e25; } .widget li, #meta.widget aside a { # background:url(library/images/bullet.png) no-repeat 3px 8px; background:url(library/images/bullet.png) no-repeat 3px 4px; border-top:1px dashed #a3dae1; margin-bottom:0; # padding:5px 5px 5px 20px; padding:1px 5px 1px 20px; } .widget li:first-child { border-top:0; margin-bottom:0; # padding:5px 5px 5px 20px; padding:1px 5px 1px 20px; } .widget ul.sub-menu li:first-child { border-top:1px dashed #a3dae1; margin-top:-5px; }