はてなブックマーク新デザイン用のクールなCSS書いたよ

　ってどこがクールなのやら。そのうえ自分で書いたのではなく

今日新しくなったはてブをすっきり一行にするユーザースタイルシート（暫定） - tpex_ovon's blog

　のカスタマイズなんだけど。

　1024*756のディスプレイ(ブラウン管)で最適化してある。OSはubuntu12.04、ブラウザはFirefox 17、CSSはＳtylish。

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

@-moz-document
url-prefix("http://b.hatena.ne.jp/entrylist"),
url-prefix("http://b.hatena.ne.jp/hotentry")
{

ul.entry-list-xl div.entry-contents blockquote,
ul.entry-list-xl li.entry-unit ul.entry-comment,
ul.entry-list-l div.entry-contents blockquote,
ul.entry-list-l li.entry-unit ul.entry-comment,
div.box3_1,
a.thumbnail,
div.entry-contents blockquote,
li.category,
li.tag
{display: none !important;}

div.box3_2 {width: 100% !important;}
div.box-wrap.box2.mix,ul.entry-vertical-4,ul.entry-vertical-3  {background-image: none !important;}

ul.users{height: auto !important;float: left;font-size:12px !important; 
margin-right:10px;border-bottom: none; width:120px !important; text-align:right;}
ul.users a {padding-left: 0!important; font-size:12px;}
ul.users li strong span {font-size:12px;width:10%;}

div.entry-contents{float:left; width:70%;padding:0 0 0 10px !important;}
li.entry-unit, li.entry-list {clear:both;}
div.entry-contents h3{margin:0 !important;}
li.entry-unit{ width:100% !important;}

div.shim-elem-for-height{ height:auto !important;}

h3.hb-entry-link-container{height:30px;}

}

　スクリーンショット

　タグは要らない、というか目に入ると不愉快なことも多いので非表示。

　RSSリーダーとかで読む手があると思ったけど、その場合は２ページめ以降が取り込めないのでCSSをいじってみた。ちゅうか、autopagerize機能は廃止なん？

　新しいデザイン、明らかにタブレット対応で、タブレットだったら使いやすいだろうと思うけど、キーボード＆マウスではどう考えても使いにくいと思う。