Customizing Modern Modoki (2.0x) for Firefox

Last Updated : 12/29/2006

userChrome.css and userContent.css can be used to customize the look of Mozilla's user interface.

To remove a search engine dropmarker.

userChrome.css

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

To remove a search history dropmarker.

userChrome.css

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

To remove a search go button.

userChrome.css

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

To remove a url go button.

userChrome.css

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

To display a toolbarbutton text.

userChrome.css

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

To narrow a scrollbar.

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;
}

[Index]