ページ内検索バーを右上に配置する.css
- 2020-11-27
- 84ぐらいから消えてた
右上findbar
.browserContainer { position: relative !important; } #statuspanel-inner { width: unset !important; } findbar { -moz-box-ordinal-group: 0 !important; position: absolute !important; top: 0 !important; right: 0 !important; margin: -1px 20px 0 0 !important; border: 1px solid var(--chrome-content-separator-color) !important; border-top: 0 !important; background-color: var(--toolbar-bgcolor) !important; background-image: none !important; z-index: 1002 !important; display: flex !important; } #main-window[inFullscreen] findbar{ margin-top: 0 !important; } .findbar-textbox { font-size: medium !important; } findbar .findbar-container, findbar .close-icon{ pointer-events: auto; } .findbar-highlight, .findbar-case-sensitive { padding: var(--toolbarbutton-inner-padding) !important; } .findbar-highlight .toolbarbutton-text, .findbar-case-sensitive > .toolbarbutton-text, .findbar-match-diacritics > .toolbarbutton-text { display: none !important; } .findbar-highlight:after, .findbar-case-sensitive:after, .findbar-match-diacritics:after { display: -moz-box !important; } .findbar-highlight:after { content: "\00a0\00a0\00a0\00a0"; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABlElEQVR42mL8//8/Ay0BQAAxMdAYAAQQzS0ACCCaWwAQQDS3ACCAWEjVsGzLvv/HLlxjsDLQYojycWIkpB4ggJhINZyfl5thcnU2Aw83J8OijbsJJkGAAGIi1XAvOzOG33/+MDia6TMwMzExzF69Da8lAAHERI7hP3/9Zvj24yeDlaE2mD9l6UaclgAEEBMphv/5+xdu+LfvQPzjB4OpjjrD4aNHceoHCCAWclwOMxxE7z1xnsHc3BynGQABxIivqNC3dPh/4dh+rIZ///GLYc/xcwxsbKwMRfHBOFMTQADhDaJLJw4yxBU1gA1DdzkxhoMAQADhDKL44kaw15ZMaALzm4oz4YbvO3mBKMNBACCAcFrw8d0bOBtmSV5SFDjMiTUcBAACiAEUB+h4w96j/0HYyt0f5As41rOw/9+7YM1/bHpwYYAAwumD4xeuM9i6+YLZKtqGDAt76xnJKYsAAogFl+GHd20Gs4/u2MBISWEHEECMtK7RAAKI5sU1QADR3AKAAKK5BQABRHMLAAKI5hYABBgAGVz2EZX7WKAAAAAASUVORK5CYII=) center no-repeat !important; } .findbar-case-sensitive:after { content: "Aa" !important; } .findbar-match-diacritics:after { content: "eê" !important; } .found-matches { -moz-box-ordinal-group: 0 !important; margin: 0 8px 0 0 !important; } .findbar-find-status { display: none !important; } .findbar-container, .findbar-closebutton { vertical-align: middle !important; }
旧タイトル:ページ内検索バーをChrome風にする.css
更新履歴
- 2020-11-27
- 84ぐらいから消えてた
- 2020-08-21
- 細々修正
- 2019-12-08
- 72からfindbarが見えなくなったので直した
- 2017-11-24
- 2017-11-20
- ×ボタンが改行しないように
- 2017-11-18
- Firefox57
- 2015-04-05
- 2015-04-02
- 2013-11-08
- 公開