Modern Modoki (2.0x) for Firefox のカスタマイズ

最終更新日：2006年12月29日

userChrome.css と userContent.css を使って、Mozilla のユーザインターフェイスの見た目をカスタマイズすることができます。

検索エンジンのドロップマーカーを非表示にする

searchbar-drop-2.png

userChrome.css 
window[theme="MDK"] searchbar .searchbar-dropmarker-image {
  display: none !important;
}

検索履歴のドロップマーカーを非表示にする

searchbar-drop-3.png

userChrome.css 
window[theme="MDK"] .searchbar-textbox .autocomplete-history-dropmarker {
  display: none !important;
}

検索実行ボタンを非表示にする

searchbar-gobutton.png

userChrome.css 
window[theme="MDK"] .search-go-button {
  display: none !important;
}

ロケーションバーの移動ボタンを非表示にする

urlbar-gobutton.png

userChrome.css 
window[theme="MDK"] #go-button {
  display: none !important;
}

ツールバーの文字を常に表示する

toolbar-text.png

userChrome.css 
window[theme="MDK"] toolbar:not([id="nav-bar"])[mode="icons"] .toolbarbutton-text {
  display: -moz-box !important;
}

スクロールバーの幅を狭くする

narrow-scrollbar.png

userChrome.css & userContent.css 
slider {
  height: 11px !important;
  background: url("chrome://global/skin/scrollbar/mini-slider-hrz.png") repeat-x;
}

slider[orient="vertical"] {
  width: 11px !important;
  background: url("chrome://global/skin/scrollbar/mini-slider-vrt.png") repeat-y;
}

thumb {
  min-height: 11px !important;
  background-image: url("chrome://global/skin/scrollbar/mini-thumb-vrt-grip.png") !important;
}

thumb[orient="horizontal"] {
  min-width: 11px !important;
  background-image: url("chrome://global/skin/scrollbar/mni-thumb-hrz-grip.png") !important;
}

scrollbarbutton {
  width: 11px !important;
  height: 11px !important;
}

scrollbarbutton[type="increment"] {
  background-image: url("chrome://global/skin/scrollbar/mini-btn-rit.gif") !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
  background-image: url("chrome://global/skin/scrollbar/mini-btn-dn.gif") !important;
}

scrollbarbutton[type="decrement"] {
   background-image: url("chrome://global/skin/scrollbar/mini-btn-lft.gif") !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
   background-image: url("chrome://global/skin/scrollbar/mini-btn-up.gif") !important;
}

[目次]

inserted by FC2 system