スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Posted at --:-- | スポンサー広告 |
2007.01.08

Firefox のダウンロードマネージャーをスリムにする

ふと気づいた。Firefox のダウンロードマネージャーはプログレスバーが太い。場所取り過ぎです。

そこでこれをガリガリにしてみました。

そして以下がそのユーザスタイルシート。多分 Mac 限定だと思います。お使いにになる場合は、userChrome.css に書いておくか、Stylish をインストールしてる人はそちらからで。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://mozapps/content/downloads/downloads.xul) {

download[state="0"], download[state="-1"], download[state="4"] {
  padding-bottom: 1px !important;
  padding-top: 1px !important;
  min-height: 40px !important;
  font-size: 10px !important;
  background-image: url("data:image/gif;base64,R0lGODlhAQAoAPAAMf%2F%2F%2FwAAACwAAAAAAQAoAAACBYSPqctYADs%3D") !important;
}
download[state="0"] .downloadTypeIcon,
download[state="-1"] .downloadTypeIcon,
download[state="4"] .downloadTypeIcon {
  margin-top: 3px !important;
}
vbox:first-child > label:last-child, hbox:last-child > label:last-child {
  font-size: 100% !important;
}

progressmeter {
  margin: 0px 6px !important;
  height: 9px !important;
  min-height: 9px !important;
}
.progress-bar {
  background-image: url("data:image/gif;base64,R0lGODdhCAAKAKUAADWA4TiE4jx%2B2z2K5D%2BC3UKQ50WJ30uP4k2L306e8VGP4VKP4VKi8lST4lSU41V8qVWT4lZ8qVaW41eW41eo9Fh%2Bqll%2FqlmW41qY5Fqa5Vus9lyc5l6d5WCc5WmRpmq4%2BmuSpm2Up227%2B2%2BVp3LA%2FHTD%2FuLk5ePk5eTl5eXl5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACAAKAAAGSkBLJfJ4RCqWTUbicEwyGw6moVBAMJzOZYFALC6dg4EgEBAMh8IgAAAEBgUNhZFIMCiaEkn0%2BYhIJSMhIB4eICEjKSgnJiYnKClBADs%3D") !important;
}
progressmeter .progress-remainder {
  background-image: url("data:image/gif;base64,R0lGODlhAQAKAPIAMe%2Fv7%2B7u7uTk5NnZ2fv7%2B%2BHh4evr6%2Ff39ywAAAAAAQAKAAADBzgVYHJkjAQAOw%3D%3D") !important;
}

}

過去の関連記事


スポンサーサイト
Posted at 20:50 | Firefox | COM(0) | TB(0) |
2007.01.08

Firefox のブックマークツールバーに favicon を表示する

Mac 版 Firefox の標準のテーマでは、ブックマークツールバーに favicon が表示されません。これはこれですっきりとしてんですが、スペースを取らない様に名前を無しにして favicon だけにするってことが出来ないんですね。

そうなるとお決まりのユーザスタイルシートでとなる訳ですが、既にそのものズバリがGrApple - Aronnax`s Firefox Themes にありました。ただこれだとフォルダーのアイコンも表示されてしまうので、ほんのちょこっと手を加えてみました。

画像の上半分がスタイル適用前、下が適用後です。そして以下がそのユーザスタイルシート。

Firefox 2 用

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* ラベルを非表示にするにはコメントを外す */
/*
toolbarbutton.bookmark-item:not([container="true"]) > .toolbarbutton-text {
  display: none !important;
}
*/
.bookmark-item:not([container="true"]) > .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 16px !important;
  height: 16px !important;
  display: inline !important;
}
.bookmark-item:not([container="true"]):hover > .toolbarbutton-icon {
  background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:not([container="true"]):hover:active > .toolbarbutton-icon {
  background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}

Firefox 3 用

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* ラベルを非表示にするにはコメントを外す */
/*
toolbarbutton.bookmark-item:not([container="true"]) > .toolbarbutton-text-stack {
  display: none !important;
}
*/
toolbarbutton.bookmark-item:not([container="true"]) > .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 16px;
  height: 16px;
  display: inline !important;
}

お使いにになる場合は、userChrome.css に書いておくか、Stylish をインストールしてる人はそちらからで。というか CSS でごにょごにょする人で Stylish をインストールしてない人は、今すぐ入れた方がいいです。ホント便利ですから。

過去の関連記事


  • 2008-03-22: ラベル非表示、Fx3 用のスタイルシートを追加

Posted at 20:48 | Firefox | COM(0) | TB(4) |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。