Firefox 3 メニューの文字の体裁をYaoo!ニュースっぽくしたい

質問

Firefox３のブックマークツールバーに各種RSSを登録してます。
ボタンをクリックするとプルダウンでニュース項目が表示されますよね。
このニュース項目の文字列の体裁（見た目）を変える方法が知りたいのです。

具体的には、
・文字色を変更する（青などに）
・文字に下線を引く
・新着ニュースには「New！」マークをつけるなど、それとわかる情報を付加する

要は、Yahoo!ニュース・トピックスのような見た目に変更できないかなと。
その方が断然見やすくなるのになあと思ったものですから。

このような変更ができるアドオン、またはアドオン「Stylish」で使える具体的なコードを教えてください。

回答No.2

neddoheny · ベストアンサー

残念ながらＣＳＳでのそこまでのスキルは持ち合わせてません。
ＨＰやブログ作成者のほうがＲＳＳ記述は詳しいかもしれませんね。
一応太い文字のフォントとして記述していますが、もし標準のフォントにしたいなら数値の 600　を 500 に変更してからFirefoxを再起動すれば、標準フォントになります。

/*ブックマークツールバーの文字を青色にしアンダーラインを付ける*/
#PersonalToolbar .bookmark-item {
-moz-appearance: none !important;
color: #0000ef !important;
font-weight: 600 !important;
padding: 2px 2px 2px 2px !important;
text-decoration: underline !important;
}
#PersonalToolbar .bookmark-item:hover {
-moz-appearance: none !important;
color: #ffffff !important;
}
#PersonalToolbar .bookmark-item .toolbarbutton-text {
background-image: none !important;
color: #000000 !important;
font-weight: normal !important;
text-decoration: underline !important;
}

ではでは。

お礼

ありがとうございました！
ついでで申し訳ないんですが、これをメニューツールバー上で
やろうとした場合、どうしたらいいんでしょうか？
PersonalToolbar .bookmarkの部分を変えればいいと思うんですが
イマイチうまくいきません。
もしよろしければ、ご回答ください。

回答No.3

ame1234

#PersonalToolbarを#personal-bookmarksに書き換える

お礼

ありがとうございました。
おかげさまでうまくいきました。

回答No.1

neddoheny

・文字色を変更する（青などに）
・文字に下線を引く

の二つならＣＳＳで書けましたが。
こんな感じでいいならコード貼ります。
ダメならスルーでＯＫ。

この投稿のマルチメディアは削除されているためご覧いただけません。

補足

おおっ！素晴らしい！
ぐっと見やすくなりますね。
ぜひコードをお教えください！
わざわざ作っていただきありがとうございました。
あつかましいお願いですが、「New！」マークのほうも
何か良いアイディアを思いつかれましたら教えてください。
暇なときでいいので。