citizen-journal:サイドバーの行間を詰める

サイドバーの行間を詰める。

目次のように使うため、ゆったりとした行間を詰めることにした。

それに合わせて文字のサイズも少し小さくする。

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;
}


Posted in css.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です