Hatena::Groupugochara

Harimauの編集記録等

2013-02-06

編集記録

21:21

掲示板で行間が広すぎるのを修正

/* 掲示板余白調整 by:harimau */
#hatena-group-bbs div.section p , .bbslog{
  padding:0 !important;
}

トップページで、hotstarの部分の高さが読み込み後に代わるのをある程度緩和

/* topPage hotstar Ajax後に高さが大幅に変わるの阻止 by:harimau */
#hatena-hotstar
{
 height:251px;
}
#hatena-hotstar:not(.hatena-module-hotstar):before
{
 content:"Now Loading...";
 display:block;
 position:relative;
 float:left;
 top:10px;
 left:10px;
}

#hatena-hotstar:not(.hatena-module-hotstar)
{
 background:no-repeat url(http://ugochara.g.hatena.ne.jp/images/group/ugochara/keyword/19.gif)
}

キーワード一覧をボタン風にしました。

ついでに、表示する個数も10→14に増やしました。

/* トップページのキーワードをいい感じに。 by:harimau */
.hatena-keyword{
 padding-left:10px;
 margin:0;
 margin-top:10px;
 list-style:none;
}

.hatena-keyword li a{
 display:block;
 padding-left:10px;
 text-decoration:none;
}
.hatena-keyword li{
 float:left;
 width:180px;
 border:solid #CCC 1px;
 border-left:1px solid #DDD;
 border-top:#EEE 1px solid;
 border-radius:3px;
 margin:0 !important;
 background:#FFC;
}

.hatena-keyword li:hover{
 background:#FF9;
}

.more_right{
 clear:both;
}

SukaiSukai2013/02/07 22:02掲示板の行間も調整してくださったんですね。
確かに以前は広すぎでしたよね。見やすくなりました!
harimauさんのCSSテクニックは非常に勉強になります!