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

最終更新日：2008年07月21日

userChrome.css を使って、ブラウザの見た目を変更することができます。

Modern Modoki だけに適用する

文頭に 'window[theme="MDK"] ' と入れてください。

サーチボタンを削除する

image

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

タブのデザインを変更する - グラデーション色

image

userChrome.css 
window[theme="MDK"] .tabbrowser-tab {
  background-image: url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") !important;
  color: black !important;
  background-position: 0 -3px !important;   /* 2つ目の値を好みで調整 (0 > -8px) */
}

window[theme="MDK"] .tabbrowser-tab:not([selected="true"]):hover {
  background-color: #b3bfca !important;
}

タブのデザインを変更する - the Modern Modoki 2.0x 風

image

userChrome.css 
/* タブの角の丸み */
window[theme="MDK"] .tabbrowser-tab {
  -moz-border-radius-topleft: 7px !important;   /* デフォルト: 4px */
  -moz-border-radius-topright: 7px !important;   /* デフォルト: 4px */
}

/* タブバーの高さ */
window[theme="MDK"] .tabbrowser-tab {
  margin-top: 4px !important;   /* デフォルト: 3px */
}
window[theme="MDK"] .tabbrowser-tab[selected="true"] {
  margin-top: 3px !important;   /* デフォルト: 2px */
}

/* ファビコンの位置 */
.tab-icon-image {
  -moz-margin-start: 5px !important;   /* デフォルト: 3px */
}

/* 閉じるボタンの位置 */
.tab-close-button {
  -moz-margin-end: 5px !important;   /* デフォルト: 3px */
}

[目次]

inserted by FC2 system