ニコニコ大百科のオートリンクの見た目をはてなっぽくするユーザースタイル(改良)
いろいろいじったら割と理想的な見た目を実現できた。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("dic.nicovideo.jp") { a.auto, a.auto-hdn { color: inherit !important; border-bottom: 1px solid silver !important; -moz-border-radius: 2px; line-height: 1 !important; display: inline-block; } a.auto:hover, a.auto-hdn:hover, a.auto:focus, a.auto-hdn:focus { text-decoration: none !important; border-bottom-color: #ff8800 !important; color: #ff8800 !important; } }
borderの位置をunderlineと同じにするために display: inline-block; line-height: 1; にしたり,オートリンクが連続で並んだときにボーダーを不連続にするために -moz-border-radius: 1px; を指定したりと,変なCSSの使い方をしてみた。
inline-blockを使ってるからFirefox 3以上を推奨。一応Firefox 2でも見た目を変えることはできるはず。