PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.5
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.5
4.9.5 4.9.4 4.9.3 4.9.2 4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 All 203 releases
betterdocs / react-src / gutenberg / blocks / faq / src / style.css

style.css in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/gutenberg/blocks/faq/src/style.css

489 lines 13.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* ============================================= */
2 /* Only Layout 2 modification from Default Layout
3 /* ============================================= */
4 /* ===================================== */
5 /* Column CSS
6 /* ===================================== */
7 .el-betterdocs-category-grid-wrapper {
8 margin: 0 -7.5px;
9 }
10 .el-betterdocs-category-grid-wrapper .el-betterdocs-category-grid.fit-to-screen {
11 display: flex;
12 flex-wrap: wrap;
13 }
14 .el-betterdocs-category-grid-wrapper .el-betterdocs-category-grid.fit-to-screen .el-betterdocs-category-grid-post {
15 display: flex;
16 }
17 .el-betterdocs-category-grid-wrapper .el-betterdocs-category-grid.fit-to-screen .el-betterdocs-category-grid-post .el-betterdocs-cg-inner {
18 width: 100%;
19 }
20
21 .el-betterdocs-category-grid-post .el-betterdocs-cg-inner {
22 background: #ffffff;
23 box-shadow: 0 10px 100px 0 rgba(40, 47, 98, 0.08);
24 margin: 0 7.5px 15px 7.5px;
25 }
26 .el-betterdocs-category-grid-post .docs-sub-cat-list {
27 display: block;
28 }
29
30 .betterdocs-category-grid-wrapper .el-betterdocs-cg-body {
31 padding: 0px 20px 0px 20px;
32 }
33 .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul {
34 margin: 0;
35 padding: 0;
36 list-style: none;
37 }
38 .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul li {
39 margin: 10px;
40 display: flex;
41 align-items: center;
42 color: #566e8b;
43 }
44 .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul li a {
45 text-decoration: none;
46 color: #566e8b;
47 line-height: 1.8;
48 }
49 .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul li .el-betterdocs-cg-post-list-icon {
50 font-style: normal;
51 line-height: 1.8;
52 margin-right: 10px;
53 }
54 .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul.docs-sub-cat-list {
55 margin-left: 20px;
56 }
57
58 .el-betterdocs-cg-header {
59 padding: 20px;
60 }
61 .el-betterdocs-cg-header .el-betterdocs-cg-header-inner {
62 display: flex;
63 flex-direction: row;
64 align-items: center;
65 padding-bottom: 20px;
66 }
67 .el-betterdocs-cg-header .betterdocs-category-title {
68 color: #528ffe;
69 font-size: 20px;
70 position: relative;
71 margin: 0;
72 word-break: break-word;
73 }
74 .el-betterdocs-cg-header .el-betterdocs-cat-icon {
75 max-height: 32px;
76 max-width: 32px;
77 margin-right: 30px;
78 transition: 300ms;
79 }
80 .el-betterdocs-cg-header .el-betterdocs-cat-icon img {
81 width: 100%;
82 }
83 .el-betterdocs-cg-header .el-betterdocs-item-count {
84 min-height: 35px;
85 min-width: 35px;
86 background: #528ffe;
87 display: flex;
88 align-items: center;
89 justify-content: center;
90 border-radius: 50%;
91 margin-left: auto;
92 color: #ffffff;
93 font-size: 15px;
94 }
95
96 .elgb-betterdocs-grid-sub-cat-title {
97 display: block;
98 cursor: pointer;
99 margin: 10px 10px 0 10px;
100 }
101 .elgb-betterdocs-grid-sub-cat-title .toggle-arrow {
102 margin-right: 5px;
103 }
104 .elgb-betterdocs-grid-sub-cat-title .arrow-down {
105 display: none;
106 }
107 .elgb-betterdocs-grid-sub-cat-title a {
108 color: #566e8b;
109 font-size: 18px;
110 line-height: 2;
111 transition: all 0.3s;
112 outline: none;
113 text-decoration: none !important;
114 }
115 .elgb-betterdocs-grid-sub-cat-title i {
116 font-size: 16px;
117 }
118
119 .docs-sub-cat-wrapper {
120 display: none;
121 }
122
123 .el-betterdocs-cg-button {
124 text-decoration: none !important;
125 display: inline-block;
126 background-color: #ffffff;
127 font-size: 16px;
128 color: #528ffe;
129 border: 1px solid #528ffe;
130 border-radius: 50px;
131 line-height: 1;
132 padding: 15px 20px;
133 margin: 10px 20px;
134 }
135 .el-betterdocs-cg-button .el-betterdocs-cg-button-icon {
136 font-style: normal;
137 position: relative;
138 top: 1px;
139 }
140 .el-betterdocs-cg-button .el-betterdocs-cg-button-icon.el-betterdocs-cg-button-icon-left {
141 margin-right: 5px;
142 }
143 .el-betterdocs-cg-button .el-betterdocs-cg-button-icon.el-betterdocs-cg-button-icon-right {
144 margin-left: 5px;
145 }
146
147 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-header {
148 padding: 0px 20px;
149 }
150 .el-betterdocs-category-grid-post.layout-2 .betterdocs-category-title {
151 transition: 300ms;
152 margin-top: 30px;
153 color: #528ffe;
154 font-size: 18px;
155 font-weight: 500;
156 }
157 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count {
158 margin: 0;
159 border-radius: 0;
160 position: relative;
161 display: block;
162 width: auto;
163 background: none;
164 height: 45px;
165 width: 40px;
166 }
167 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:before {
168 content: attr(data-content);
169 position: absolute;
170 left: 0;
171 top: -1px;
172 height: 45px;
173 width: 40px;
174 background: #fc8c91;
175 align-items: center;
176 display: flex;
177 justify-content: center;
178 }
179 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:after {
180 position: absolute;
181 left: 40px;
182 top: -1px;
183 content: "";
184 border-top: 6px solid #ad5e62;
185 border-right: 6px solid transparent;
186 opacity: 0.9;
187 }
188 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-body ul li {
189 font-size: 15px;
190 }
191 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-body ul li a {
192 color: #707070;
193 }
194 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-inner {
195 transition: 300ms;
196 box-shadow: 0px 1px 5px 0px rgba(0, 9, 78, 0.1);
197 border-radius: 5px;
198 }
199 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-inner:hover {
200 box-shadow: 0px 15px 40px 0px rgba(0, 9, 78, 0.1);
201 }
202 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-button {
203 font-size: 15px;
204 text-decoration: none !important;
205 border: 0px solid;
206 border-radius: 0;
207 color: #333333;
208 transition: 300ms;
209 }
210 .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-button:hover {
211 color: #fc8c91;
212 }
213
214 .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:after {
215 position: absolute;
216 right: 40px;
217 left: 0;
218 border-top: 6px solid #ad5e62;
219 border-left: 6px solid transparent;
220 border-right: unset;
221 }
222 .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-header .el-betterdocs-item-count {
223 margin-right: unset;
224 margin-left: auto;
225 }
226 .rtl .el-betterdocs-category-grid-post .el-betterdocs-cg-header .el-betterdocs-item-count {
227 margin-right: auto;
228 margin-left: unset;
229 }
230
231 .betterdocs-category-grid-wrapper {
232 width: 100%;
233 max-width: 1600px;
234 display: block;
235 margin: 0 auto;
236 }
237
238 .betterdocs-category-grid.masonry {
239 margin-left: auto;
240 margin-right: auto;
241 }
242
243 .betterdocs-category-grid {
244 display: flex;
245 flex-wrap: wrap;
246 }
247
248 .docs-sub-cat-wrapper {
249 overflow: hidden;
250 transition: height 300ms ease-in;
251 }
252
253 /* ===================================== */
254 /* Column CSS
255 /* ===================================== */
256 @media only screen and (min-width: 1025px) {
257 .betterdocs-block.betterdocs-grid-1 {
258 position: relative;
259 }
260 .betterdocs-block.betterdocs-grid-1 .el-betterdocs-category-grid-post {
261 width: 100%;
262 }
263 .betterdocs-block.betterdocs-grid-2 {
264 position: relative;
265 }
266 .betterdocs-block.betterdocs-grid-2 .el-betterdocs-category-grid-post {
267 width: 50%;
268 }
269 .betterdocs-block.betterdocs-grid-2 .el-betterdocs-category-grid-post:nth-of-type(2n) {
270 margin-right: 0 !important;
271 }
272 .betterdocs-block.betterdocs-grid-2 .el-betterdocs-category-grid-post:nth-of-type(2n + 1) {
273 clear: left;
274 }
275 .betterdocs-block.betterdocs-grid-3 {
276 position: relative;
277 }
278 .betterdocs-block.betterdocs-grid-3 .el-betterdocs-category-grid-post {
279 width: 33.3333%;
280 }
281 .betterdocs-block.betterdocs-grid-3 .el-betterdocs-category-grid-post:nth-of-type(3n) {
282 margin-right: 0 !important;
283 }
284 .betterdocs-block.betterdocs-grid-3 .el-betterdocs-category-grid-post:nth-of-type(3n + 1) {
285 clear: left;
286 }
287 .betterdocs-block.betterdocs-grid-4 {
288 position: relative;
289 }
290 .betterdocs-block.betterdocs-grid-4 .el-betterdocs-category-grid-post {
291 width: 25%;
292 }
293 .betterdocs-block.betterdocs-grid-4 .el-betterdocs-category-grid-post:nth-of-type(4n) {
294 margin-right: 0 !important;
295 }
296 .betterdocs-block.betterdocs-grid-4 .el-betterdocs-category-grid-post:nth-of-type(4n + 1) {
297 clear: left;
298 }
299 .betterdocs-block.betterdocs-grid-5 {
300 position: relative;
301 }
302 .betterdocs-block.betterdocs-grid-5 .el-betterdocs-category-grid-post {
303 width: 20%;
304 }
305 .betterdocs-block.betterdocs-grid-5 .el-betterdocs-category-grid-post:nth-of-type(5n) {
306 margin-right: 0 !important;
307 }
308 .betterdocs-block.betterdocs-grid-5 .el-betterdocs-category-grid-post:nth-of-type(5n + 1) {
309 clear: left;
310 }
311 .betterdocs-block.betterdocs-grid-6 {
312 position: relative;
313 }
314 .betterdocs-block.betterdocs-grid-6 .el-betterdocs-category-grid-post {
315 width: 16%;
316 }
317 .betterdocs-block.betterdocs-grid-6 .el-betterdocs-category-grid-post:nth-of-type(6n) {
318 margin-right: 0 !important;
319 }
320 .betterdocs-block.betterdocs-grid-6 .el-betterdocs-category-grid-post:nth-of-type(6n + 1) {
321 clear: left;
322 }
323 }
324 @media only screen and (max-width: 1024px) and (min-width: 766px) {
325 .betterdocs-block.betterdocs-grid-tablet-1 {
326 position: relative;
327 }
328 .betterdocs-block.betterdocs-grid-tablet-1 .el-betterdocs-category-grid-post {
329 width: 100%;
330 }
331 .betterdocs-block.betterdocs-grid-tablet-2 {
332 position: relative;
333 }
334 .betterdocs-block.betterdocs-grid-tablet-2 .el-betterdocs-category-grid-post {
335 width: 50%;
336 }
337 .betterdocs-block.betterdocs-grid-tablet-2 .el-betterdocs-category-grid-post:nth-of-type(2n) {
338 margin-right: 0 !important;
339 }
340 .betterdocs-block.betterdocs-grid-tablet-2 .el-betterdocs-category-grid-post:nth-of-type(2n + 1) {
341 clear: left;
342 }
343 .betterdocs-block.betterdocs-grid-tablet-3 {
344 position: relative;
345 }
346 .betterdocs-block.betterdocs-grid-tablet-3 .el-betterdocs-category-grid-post {
347 width: 33.3333%;
348 }
349 .betterdocs-block.betterdocs-grid-tablet-3 .el-betterdocs-category-grid-post:nth-of-type(3n) {
350 margin-right: 0 !important;
351 }
352 .betterdocs-block.betterdocs-grid-tablet-3 .el-betterdocs-category-grid-post:nth-of-type(3n + 1) {
353 clear: left;
354 }
355 .betterdocs-block.betterdocs-grid-tablet-4 {
356 position: relative;
357 }
358 .betterdocs-block.betterdocs-grid-tablet-4 .el-betterdocs-category-grid-post {
359 width: 25%;
360 }
361 .betterdocs-block.betterdocs-grid-tablet-4 .el-betterdocs-category-grid-post:nth-of-type(4n) {
362 margin-right: 0 !important;
363 }
364 .betterdocs-block.betterdocs-grid-tablet-4 .el-betterdocs-category-grid-post:nth-of-type(4n + 1) {
365 clear: left;
366 }
367 .betterdocs-block.betterdocs-grid-tablet-5 {
368 position: relative;
369 }
370 .betterdocs-block.betterdocs-grid-tablet-5 .el-betterdocs-category-grid-post {
371 width: 20%;
372 }
373 .betterdocs-block.betterdocs-grid-tablet-5 .el-betterdocs-category-grid-post:nth-of-type(5n) {
374 margin-right: 0 !important;
375 }
376 .betterdocs-block.betterdocs-grid-tablet-5 .el-betterdocs-category-grid-post:nth-of-type(5n + 1) {
377 clear: left;
378 }
379 .betterdocs-block.betterdocs-grid-tablet-6 {
380 position: relative;
381 }
382 .betterdocs-block.betterdocs-grid-tablet-6 .el-betterdocs-category-grid-post {
383 width: 16%;
384 }
385 .betterdocs-block.betterdocs-grid-tablet-6 .el-betterdocs-category-grid-post:nth-of-type(6n) {
386 margin-right: 0 !important;
387 }
388 .betterdocs-block.betterdocs-grid-tablet-6 .el-betterdocs-category-grid-post:nth-of-type(6n + 1) {
389 clear: left;
390 }
391 }
392 @media only screen and (max-width: 767px) {
393 .betterdocs-block.betterdocs-grid-mobile-1 {
394 position: relative;
395 }
396 .betterdocs-block.betterdocs-grid-mobile-1 .el-betterdocs-category-grid-post {
397 width: 100%;
398 }
399 .betterdocs-block.betterdocs-grid-mobile-2 {
400 position: relative;
401 }
402 .betterdocs-block.betterdocs-grid-mobile-2 .el-betterdocs-category-grid-post {
403 width: 50%;
404 }
405 .betterdocs-block.betterdocs-grid-mobile-2 .el-betterdocs-category-grid-post:nth-of-type(2n) {
406 margin-right: 0 !important;
407 }
408 .betterdocs-block.betterdocs-grid-mobile-2 .el-betterdocs-category-grid-post:nth-of-type(2n + 1) {
409 clear: left;
410 }
411 .betterdocs-block.betterdocs-grid-mobile-3 {
412 position: relative;
413 }
414 .betterdocs-block.betterdocs-grid-mobile-3 .el-betterdocs-category-grid-post {
415 width: 33.3333%;
416 }
417 .betterdocs-block.betterdocs-grid-mobile-3 .el-betterdocs-category-grid-post:nth-of-type(3n) {
418 margin-right: 0 !important;
419 }
420 .betterdocs-block.betterdocs-grid-mobile-3 .el-betterdocs-category-grid-post:nth-of-type(3n + 1) {
421 clear: left;
422 }
423 .betterdocs-block.betterdocs-grid-mobile-4 {
424 position: relative;
425 }
426 .betterdocs-block.betterdocs-grid-mobile-4 .el-betterdocs-category-grid-post {
427 width: 25%;
428 }
429 .betterdocs-block.betterdocs-grid-mobile-4 .el-betterdocs-category-grid-post:nth-of-type(4n) {
430 margin-right: 0 !important;
431 }
432 .betterdocs-block.betterdocs-grid-mobile-4 .el-betterdocs-category-grid-post:nth-of-type(4n + 1) {
433 clear: left;
434 }
435 .betterdocs-block.betterdocs-grid-mobile-5 {
436 position: relative;
437 }
438 .betterdocs-block.betterdocs-grid-mobile-5 .el-betterdocs-category-grid-post {
439 width: 20%;
440 }
441 .betterdocs-block.betterdocs-grid-mobile-5 .el-betterdocs-category-grid-post:nth-of-type(5n) {
442 margin-right: 0 !important;
443 }
444 .betterdocs-block.betterdocs-grid-mobile-5 .el-betterdocs-category-grid-post:nth-of-type(5n + 1) {
445 clear: left;
446 }
447 .betterdocs-block.betterdocs-grid-mobile-6 {
448 position: relative;
449 }
450 .betterdocs-block.betterdocs-grid-mobile-6 .el-betterdocs-category-grid-post {
451 width: 16%;
452 }
453 .betterdocs-block.betterdocs-grid-mobile-6 .el-betterdocs-category-grid-post:nth-of-type(6n) {
454 margin-right: 0 !important;
455 }
456 .betterdocs-block.betterdocs-grid-mobile-6 .el-betterdocs-category-grid-post:nth-of-type(6n + 1) {
457 clear: left;
458 }
459 }
460 .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:after {
461 position: absolute;
462 right: 40px;
463 left: 0;
464 border-top: 6px solid #ad5e62;
465 border-left: 6px solid transparent;
466 border-right: unset;
467 }
468
469 .rtl .el-betterdocs-category-grid-post .el-betterdocs-cg-header .el-betterdocs-item-count {
470 margin-right: auto;
471 margin-left: unset;
472 }
473
474 .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-header .el-betterdocs-item-count {
475 margin-right: unset;
476 margin-left: auto;
477 }
478
479 .betterdocs-category-grid-wrapper {
480 width: 100%;
481 max-width: 1600px;
482 display: block;
483 margin: 0 auto;
484 }
485
486 .betterdocs-category-grid.masonry {
487 margin-left: auto;
488 margin-right: auto;
489 }/*# sourceMappingURL=style.css.map */