主題

火狐Firefox CSS樣式：查找列美化

—— | 2019-03-24 00:30:39 | 巴幣 0 | 人氣 272

暗色主題也適用

:-moz-any(.browserContainer, #viewSource) .findbar-container :-moz-any(spacer, .findbar-find-fast[anonid="match-case-status"]) {
  visibility: collapse;
}

:-moz-any(.browserContainer, #viewSource) .findbar-closebutton {
  padding: 0 !important;
  margin: 0 !important;
  -moz-margin-end: 2px !important;
}

@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) {
    :-moz-any(.browserContainer, #viewSource) .findbar-closebutton {
      position: relative !important;
      top: 4px !important;
    }
}

:-moz-any(.browserContainer, #viewSource) .findbar-closebutton  .toolbarbutton-icon{
  width: 16px !important;
  height: 16px !important;
}
:-moz-any(.browserContainer, #viewSource) .findbar-textbox {
  font-size: 14px !important;
}

/*控制查找框整体位置形状*/
:-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) {
  -moz-box-ordinal-group: 0;
  position: fixed !important;
  margin-top: 0px !important;
  box-shadow: unset !important;
  border-top: 0px solid transparent !important;
  border-radius: 0 0 3px 0;
  background-color: #f9f9fa !important;
  transition-property: margin-top, opacity, visibility !important;
}

#main-window:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) {
  -moz-appearance:  0px !important;
  border-top: 0px solid transparent !important;
}

#main-window:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) .findbar-container {
  -moz-appearance: none !important;
  background-image: linear-gradient(to bottom, var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
  -moz-margin-end: -18px !important;
  -moz-padding-end: 18px !important;
}

:-moz-any(.browserContainer, #viewSource) :-moz-any(.findbar-find-status,.found-matches) {
  -moz-margin-start: 4px !important;
  -moz-margin-end: 4px !important;
  font-weight: bold !important;
}
:-moz-any(.browserContainer, #viewSource) .findbar-find-status {
  font-style: italic !important;
}
#main-window:not(:-moz-lwtheme-brighttext) :-moz-any(.browserContainer, #viewSource) .findbar-find-status {
  color: red !important;
}
#main-window:not(:-moz-lwtheme-brighttext) :-moz-any(.browserContainer, #viewSource) .found-matches {
  color: green !important;
}
#main-window:-moz-lwtheme-brighttext :-moz-any(.browserContainer, #viewSource) :-moz-any(.findbar-find-status,.found-matches) {
  color: white !important;
}