今日のユーザスタイル

Firefox trunk の新型アイコンですが、スモールのくせに高さありすぎで私のところではツールバーからはみ出してしまっています。というのも、ツールバーを狭くしてるからなんですが。:p)

ということで、鍵穴じゃない戻る、進むのアイコンも Toolbar-small.png にあるので、そっちを使うことにしました。以下のそのスタイル。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
toolbar[iconsize="small"] #back-button {
  -moz-image-region: rect(0px 16px 16px 0px) !important;
}
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] #back-button[buttonover="true"] {
  -moz-image-region: rect(16px 16px 32px 0px) !important;
}
toolbar[iconsize="small"] #back-button[disabled="true"] {
  -moz-image-region: rect(32px 16px 48px 0px) !important;
}
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 16px 80px 0px) !important;
}

toolbar[iconsize="small"] #back-button[chromedir="rtl"] {
  -moz-image-region: rect(0px 32px 16px 16px) !important;
}
toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
toolbar[iconsize="small"] #back-button[chromedir="rtl"][buttonover="true"] {
  -moz-image-region: rect(16px 32px 32px 16px) !important;
}
toolbar[iconsize="small"] #back-button[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(32px 32px 48px 16px) !important;
}
toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 32px 80px 16px) !important;
}
.unified-nav-back[_moz-menuactive],
menupopup[chromedir="rtl"] > .unified-nav-forward[_moz-menuactive] {
  list-style-image: url("chrome://browser/skin/menu-back.png") !important;
}

/* forward button */

toolbar[iconsize="small"] #forward-button .toolbarbutton-icon {
  height:16px !important;
  width:16px !important;
  overflow:hidden !important;
  padding-right: 1px !important;
}
toolbar[iconsize="small"] #forward-button {
  -moz-image-region: rect(0px 32px 16px 16px) !important;
}
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  -moz-image-region: rect(16px 32px 32px 16px) !important;
}
toolbar[iconsize="small"] #forward-button[disabled="true"] {
  -moz-image-region: rect(32px 32px 48px 16px) !important;
}
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 32px 80px 16px) !important;
}

toolbar[iconsize="small"] #forward-button[chromedir="rtl"] {
  -moz-image-region: rect(0px 16px 16px 0px) !important;
}
toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
toolbar[iconsize="small"] #forward-button[chromedir="rtl"][buttonover="true"] {
  -moz-image-region: rect(16px 16px 32px 0px) !important;
}
toolbar[iconsize="small"] #forward-button[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(32px 16px 48px 0px) !important;
}
toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 16px 80px 0px) !important;
}
.unified-nav-forward[_moz-menuactive],
menupopup[chromedir="rtl"] > .unified-nav-back[_moz-menuactive] {
  list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
}