PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / 2.4.0
Forumax – AI Powered Advanced Community Forum Plugin v2.4.0
2.4.4 2.4.3 2.4.2 2.4.1 2.4.0 trunk 1.0.8 1.1.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.4.0 1.4.1 2.0.0 2.1.0 All 29 releases
bbp-core / assets / frontend / scss / _search.scss

_search.scss in Forumax – AI Powered Advanced Community Forum Plugin 2.4.0, at assets/frontend/scss/_search.scss

167 lines 3.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ama-search-widget {
2 position: relative;
3 margin-left: auto;
4 margin-right: auto;
5
6 #ama-search-result {
7 display: none;
8 position: absolute;
9 width: 100%;
10 background: #fff;
11 border: 1px solid rgb(230, 238, 239);
12 border-radius: 4px;
13 box-shadow: 0 3px 4px 0 rgb(4 73 89 / 6%);
14 margin-top: 25px !important;
15 padding: 20px 25px;
16 font-size: 14px;
17 font-weight: 400;
18 transition: all 0.4s;
19 top: 45px;
20 z-index: 99;
21 }
22
23 .header_search_keyword {
24 text-align: left;
25 display: flex;
26 flex-wrap: wrap;
27 align-items: center;
28 font-weight: 500;
29 justify-content: center;
30 margin-top: 10px;
31
32 span {
33 font-size: 14px;
34 margin-right: 10px;
35 }
36
37 ul {
38 margin: 0;
39
40 li {
41 display: inline-block;
42 margin: 0 3px 0;
43
44 a {
45 display: block;
46 font-size: 13px;
47 padding: 0 19px;
48 border-radius: 45px;
49 background: var(--bbpc_color);
50 color: #fff;
51 font-weight: normal;
52
53 &.header-search-form__keywords-label {
54 color: var(--black_800);
55 }
56 }
57 }
58 }
59 }
60
61 .search-box {
62 z-index: 99;
63 position: relative;
64
65 svg {
66 position: absolute;
67 right: 8px;
68 top: 49.59999%;
69 transform: translateY(-50%);
70 line-height: 22px;
71 padding: 10px;
72 border-radius: 4px;
73 border-left-color: transparent;
74 box-sizing: border-box;
75 color: var(--bbpc_brand_color);
76 }
77
78 input.frmx-search-input {
79 border: 0 solid transparent;
80 box-shadow: none;
81 }
82
83 input {
84 width: 100%;
85 border-radius: 4px;
86 line-height: 35px;
87 text-indent: 15px;
88 padding-right: 43px;
89 }
90
91 .frmx-search-input + .spinner {
92 position: absolute;
93 right: 45px;
94 top: 50% !important;
95 transform: translateY(-55%);
96 display: none;
97 background: #fff;
98 z-index: 999;
99
100 img {
101 width: 22px;
102 }
103 }
104 }
105
106 .elementor {
107 img {
108 height: auto;
109 max-width: 100%;
110 border: none;
111 border-radius: 0;
112 -webkit-box-shadow: none;
113 box-shadow: none;
114 }
115 }
116 }
117
118 ul.list-unstyled {
119 padding-left: 0;
120 }
121
122 .ama-search-keyword-wrapper {
123 .header_search_keyword {
124 ul li a {
125 color: var(--black_600);
126 background: var(--black_50);
127 font-weight: normal;
128 }
129 }
130 }
131
132 .solved-topic-bar {
133 display: inline;
134 }
135
136 .forum-meta {
137 li {
138 padding: 0;
139 }
140 }
141
142 .bbpc_search_form_wrapper {
143 .input-wrapper {
144 input[type="search"]="search""] {
145 &::-webkit-search-cancel-button {
146 -webkit-appearance: none;
147 display: inline-block;
148 width: 12px;
149 height: 12px;
150 margin-right: 30px;
151 background:
152 linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#000 45%,#000 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
153 linear-gradient(135deg, transparent 0%,transparent 43%,#000 45%,#000 55%,transparent 57%,transparent 100%);
154 }
155
156 &.right {
157 &::-webkit-search-cancel-button {
158 margin-right: 50px;
159 }
160 }
161 }
162 }
163 }
164
165 input.frmx-search-input {
166 padding-left: 50px;
167 }