CSS3のマルチカラム(草案)の先行実装を利用すると、Googleの検索結果がモニタ上で一望できる。それに伴ってGoogleナビゲーションその他の位置も最適化してみた。
滅多に褒めてくれないうちの嫁さんも「いいね」って言ってた。greasemonkeyスクリプトとユーザースタイルシートで実現している。
先日のユーザースタイルシートに少し指定を加えた:
@-moz-document domain("www.google.com"), domain("www.google.co.jp") {
body {margin: 0; padding: 0 }
div#res{
-moz-column-width: 25em;
-moz-column-gap: 1em;
}
.purlOrgJintrickNext b{
font-size: 30pt !important;
}
div#res table {
width: 100%;
}
#mbEnd{ display: none; }
}
Google検索結果には緑色の文字でURLが表示されていて、ウェブページの信頼性を判断する基準として利用できるのだが、これが長すぎると折り返されず、隣のカラムにはみ出して重なってしまう。これを防ぐためoverflowプロパティを追加指定した。
/* 緑色のURL部分 */
span.a{
display: block;
overflow-x: auto;
overflow-y: hidden;
}