- 2023-04-17
- 113に対応
右上findbar
findbar {
display: table !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;
}
#main-window[inFullscreen] findbar{
margin-top: 0 !important;
}
.findbar-textbox {
/* font-size: medium !important; */
}
.findbar-container {
float: left !important;
}
.findbar-container checkbox.tabbable {
border-radius: 4px !important;
margin: 0px 1px !important;
padding: 3px 7px !important;
line-height: 16px !important;
}
/*テーマによっては背景色が消えてしまう*/
#main-window[lwtheme-mozlightdark] .findbar-container checkbox.tabbable:hover {
background: var(--button-hover-bgcolor) !important;
}
#main-window[lwtheme-mozlightdark] .findbar-container checkbox[checked].tabbable {
background: var(--button-active-bgcolor) !important;
}
.findbar-container checkbox.tabbable:hover {
background: rgba(190,190,190,.4) !important;
}
.findbar-container checkbox[checked].tabbable {
background: rgba(190,190,190,.6)!important;
}
.findbar-container .checkbox-check,
.findbar-highlight .checkbox-label,
.findbar-case-sensitive .checkbox-label,
.findbar-match-diacritics .checkbox-label {
display: none !important;
}
.findbar-highlight:after,
.findbar-case-sensitive:after,
.findbar-match-diacritics:after {
display: inline-block !important;
box-sizing: border-box !important;
margin: 1px 0 !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 {
order: -1 !important;
margin: 0 8px 0 0 !important;
}
.findbar-find-status {
display: none !important;
}
.findbar-container,
.findbar-closebutton {
vertical-align: middle !important;
}
.close-icon {
padding: 4px !important;
margin-right: 0!important;
}
旧タイトル:ページ内検索バーをChrome風にする.css
更新履歴
- 2023-04-17
- 113に対応
- 2022-11-10
- 107で消えてた
- 2021-08-30
- 横幅、多分92から
- 2021-06-08
- テーマによってはボタンの背景色が消えてた
- 2021-06-07
- 微修正
- 2021-04-22
- 89に対応
- 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
- 2014-05-04
- 微修正
- 2013-11-08
- 公開