1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
/* ╔════════════════════════════════════════════════════════════╗
║ KAGI TRANSPARENCY THEME ║
╚════════════════════════════════════════════════════════════╝ */
/* ---------- Root page layers ---------- */
html,
body,
main,
#main,
#search-root,
section,
article,
.kagi-main,
.kagi-search-content,
.kagi-root,
.results,
.results-box,
.results-area,
.search-result,
.search-result__wrapper,
.searchResult,
.__sri,
.__srgi,
.item,
.result,
.results-box > * {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
/* ---------- Navigation / header / footer ---------- */
header,
nav,
footer,
.tabs,
.top-nav,
.kagi-nav {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* ---------- Search box container ---------- */
#searchForm,
.search-form,
.search-input-container,
#searchForm > .search-input-container._0_search-input-container._0_no_multiline {
background: rgba(0, 54, 54, 0.18) !important;
background-color: rgba(0, 54, 54, 0.18) !important;
background-image: none !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-radius: 14px !important;
}
/* ---------- Search input itself ---------- */
#searchBar,
input[name="q"] {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: rgba(255, 255, 255, 0.96) !important;
}
/* ---------- Dropdowns / autosuggest ---------- */
[role="listbox"],
[role="menu"],
[role="dialog"],
.auto_suggestions,
.auto_suggestions_in {
background: rgba(0, 54, 54, 0.92) !important;
background-color: rgba(0, 54, 54, 0.92) !important;
background-image: none !important;
border: 1px solid rgba(255, 255, 255, 0.14) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
opacity: 1 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* ---------- Dropdown items ---------- */
[role="listbox"] *,
[role="menu"] *,
[role="dialog"] *,
.auto_suggestions *,
.auto_suggestions_in * {
opacity: 1 !important;
color: rgba(255, 255, 255, 0.96) !important;
}
/* ---------- Hover / selected item inside dropdown ---------- */
[role="option"]:hover,
[aria-selected="true"],
.auto_item:hover,
.auto_item.--selected {
background: rgba(255, 255, 255, 0.10) !important;
background-color: rgba(255, 255, 255, 0.10) !important;
}
/* ---------- Kill the right-edge smear/fade ---------- */
.spt,
.spt::before,
.spt::after {
background: transparent !important;
background-image: none !important;
}
.spt::before,
.spt::after {
content: none !important;
display: none !important;
}
|
