とりブ

構造

#search-container

サーチバーの入れ物.

ツールバーをカスタマイズするときのひとかたまりの要素. デフォルトでナビバー上

Element

toolbaritem#search-container.chromeclass-toolbar-additional

位置

#nav-bar > #search-container

CSS Rules (default)

searchbar

サーチバー. XBL に結び付けられている.

Element

searchbar#searchbar

位置

#search-container > #searchbar

CSS Rules (default)

• xul:stringbundle
• .searchbar-textbox
  • .autocomplete-textbox-container
    • xul:box
      • .searchbar-engine-button
    • .textbox-inputbox
    • .search-go-container
      • .search-go-button
  • .autocomplete-history-dropmarker
  • .autocomplete-history-popupset

.searchbar-textbox

サーチバー本体

Element

xul:textbox.searchbar-textbox

位置

#searchbar > .searchbar-textbox

CSS Rules (default)

width: 6em;
min-width: 6em;
margin: 1px 3px;
padding: 0;
border: 1px solid ThreeDShadow;
border-radius: 2.5px;

.autocomplete-textbox-container

.textbox-input-box が入る領域

textbox[type="autocomplete"] に結び付けられている.

Element

xul:hbox.autocomplete-textbox-container

位置

.searchbar-textbox > .autocomplete-textbox-container

CSS Rules (default)

.searchbar-engine-button

サーチエンジンボタン

Element

xul:button.searchbar-engine-button

位置

#searchbar > .searchbar-textbox > .autocomplete-textbox-container > xul:box > .searchbar-engine-button

CSS Rules (default)

.textbox-input-box

文字入力部分の領域.

textbox に XBL で binding されている.

Element

xul:hbox.textbox-input-box

位置

textbox > .autocomplete-textbox-container > .textbox-input-box

CSS Rules (default)

.search-go-container

虫眼鏡ボタンの入る領域

Element

xul:box.search-go-container

位置

.autocomplete-textbox-container > .search-go-container

CSS Rules (default)

.autocomplete-history-dropmarker

履歴表示ボタン.

textbox[type="autocomplete"] に結び付けられている.

Element

xul:hbox.autocomplete-history-dropmarker

位置

.searchbar-textbox > .autocomplete-history-dropmarker

CSS Rules (default)

スタイルシートの適用

.searchbar-engine-button,
.search-go-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.searchbar-engine-image {
  -moz-margin-start: 0 !important;
}

.searchbar-dropmarker-image {
  display: none !important;
}

#navigator-toolbox[iconsize="small"][mode="icons"]
 > #nav-bar > #urlbar-search-splitter {
  -moz-margin-end: -3px !important;
}