はてな
細いヘッダーが選べるようになったので変更。
はてな押し着せから変えたのは以下の部分。
#simple-header{padding:5px 0!important} #simple-header img#logo-hatena {margin-left:2px} #simple-header input.search-button, #simple-header ul li a {color:#3f628e;font-size:70%}
- 行目 - 文字列の上下で隙間が違っているのが気になったので修正。
- 行目 - 左端 Hatena ロゴの左脇が空き過ぎていたので修正。
- 行目 - 淡い色の上に白抜きはコントラストが出ない/白抜き文字が嫌いなので修正。フォントは自分用なので小さくした。
コメントに従ってもう一行追加したが、手許の Firefox はキャッシュのクリア方法が分からないせいか未だ枠が出ている。
#simple-header a img{border:none}
Advanced - Network - Cache ですね。そこをクリアしたら枠が消えた。案外 Firefox って、Reload してもしつこくキャッシュを使う仕様だと知れて良かった。
- それからもう一つ、@media handheld の {display:none} にも #simple-header を追加しておいた。
- W-ZERO 3/[es] の Opera は @media を手動で切り替えられたんでしたよね。
更に文字の重なりを幾らか回避するため、以下も追加。
#simple-header .search-form{margin:0 45% 0 0} #simple-header ul{margin:0 0 0 45%}
- 最初に Opera でボーダーが出ていなかったのは、作成者モードにおいても私の所では閲覧者側の規定するリンク表示設定を使うようにしてあったから。