google seachの画面を見やすくするcss

昨日stylishのソースみて久しぶりにやってみたくなったので書きました。

とりあえず授業中に書いたやつなのでバグもあるし自分のchromeでしかためしてないのでまた後日書き直します。
値が固定部分はおそらく変更しないと使えないと思います。

chrome,firefoxで存在するstylishっていうプラグインを使って適応できます。

変更前

変更後

背景色を#f0f0f0にしてるのと検索結果の大きさを変えています。

以下ソース

body{
	background: #f0f0f0;
}

#hdtbSum {
	background: #f0f0f0;
}

#appbar {
  background: #f0f0f0;
  -webkit-box-sizing: border-box;
  width: 100%;
}

#hdtb_msb > .hdtb_mitem:first-child, .ab_tnav_wrp, #cnt #center_col, .mw #center_col {
margin-left: 120px;
}

#cnt #center_col, #cnt #foot {
	width: 828px;
}

.mw #rhs {
	margin-left: 1102px;
}

使い方
stylishのセクションにコードを貼り、適応先を個別設定させて url指定を https://www.google.co.jp/search? にする。

これである程度見やすくなると思う。