「Twitter記法」にテーマに沿ったデザインを適用しました

かんたんデザインで設定可能な一部のデザインテーマに対して、「Twitter記法」にテーマに沿ったデザインが適用されるようCSSへ変更を行いました。
（変更前）

（変更後）

主な変更点は以下の通りです。

  • つぶやき毎に下線
  • つぶやきに対する補足情報（twitter-xxx-info）へテーマに沿った文字色を適用

今回対応したテーマを利用されていて独自にCSSの調整をされている場合、意図しない表示に変わる場合があります。あらかじめご了承ください。

CSSの変更点（例：hatena2テーマ）

/* tweet */  

div.twitter-tweet, 
div.twitter-detail {
  margin-top:0;
  margin-bottom:0;
  border-bottom:1px solid #e5ebfa;
}

div.twitter-tweet p.twitter-tweet-text, 
div.twitter-detail p.twitter-detail-text {
  margin:0;
  padding-top:7px;
}

div.twitter-tweet p.twitter-tweet-info, 
div.twitter-detail p.twitter-detail-info {
  color:#999999;
  font-size:80%;
  padding-top:0;
  padding-bottom:6px;
}
div.twitter-detail div.twitter-detail-user img {
  margin-top:6px;
}

div.twitter-tweet p.twitter-tweet-info a, 
div.twitter-detail p.twitter-detail-info a{
  color:#999999;
  text-decoration:none;
}

div.twitter-tweet p.twitter-tweet-info a:hover, 
div.twitter-detail p.twitter-detail-info a:hover{
  text-decoration:underline;
}

適応テーマ

かんたんデザインで設定可能な以下のデザインテーマ

  • hatena2-○○○
  • hatena○○○
  • hatena_○○○
  • ugomemo-○○○
  • foto-○○○
  • flowercat-○○○
  • pure-○○○
  • cafe-○○○
  • coloredleaves-○○○
  • mappycat-○○○
  • inka-○○○
  • 4chairs-○○○
  • butterfly-○○○
  • cock-○○○
  • tulip-○○○
  • soft-○○○
  • chidori-○○○

なお、テーマ作者さまでご自身でテーマの更新を希望される方は、お手数ですがはてな問い合わせ窓口までご連絡ください。