mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
95 lines
1.7 KiB
CSS
95 lines
1.7 KiB
CSS
findbar {
|
|
display: flex !important;
|
|
|
|
border-radius: var(--zen-border-radius) !important;
|
|
margin: 0px !important;
|
|
|
|
width: 90% !important;
|
|
max-width: 800px;
|
|
|
|
height: auto !important;
|
|
|
|
position: absolute !important;
|
|
top: 15px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
overflow: unset !important;
|
|
box-shadow: var(--box-shadow-10);
|
|
|
|
background: var(--zen-colors-tertiary) !important;
|
|
border: 1px solid var(--zen-colors-border) !important;
|
|
|
|
transition:
|
|
top 0.35s ease,
|
|
bottom 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"] {
|
|
top: -150px;
|
|
}
|
|
|
|
@starting-style {
|
|
top: -150px;
|
|
}
|
|
}
|
|
|
|
/* Horizontal Position */
|
|
body:has(
|
|
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"]
|
|
) {
|
|
findbar {
|
|
left: 15px;
|
|
transform: translateX(0%);
|
|
}
|
|
}
|
|
|
|
body:has(
|
|
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"]
|
|
) {
|
|
findbar {
|
|
left: unset !important;
|
|
right: 15px;
|
|
transform: translateX(0%);
|
|
}
|
|
}
|
|
|
|
/* Background blur */
|
|
@media (-moz-bool-pref: "theme.better_find_bar.transparent_background") {
|
|
findbar,
|
|
findbar .findbar-textbox:not([status="notfound"]) {
|
|
backdrop-filter: blur(15px);
|
|
|
|
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;
|
|
}
|
|
}
|