theme-store/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/chrome.css
2025-05-22 01:59:16 -06:00

188 lines
4.5 KiB
CSS

:root {
--better-findbar-transform-translateY: 150px;
--better-findbar-transform-translateX: -50%;
--better-findbar-position-top: auto;
--better-findbar-position-bottom: 15px;
--better-findbar-position-left: 50%;
--better-findbar-position-right: auto;
}
.browserContainer {
overflow: clip
}
findbar {
display: flex !important;
border-radius: var(--zen-border-radius) !important;
margin: 0px !important;
width: 90% !important;
max-width: calc(var(--theme-better_find_bar-textbox_width) * 1px);
height: auto !important;
position: absolute !important;
top: var(--better-findbar-position-top);
bottom: var(--better-findbar-position-bottom);
left: var(--better-findbar-position-left);
right: var(--better-findbar-position-right);
transform: translateX(var(--better-findbar-transform-translateX)) translateY(0);
overflow: unset !important;
box-shadow: var(--box-shadow-10);
background: var(--zen-colors-tertiary) !important;
border: 1px solid var(--zen-colors-border) !important;
transition: transform 0.35s ease !important;
visibility: visible !important;
opacity: 1 !important;
& .findbar-container {
flex-wrap: wrap;
overflow-x: auto !important;
height: auto !important;
row-gap: 10px;
& > :first-child {
width: 100% !important;
}
& .findbar-textbox {
flex-grow: 1;
}
}
&[hidden="true"] {
transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
}
@starting-style {
transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
}
}
/* Horizontal Position */
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"]
) {
--better-findbar-transform-translateX: 0%;
--better-findbar-position-left: 15px;
--better-findbar-position-right: auto;
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"]
) {
--better-findbar-transform-translateX: 0%;
--better-findbar-position-left: auto;
--better-findbar-position-right: 15px;
}
/* Vertical Position */
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-vertical_position="top"]
) {
--better-findbar-transform-translateY: -150px;
--better-findbar-position-bottom: auto;
--better-findbar-position-top: 15px;
}
/* Background blur */
@media (-moz-bool-pref: "theme.better_find_bar.transparent_background") {
findbar, findbar .findbar-textbox:not([status="notfound"]) {
backdrop-filter: blur(8px);
background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 30%) !important;
}
findbar .findbar-textbox:not([status="notfound"]) {
background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 10%) !important;
}
}
/* Hide highlight checkbox */
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_highlight="hide_immediately"]
) {
findbar .findbar-highlight {
display: none !important;
}
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_highlight="hide_on_disable"]
) {
findbar checkbox.findbar-highlight:not([checked]) {
display: none !important;
}
}
/* Hide match case checkbox */
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_match_case="hide_immediately"]
) {
findbar .findbar-case-sensitive {
display: none !important;
}
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_match_case="hide_on_disable"]
) {
findbar checkbox.findbar-case-sensitive:not([checked]) {
display: none !important;
}
}
/* Hide match diacritics checkbox */
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_match_diacritics="hide_immediately"]
) {
findbar .findbar-match-diacritics {
display: none !important;
}
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_match_diacritics="hide_on_disable"]
) {
findbar checkbox.findbar-match-diacritics:not([checked]) {
display: none !important;
}
}
/* Hide whole words checkbox */
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_whole_words="hide_immediately"]
) {
findbar .findbar-entire-word {
display: none !important;
}
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-hide_whole_words="hide_on_disable"]
) {
findbar .findbar-entire-word:not([checked]) {
display: none !important;
}
}
/* Hide find status label */
@media (-moz-bool-pref: "theme.better_find_bar.hide_find_status") {
findbar .findbar-find-status {
display: none !important;
}
}
/* Hide found matches label */
@media (-moz-bool-pref: "theme.better_find_bar.hide_found_matches") {
findbar .findbar-label.found-matches {
display: none !important;
}
}