はてなハイクモバイル版を自分的に見やすくするユーザースタイルシート

はてなハイクのモバイル版をFirefoxで見たときに少しだけ見やすくするスタイルを書いてみました。

はてなハイクモバイル版はパソコンのブラウザからでも見ることができるようです。モバイル版を読んだほうが軽かったりすることがあったり、お絵かき投稿とかをしないようならば、モバイル版からでも使えるのでないかと考えています。

• はてなハイクモバイル

書いたスタイルを以下に示します。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://h.hatena.ne.jp/mobile/") {

body { width: 30em!important; }

#index, 
#keyword,
#following,
#album,
#user,
#id
 {
     margin-left: auto!important;
     margin-right: auto!important;
}

.body { width:100%!important; margin-bottom: 1.2em!important; }
.title { margin-bottom :1.2em!important; }
}

Firefoxのアドオン、Stylishで書いたものです。

widthを30emとして、中央寄せになるようにしてみました。Firefoxのサイドバーで読み込ませる場合は、センタリングしないほうが見やすいかもしれません。ついでに、タイトル部分（お題＝キーワード）とエントリの内容にマージンを指定して間をあけるようにしてみました。

なお、この記事執筆時点でのハイクのHTMLソースに基づいて書いてますので、その後の仕様変更等によって使えなくなることがあります。