ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はてなブックマークを春っぽい色にしたよ

2011年4月5日にはてなブックマークのデザインが大幅に変わり、やや見づらくなったのでUser.CSSを書いた。以下のCSSはURLのプレフィックスが http://b.hatena.ne.jp/entry になっているページのみに適用する。プレフィックス指定の記述はおそらくFirefox(及びFirefox系ブラウザ)にしか使えないと思う。

@-moz-document url-prefix(http://b.hatena.ne.jp/entry) {
.fixed-header, div.box#new-bookmarks, div.curvebox-body, div.box#entry-info, div.curvebox-header, div#bookmark-status, #container.mode-more .bookmark-list li, div.tweets, div#footer, div.guest-message, div.line-inner, span.retweet-count, div#footer > div.line, div.curvebox-bottom, div#footer > div.copyright {
background:#ffc !important;
}
div#header {
background:#008000 !important;
}
div.breadcrumbs, h4.entry-page-main-subtitle > span.inner, div.ads-entry, fast-hidden#ad {
display:none !important;
}
a.username {
color:#030 !important;
}
li.retweet-node > a, span.tags a, span.comment > a, span.retweet-comment > q {
color:#008000 !important;
}
span.comment, span.timestamp {
color:black !important;
}
span.retweet-comment > q {
color:#555 !important;
}
}

あと、ヘッダー(?)みたいなものがあるじゃないですか? ページをいくらスクロールしてもページ上部にしつこくくっついてくるあれ。あれも消す。このCSSはURLのプレフィックスが http://b.hatena.ne.jp になっているすべてのページに適用したいので以下のような書き方になる。

@-moz-document url-prefix(http://b.hatena.ne.jp) {
div#header {
position:static !important;
}
}

以下のスクリーンショットは順に、スタイルシート適用前、適用後その1、適用後その2。春なので春っぽい色にした。

はてなブックマークのスクリーンショット

はてなブックマークのスクリーンショット

はてなブックマークのスクリーンショット

関連

4月5日はてなブックマーク改変に対応するブックマークレット
はてなブックマークのURLに mode=more が加わったページを開くブックマークレット。
ssig33's gist: 903132 ― Gist
はてなブックマークのURLに mode=more を加えてリダイレクトするGreasemonkeyスクリプト。
Google
WWW ArtSaltのサイドストーリー
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/1226-ce73271d

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。