クックパッドのユーザスタイルシートを書いてみた。


Webページの見た目を変えたいってことありませんか?



cookpadの手順が横並びでちょっと読みづらかったので縦並びにしてみた。

縦並び
そのCSSがこれ (2009/08/21 現在)

#steps div.step {width:600px ! important;float:none; overflow:visible ! important;display:block;float:left! important;}
#steps div.step dl dd div{width:150px;display:block;float:left;}
#steps div.step dl dd p{width:390px;display:block;float:left;}

#steps div.step_last {width:600px ! important;float:none; overflow:visible ! important;display:block;float:left! important;}
#steps div.step_last dl dd div{width:150px;display:block;float:left;}
#steps div.step_last dl dd p{width:390px;display:block;float:left;}

普段はSleipnirを使っているので SeaHouse の UserStyleSheetConfig 使ってみてる。
Firefoxは↓を編集しればできるのですがちょっと面倒なのでアドオン(Stylish)を使うと良いかもしれない。

Win: C:\Documents and Settings\[user]\Application Data\Mozilla\Firefox\Profiles\**.**\chrome\userContent.css
Mac: /Users/[user]/Library/Application Support/Firefox/Profiles/**.**/chrome/userContent.css

ちなみにMozilla系は↓のように特定のドメインとか指定できるので
サイトごとにスタイルをつけることも可能。 詳しくは
@-moz-document domain(priereluna.net) {
	/** Write a style sheet.  */
}

関連記事:

  1. Google検索の左サイドバーを非表示にするCSS
  2. Google左サイドバーを消すGreaseMonkeyを書いてみた

Comments are closed.