ユーザースタイルシートを使ってはてブとかで簡易URLフィルタ
こんなふうに書きますとnaverまとめのタイトル部分に打ち消し線が出て、うっかり題名詐欺に引っかからないようになります。
例（書いてあるURLに他意はありません）
a[href^="http://matome.naver.jp/"] {text-decoration:line-through !important;}
解説
href^="" の中に見たくないサイトのURLをいれるだけ。前方一致なので下の階層も反応する。絶対見たくないならdisplay:none;とかするといいけど、余計に気になっちゃうので逆効果だと思う。
はてブユーザースタイルシートをウィンドウ幅に合わせて伸び縮みするようにした
メディアクエリーやめました。
トップページのウィンドウサイズを狭めると水平スクロールバーが出てしまうのはなにが悪いのかわかりませんでした。
たぶんなんかの要素がposition:absolute; left:50%;とかいうやり方で真ん中寄せにするということをやっているからだと思う。
ユーザーCSSに関してはこちら
はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog
はてブユーザースタイルシートのフォント周りを改修
旧エントリーページのCSSを削除した。
で、フォントのサイズの基本を13pxにして文字サイズの指定を相対表示にしてみた。
(参考：Yahoo User Interface http://yuilibrary.com/yui/docs/cssfonts/)
CSSの最初に書いてある
body{ font:13px/1.231 sans-serif !important;}
のfontの値をいじれば全体的に文字のサイズを自分の好きな様に調節できるはず。検証してないけど。
それと、個人的に嫌だったフォントファミリー指定もsans-serifだけにしたよ。
Windowsだけども仕事上の都合でヒラギノ角ゴを入れている関係でフォントが汚いことになってしまうのでサイト側で強制されたくないってのが理由。
なのでこの指定が気に入らなければ適当に書きなおして下さい。
はてブデフォルトの指定はこれ
body {font: 16px/1.5 Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, sans-serif;}
なんかbase.css見てみると
body.os-win { font-family: Helvetica, Arial, Meiryo, 'メイリオ', sans-serif;}
ってのがあるけどbodyにos-winなんてついてないしなあ。
個別エントリーページも同じくフォント指定を入れてみた。
新着エントリー、同じサイトのほかのエントリー、関連エントリー部分はどうにもこうにもHTMLの構造がバラバラで見た目を同じにするのが大変な上、いじっているうちによくわからなくなったので、これからのはてな側のアップデートに期待したい所。
li.userとul.userがあるのと、.entry-dataの.entry-metaあたりがバラバラなのどうにかなりませんかねえ・・・・
ユーザーCSSに関してはこちら
はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog
