PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 1.7.3
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v1.7.3
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 3.4.2 3.5.0 3.5.1 3.5.2 All 199 releases
betterdocs / public / css / betterdocs-public.css

betterdocs-public.css in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 1.7.3, at public/css/betterdocs-public.css

1,175 lines 25.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * All of the CSS for your public-facing functionality should be
3 * included in this file.
4 */
5 a.docs-single-cat-wrap:hover,
6 .docs-single-cat-wrap a:hover {
7 text-decoration: none;
8 }
9 .betterdocs-wraper .betterdocs-archive-wrap {
10 width: 100%;
11 max-width: 1400px;
12 display: block;
13 margin: 0 auto;
14 }
15 .betterdocs-search-form-wrap .betterdocs-live-search {
16 width: 100%;
17 max-width: 800px;
18 display: block;
19 margin: 0 auto;
20 }
21 .betterdocs-search-heading {
22 text-align: center;
23 }
24 .betterdocs-wraper {
25 background-color: #fff;
26 }
27 .betterdocs-search-form-wrap {
28 background-color: #f7f7f7;
29 padding: 50px 20px;
30 border-bottom: 1px solid #f1f1f1;
31 }
32 .betterdocs-searchform {
33 display: flex;
34 flex-flow: row nowrap;
35 }
36 .betterdocs-live-search {
37 position: relative;
38 }
39 .betterdocs-searchform .betterdocs-search-field {
40 width: 100%;
41 background: none;
42 color: #595959;
43 font-size: 1em;
44 padding: 0 15px;
45 border: none;
46 box-shadow: none;
47 position: relative;
48 outline: 0;
49 }
50 .betterdocs-searchform {
51 width: 100%;
52 display: flex;
53 align-items: center;
54 background: #fff;
55 border: 1px solid #f1f1f1;
56 position: relative;
57 -moz-border-radius: 8px;
58 -webkit-border-radius: 8px;
59 border-radius: 8px;
60 }
61 .betterdocs-search-result-wrap {
62 position: relative;
63 z-index: 9999;
64 }
65 .betterdocs-search-result-wrap::before {
66 border-color: transparent transparent #fff;
67 z-index: 9999;
68 border-style: solid;
69 border-width: 12px;
70 content: "";
71 height: 0;
72 left: 47px;
73 position: absolute;
74 top: -8px;
75 width: 0;
76 }
77 .betterdocs-search-result-wrap.hideArrow::before {
78 display: none;
79 }
80 .betterdocs-live-search .docs-search-result {
81 background-color: #fff;
82 border: 1px solid #f1f1f1;
83 min-width: 300px;
84 position: absolute;
85 top: auto;
86 margin: 15px 0 0;
87 padding: 0;
88 list-style: none;
89 max-height: 400px;
90 overflow-y: scroll;
91 z-index: 999;
92 }
93 .betterdocs-live-search .docs-search-result li {
94 border-bottom: 1px solid #f5f5f5;
95 padding: 5px;
96 display: flex;
97 flex-direction: row;
98 }
99 .betterdocs-live-search .docs-search-result li img {
100 align-self: center;
101 width: 80px;
102 }
103 .betterdocs-live-search .docs-search-result li span {
104 font-size: 0.8em;
105 color: #444b54;
106 }
107 .betterdocs-live-search .docs-search-result li:hover {
108 background: #f5f5f5;
109 }
110 .betterdocs-live-search .docs-search-result li:only-child {
111 border: none;
112 padding: 15px;
113 }
114 .betterdocs-live-search .docs-search-result li a {
115 display: block;
116 color: #444;
117 padding: 10px;
118 white-space: nowrap;
119 text-decoration: none;
120 }
121 .betterdocs-searchform svg {
122 height: 30px;
123 fill: #444b54;
124 opacity: 0.5;
125 cursor: pointer;
126 transition: all 0.3s;
127 }
128 .betterdocs-searchform svg.docs-search-icon {
129 margin-left: 15px;
130 }
131 .betterdocs-searchform svg.docs-search-loader {
132 display: none;
133 margin-right: 15px;
134 height: 30px;
135 }
136 .betterdocs-searchform svg.docs-search-close {
137 display: none;
138 margin-right: 13px;
139 }
140
141 .docs-search-result {
142 animation: slideDown 400ms ease-in-out;
143 }
144
145 @keyframes slideDown {
146 0% {
147 max-height: 0;
148 }
149 100% {
150 max-height: 400px;
151 }
152 }
153
154 /* Archive Listing */
155
156 .betterdocs-categories-wrap {
157 margin-left: auto;
158 margin-right: auto;
159 }
160 .betterdocs-categories-wrap.layout-masonry .docs-single-cat-wrap {
161 float: left;
162 }
163 .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap {
164 margin: 15px;
165 }
166 @media only screen and (max-width: 768px) {
167 .betterdocs-categories-wrap.layout-masonry.docs-col-3 .docs-single-cat-wrap,
168 .betterdocs-categories-wrap.layout-masonry.docs-col-4 .docs-single-cat-wrap,
169 .betterdocs-categories-wrap.layout-masonry.docs-col-5 .docs-single-cat-wrap,
170 .betterdocs-categories-wrap.layout-masonry.docs-col-6 .docs-single-cat-wrap {
171 width: 45% !important;
172 }
173 }
174 @media only screen and (max-width: 670px) {
175 .betterdocs-categories-wrap.layout-masonry.docs-col-3 .docs-single-cat-wrap,
176 .betterdocs-categories-wrap.layout-masonry.docs-col-4 .docs-single-cat-wrap,
177 .betterdocs-categories-wrap.layout-masonry.docs-col-5 .docs-single-cat-wrap,
178 .betterdocs-categories-wrap.layout-masonry.docs-col-6 .docs-single-cat-wrap {
179 width: 100% !important;
180 }
181 }
182 .betterdocs-categories-wrap.layout-flex {
183 display: flex;
184 flex-flow: row wrap;
185 }
186 .betterdocs-categories-wrap .docs-single-cat-wrap.category-grid {
187 background-color: #fff;
188 box-shadow: 0px 10px 100px 0px rgba(40, 47, 98, 0.08);
189 border-radius: 5px;
190 padding-bottom: 25px;
191 }
192 .betterdocs-full-sidebar-left .betterdocs-categories-wrap .docs-single-cat-wrap,
193 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap {
194 border-radius: 0 !important;
195 }
196 .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap {
197 flex: 1 1 30%;
198 }
199 .betterdocs-categories-wrap.layout-flex.docs-col-1 .docs-single-cat-wrap {
200 flex: 1 1 100%;
201 }
202 .betterdocs-categories-wrap.layout-flex.docs-col-2 .docs-single-cat-wrap {
203 flex: 1 1 45%;
204 }
205 .betterdocs-categories-wrap.layout-flex.docs-col-3 .docs-single-cat-wrap {
206 flex: 1 1 30%;
207 }
208 .betterdocs-categories-wrap.layout-flex.docs-col-4 .docs-single-cat-wrap {
209 flex: 1 1 22%;
210 }
211 .betterdocs-categories-wrap.layout-flex.docs-col-5 .docs-single-cat-wrap {
212 flex: 1 1 15%;
213 }
214 .betterdocs-categories-wrap.layout-flex.docs-col-6 .docs-single-cat-wrap {
215 flex: 1 1 12%;
216 }
217 @media only screen and (max-width: 768px) {
218 .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap {
219 flex: 1 1 45% !important;
220 }
221 }
222 @media only screen and (max-width: 670px) {
223 .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap {
224 flex: 1 1 100% !important;
225 }
226 }
227 .betterdocs-categories-wrap ul {
228 margin: 0;
229 padding: 0;
230 }
231 .betterdocs-categories-wrap .docs-single-cat-wrap {
232 box-shadow: 0 10px 100px 0 rgba(40, 47, 98, 0.08);
233 }
234 .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap {
235 padding: 20px 20px 0 20px;
236 }
237 .docs-cat-title {
238 display: flex;
239 align-items: center;
240 }
241 .docs-cat-title > img {
242 width: auto;
243 }
244 .docs-cat-title-inner {
245 border-bottom: 2px solid #528ffe;
246 padding-bottom: 20px;
247 display: flex;
248 align-items: center;
249 justify-content: space-between;
250 }
251 .docs-cat-title-inner h3 {
252 color: #528ffe;
253 font-size: 20px;
254 padding-left: 30px;
255 position: relative;
256 margin: 0;
257 }
258 .docs-cat-title,
259 .docs-cat-title h3 {
260 line-height: 1;
261 }
262 .docs-cat-title a {
263 text-decoration: none;
264 }
265 .docs-category-listing .docs-cat-title {
266 display: block;
267 }
268 .docs-item-count {
269 background-color: rgba(82, 143, 255, 0.1);
270 padding: 6px;
271 border-radius: 50%;
272 }
273 .docs-cat-title-inner span {
274 background-color: rgba(82, 143, 255, 0.2);
275 width: 30px;
276 height: 30px;
277 border-radius: 50%;
278 text-align: center;
279 color: #528ffe;
280 font-size: 15px;
281 font-weight: bold;
282 display: flex;
283 justify-content: center;
284 align-items: center;
285 line-height: 1;
286 }
287 .betterdocs-categories-wrap li,
288 .betterdocs-categories-wrap .docs-sub-cat-title {
289 list-style: none;
290 margin: 10px;
291 position: relative;
292 display: flex;
293 align-items: center;
294 }
295 .betterdocs-categories-wrap li a,
296 .betterdocs-categories-wrap .docs-sub-cat-title a {
297 color: #566e8b;
298 font-size: 14px;
299 line-height: 2;
300 transition: all 0.3s;
301 outline: none;
302 text-decoration: none;
303 }
304 .betterdocs-categories-wrap li a {
305 font-weight: 400;
306 }
307 .betterdocs-categories-wrap .docs-sub-cat-title a {
308 font-weight: 500;
309 }
310 .betterdocs-categories-wrap li a:hover,
311 .betterdocs-categories-wrap .docs-sub-cat-title a:hover {
312 color: #528ffe;
313 }
314 .docs-item-container {
315 padding: 20px;
316 }
317 .betterdocs-categories-wrap .docs-item-container .docs-sub-cat,
318 .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat {
319 display: none;
320 margin-left: 20px;
321 }
322 .elementor-element-edit-mode
323 .docs-listing-main
324 .docs-category-listing
325 .docs-list
326 ul
327 li
328 .docs-sub-cat {
329 display: block;
330 }
331 .betterdocs-categories-wrap .docs-item-container .docs-sub-cat.current-sub-cat {
332 display: block;
333 }
334 .docs-sub-cat-title {
335 display: flex;
336 align-items: center;
337 cursor: pointer;
338 }
339 .docs-sub-cat-title > a {
340 line-height: 2;
341 }
342 .betterdocs-categories-wrap .docs-item-container li svg,
343 .docs-category-listing .docs-list ul li svg {
344 margin-right: 10px;
345 min-width: 15px;
346 }
347 .docs-sub-cat-title svg {
348 margin-right: 10px;
349 font-size: 15px;
350 }
351 .docs-category-listing .docs-list ul li .docs-sub-cat-title svg {
352 margin-top: 0;
353 }
354 .docs-sub-cat-title svg.arrow-down {
355 display: none;
356 }
357 .docs-cat-link-btn {
358 display: inline-block;
359 font-size: 16px;
360 color: #528ffe;
361 border: 1px solid #528ffe;
362 border-radius: 50px;
363 padding: 10px 20px;
364 margin: 10px 20px;
365 transition: all 0.3s;
366 text-decoration: none;
367 }
368 .docs-cat-link-btn:hover {
369 background-color: #528ffe;
370 color: #fff;
371 }
372 .tax-doc_category .docs-category-listing .docs-cat-title {
373 display: block;
374 }
375 .tax-doc_category
376 .betterdocs-category-wraper
377 .docs-category-listing
378 .docs-cat-title
379 p {
380 line-height: 1.5;
381 }
382 /* Sidebar */
383 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap {
384 box-shadow: none;
385 margin: 0;
386 padding: 0;
387 }
388 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-cat-title-inner {
389 padding: 0;
390 border: none;
391 }
392 .betterdocs-sidebar-content
393 .betterdocs-categories-wrap
394 .docs-single-cat-wrap
395 .docs-cat-title-wrap {
396 padding: 10px 15px;
397 box-shadow: none;
398 cursor: pointer;
399 }
400 .betterdocs-sidebar-content
401 .docs-single-cat-wrap
402 .docs-cat-title-wrap.active-title {
403 background-color: rgba(90, 148, 255, 0.1);
404 border-right: 3px solid #5a94ff;
405 }
406 .betterdocs-sidebar-content .docs-cat-title-inner h3 {
407 color: #3f5876;
408 font-size: 16px;
409 padding-left: 15px;
410 }
411 .betterdocs-sidebar-content .docs-cat-title-inner h3::before {
412 top: 2px;
413 }
414 .betterdocs-sidebar-content .docs-cat-title-inner h3::after {
415 top: 8px;
416 }
417 .betterdocs-sidebar-content .docs-cat-title > img {
418 width: auto;
419 }
420 .betterdocs-sidebar-content .betterdocs-categories-wrap {
421 flex-flow: column wrap;
422 background-color: #fff;
423 padding: 50px 0;
424 }
425 .betterdocs-sidebar-content .betterdocs-categories-wrap {
426 overflow: auto;
427 }
428 .betterdocs-sidebar-content .betterdocs-categories-wrap li a {
429 font-size: 14px;
430 line-height: 1.6;
431 }
432 .betterdocs-sidebar-content .betterdocs-categories-wrap li a:hover {
433 color: #528fff;
434 }
435 .betterdocs-sidebar-content .docs-cat-link-btn {
436 font-size: 12px;
437 padding: 7px 20px;
438 }
439 .betterdocs-sidebar-content
440 .betterdocs-categories-wrap
441 .docs-item-container
442 li::before {
443 display: none;
444 }
445 .betterdocs-sidebar-content .docs-item-container {
446 padding: 15px;
447 }
448 .betterdocs-sidebar-content .betterdocs-categories-wrap li {
449 padding: 0;
450 width: 100%;
451 }
452 .betterdocs-sidebar-content .docs-item-count {
453 background-color: transparent;
454 }
455 .betterdocs-sidebar-content .docs-cat-title-inner span {
456 font-size: 12px;
457 }
458 /* Category List */
459 .betterdocs-single-wraper .betterdocs-content-area .docs-listing-main {
460 flex: 1 1 70%;
461 padding: 0 20px 20px;
462 }
463 .docs-category-listing .docs-cat-title-wrap {
464 display: flex;
465 align-items: center;
466 }
467 .docs-category-listing .docs-cat-title-wrap h3 {
468 font-size: 24px;
469 color: #3f5876;
470 }
471 .docs-category-listing .docs-list ul {
472 margin: 0;
473 padding: 0;
474 }
475 .docs-category-listing .docs-list ul li {
476 list-style: none;
477 position: relative;
478 display: flex;
479 align-items: center;
480 }
481 .docs-category-listing .docs-list ul li a {
482 color: #566e8b;
483 font-weight: 400;
484 font-size: 1em;
485 line-height: 2;
486 transition: all 0.3s;
487 outline: none;
488 text-decoration: none;
489 }
490 .docs-category-listing .docs-list ul li a:hover {
491 color: #528ffe;
492 }
493 .betterdocs-single-layout3
494 .betterdocs-sidebar-content
495 .betterdocs-categories-wrap
496 .docs-item-container
497 li
498 svg {
499 display: none;
500 }
501 .docs-category-listing .betterdocs-breadcrumb {
502 margin-bottom: 10px;
503 }
504 /* TOC */
505 .betterdocs-toc {
506 background-color: #fff;
507 padding: 20px 25px;
508 border-radius: 5px;
509 display: inline-block;
510 }
511 .betterdocs-entry-content .betterdocs-toc .toc-title {
512 pointer-events: none;
513 }
514 .betterdocs-toc .angle-icon {
515 display: none;
516 width: 18px;
517 float: right;
518 }
519
520 @media only screen and (max-width: 767px) {
521 .betterdocs-entry-content .betterdocs-toc {
522 position: relative;
523 width: 100%;
524 }
525 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .toc-title {
526 pointer-events: auto;
527 }
528 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .angle-down {
529 display: block;
530 }
531 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .toc-list {
532 display: none;
533 }
534 }
535 .betterdocs-entry-content .betterdocs-toc {
536 min-width: 250px;
537 }
538 .betterdocs-el-single-sidebar .sticky-toc-container .betterdocs-toc,
539 .betterdocs-single-layout1 .sticky-toc-container .betterdocs-toc {
540 max-height: 70vh;
541 overflow-y: scroll;
542 }
543 .betterdocs-toc > .toc-title {
544 color: #3f5876;
545 font-size: 16px;
546 font-weight: bold;
547 margin: 0;
548 display: block;
549 }
550 .betterdocs-toc ul {
551 list-style-type: none;
552 margin: 0;
553 padding: 0 0 0 10px;
554 }
555 .betterdocs-toc ul.betterdocs-hierarchial-toc,
556 .betterdocs-toc ul.betterdocs-hierarchial-toc ul {
557 counter-reset: item;
558 }
559 .betterdocs-toc > ul {
560 padding-left: 0;
561 }
562 .betterdocs-toc .toc-list li {
563 display: table;
564 font-size: 14px;
565 font-weight: 400;
566 margin-left: 0;
567 margin-right: 0;
568 }
569 .betterdocs-toc .toc-list li ul li:last-child {
570 margin-bottom: 0;
571 }
572 .betterdocs-toc .toc-list li::before {
573 display: table-cell;
574 padding-right: 0.3em;
575 vertical-align: top;
576 word-break: normal;
577 line-height: 1.9em;
578 }
579 .betterdocs-toc.toc-list-number
580 .toc-list.betterdocs-hierarchial-toc
581 li
582 a::before {
583 content: counters(item, ".") ". ";
584 counter-increment: item;
585 }
586 .betterdocs-toc > .toc-list a {
587 color: #566e8b;
588 font-size: 14px;
589 line-height: 1.6;
590 font-weight: 600;
591 display: inline-block;
592 }
593 .betterdocs-content ul li {
594 word-wrap: break-word;
595 word-break: break-word;
596 }
597 .right-sidebar-toc-wrap .betterdocs-toc > .toc-list a {
598 font-weight: normal;
599 }
600 .betterdocs-toc > .toc-list a:hover,
601 .betterdocs-toc > .toc-list a:focus {
602 color: #528fff;
603 }
604 .sticky-toc-container {
605 display: none;
606 position: fixed;
607 width: 320px;
608 left: auto;
609 right: auto;
610 top: 15vh;
611 }
612 .sticky-toc-container.toc-sticky {
613 display: block;
614 z-index: 2;
615 }
616 .sticky-toc-container .betterdocs-toc {
617 width: 100%;
618 }
619 .sticky-toc-container .betterdocs-toc .toc-list li {
620 margin: 8px 0;
621 }
622 a.close-toc {
623 width: 16px;
624 display: block;
625 position: absolute;
626 top: 8px;
627 right: 8px;
628 line-height: 1;
629 }
630
631 /* Category Box */
632
633 .betterdocs-categories-wrap.betterdocs-category-box .docs-single-cat-wrap {
634 display: flex;
635 flex-flow: column wrap;
636 justify-content: center;
637 align-items: center;
638 padding: 20px;
639 background-color: #fff;
640 text-align: center;
641 transition: all 0.25s ease-in-out;
642 }
643
644 .betterdocs-categories-wrap.betterdocs-category-box a.docs-single-cat-wrap {
645 text-decoration: none;
646 }
647
648 .betterdocs-categories-wrap.betterdocs-category-box
649 .docs-single-cat-wrap:hover {
650 box-shadow: 0px 20px 50px 0px rgba(0, 9, 78, 0.1);
651 text-decoration: none;
652 }
653
654 .betterdocs-categories-wrap.betterdocs-category-box
655 .docs-single-cat-wrap:hover {
656 text-decoration: none;
657 }
658
659 .betterdocs-category-box .docs-single-cat-wrap img {
660 width: auto;
661 margin-bottom: 20px;
662 }
663
664 .betterdocs-category-box .docs-single-cat-wrap .docs-cat-title {
665 color: #3f5876;
666 font-weight: 500;
667 font-size: 18px;
668 line-height: 1.3;
669 font-weight: 700;
670 margin-bottom: 15px;
671 margin-top: 0;
672 }
673
674 .betterdocs-category-box .docs-single-cat-wrap p {
675 color: #566e8b;
676 font-size: 14px;
677 margin-bottom: 15px;
678 line-height: 1.8;
679 }
680 .betterdocs-category-box .docs-single-cat-wrap a {
681 color: #528ffe;
682 font-size: 14px;
683 }
684 .cat-description:empty {
685 display: none;
686 }
687 /* Breadcrumbs */
688 .docs-single-main .betterdocs-breadcrumb {
689 margin-bottom: 20px;
690 }
691 .betterdocs-breadcrumb .betterdocs-breadcrumb-list {
692 margin: 0;
693 padding: 0;
694 display: flex;
695 align-items: center;
696 flex-flow: row wrap;
697 }
698 .betterdocs-breadcrumb .betterdocs-breadcrumb-list li {
699 list-style: none;
700 line-height: 1.7;
701 display: flex;
702 justify-content: center;
703 }
704 .betterdocs-breadcrumb .betterdocs-breadcrumb-item {
705 color: #566e8b;
706 font-size: 0.75rem;
707 letter-spacing: 0.035em;
708 }
709 .betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
710 color: #566e8b;
711 font-size: 0.75rem;
712 letter-spacing: 0.035em;
713 text-decoration: none;
714 }
715 .betterdocs-breadcrumb-item.current span {
716 color: #528fff;
717 }
718 .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:hover {
719 color: #528fff;
720 }
721 .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:focus {
722 color: #528fff;
723 }
724 .betterdocs-breadcrumb .betterdocs-breadcrumb-item {
725 margin: 0;
726 }
727 .betterdocs-breadcrumb .breadcrumb-delimiter {
728 margin: 0 7px;
729 opacity: 0.5;
730 }
731 .icon-container {
732 position: relative;
733 width: 8px;
734 height: 16px;
735 }
736 .betterdocs-breadcrumb .breadcrumb-delimiter .breadcrumb-delimiter-icon {
737 width: 8px;
738 }
739 /* Single Docs */
740 .betterdocs-single-wraper {
741 background-color: #f2f4f7;
742 }
743 .betterdocs-sidebar-content .betterdocs-categories-wrap {
744 flex-flow: column wrap;
745 background-color: #fff;
746 padding: 0;
747 }
748 .betterdocs-content-heading a {
749 display: none;
750 line-height: 1;
751 }
752 .betterdocs-content-heading:hover a {
753 display: inline-block;
754 }
755 .betterdocs-single-wraper .betterdocs-content-area {
756 display: flex;
757 width: 100%;
758 max-width: 1400px;
759 margin: 0 auto;
760 padding: 2.5em 1.5em;
761 }
762 @media (max-width: 768px) {
763 .betterdocs-single-wraper .betterdocs-content-area {
764 width: auto;
765 }
766 }
767 .betterdocs-single-wraper .betterdocs-content-area #betterdocs-sidebar {
768 flex: 0 0 30%;
769 max-width: 400px;
770 }
771 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
772 flex: 1 1 68%;
773 padding: 20px;
774 }
775 .docs-single-title .betterdocs-entry-title {
776 color: #3f5876;
777 font-size: 36px;
778 text-transform: uppercase;
779 letter-spacing: 0.035em;
780 margin: 10px auto;
781 padding-bottom: 40px;
782 }
783 .betterdocs-entry-footer {
784 margin: 25px 0;
785 }
786 .betterdocs-modalwindow {
787 position: fixed;
788 display: none;
789 z-index: 9999;
790 top: 0;
791 left: 0;
792 right: 0;
793 bottom: 0;
794 overflow-x: hidden;
795 overflow-y: auto;
796 background-color: rgba(0, 0, 0, 0.3);
797 }
798 .modal-inner {
799 width: 100%;
800 height: 100%;
801 display: flex;
802 justify-content: center;
803 align-items: center;
804 }
805 .betterdocs-modalwindow .modal-content {
806 width: 90%;
807 max-width: 500px;
808 margin: 0 auto;
809 background: #ffffff;
810 padding: 25px;
811 border-radius: 4px;
812 transition: -webkit-transform 0.3s ease-out;
813 transition: transform 0.3s ease-out;
814 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
815 -webkit-transform: translate(0, 20%);
816 transform: translate(0, 20%);
817 }
818 .betterdocs-modalwindow h2 {
819 margin: 10px 0;
820 font-size: 21px;
821 }
822 .betterdocs-feedback-form input[type="text"],
823 .betterdocs-feedback-form input[type="email"],
824 .betterdocs-feedback-form textarea {
825 width: 100%;
826 padding: 10px;
827 border: 1px solid #e7ecf4;
828 }
829 .betterdocs-feedback-form textarea {
830 height: 150px;
831 }
832 #feedback_form_submit_btn {
833 background-color: #528ffe;
834 color: #fff;
835 border: none;
836 box-shadow: none;
837 padding: 15px;
838 font-size: 16px;
839 }
840 #feedback_form_submit_btn:hover {
841 opacity: 0.8;
842 }
843 .betterdocs-feedback-form label {
844 color: #7e8da2;
845 font-size: 14px;
846 width: 100%;
847 }
848 .betterdocs-modalwindow .close {
849 position: absolute;
850 top: 3px;
851 right: 3px;
852 display: inline-block;
853 padding: 10px;
854 line-height: 1;
855 color: #000000;
856 text-align: center;
857 text-decoration: none;
858 font-weight: bold;
859 }
860 .betterdocs-feedback-form .val-error {
861 border: 1px solid #de071c;
862 }
863 .betterdocs-feedback-form .error-message {
864 color: #de071c;
865 }
866 .betterdocs-tags {
867 margin: 20px 0;
868 }
869 .betterdocs-tags a {
870 color: #566e8b;
871 font-size: 16px;
872 font-weight: bolder;
873 transition: all 0.3s;
874 }
875 .betterdocs-entry-footer a:hover,
876 .betterdocs-entry-footer a:focus,
877 .docs-navigation a:hover,
878 .docs-navigation a:focus {
879 color: #528fff;
880 }
881 .feedback-update-form {
882 display: flex;
883 justify-content: space-between;
884 margin: 50px 0;
885 }
886 @media only screen and (max-width: 670px) {
887 .feedback-update-form {
888 display: block;
889 }
890 }
891 .feedback-form-link {
892 display: flex;
893 align-items: center;
894 color: #566e8b;
895 }
896 .feedback-form-link .feedback-form-icon {
897 margin-right: 10px;
898 }
899 .feedback-form-link .feedback-form-icon svg,
900 .feedback-form-link .feedback-form-icon img {
901 width: 26px;
902 }
903 .update-date {
904 color: #566e8b;
905 font-size: 14px;
906 font-style: italic;
907 }
908 .docs-navigation {
909 display: flex;
910 justify-content: space-between;
911 align-items: center;
912 margin: 20px 0;
913 }
914 .docs-navigation a {
915 position: relative;
916 color: #3f5876;
917 font-size: 16px;
918 font-weight: bolder;
919 display: flex;
920 align-items: center;
921 transition: all 0.3s;
922 line-height: 1.5em;
923 }
924 .docs-navigation a:first-child {
925 margin-right: 20px;
926 }
927 .docs-navigation a:last-child {
928 margin-left: 20px;
929 text-align: right;
930 }
931 .anchor {
932 position: relative;
933 display: inline-block;
934 }
935
936 .anchor .tooltip-box {
937 visibility: hidden;
938 width: 90px;
939 background-color: #555;
940 color: #fff;
941 text-align: center;
942 border-radius: 6px;
943 padding: 5px;
944 position: absolute;
945 z-index: 1;
946 bottom: 150%;
947 left: 50%;
948 margin-left: -44px;
949 opacity: 0;
950 transition: opacity 0.3s;
951 font-size: 0.9rem;
952 font-weight: normal;
953 }
954
955 .anchor .tooltip-box::after {
956 content: "";
957 position: absolute;
958 top: 100%;
959 left: 50%;
960 margin-left: -5px;
961 border-width: 5px;
962 border-style: solid;
963 border-color: #555 transparent transparent transparent;
964 }
965
966 .anchor:hover .tooltip-box {
967 visibility: visible;
968 opacity: 1;
969 }
970
971 .betterdocs-single-wraper .betterdocs-content .anchor {
972 margin-left: 5px;
973 font-size: 0.9em;
974 }
975
976 @media only screen and (max-width: 670px) {
977 .docs-navigation {
978 display: block;
979 }
980 .docs-navigation a {
981 margin-bottom: 15px;
982 }
983 }
984 .docs-navigation a svg {
985 min-width: 16px;
986 width: 16px;
987 fill: #5edf8e;
988 }
989 .docs-navigation a[rel="prev"] svg {
990 margin-right: 10px;
991 }
992 .docs-navigation a[rel="next"] svg {
993 margin-left: 10px;
994 }
995 .betterdocs-credit p {
996 text-align: center;
997 margin: 50px 0 0;
998 padding: 15px;
999 font-size: 14px;
1000 font-style: italic;
1001 color: #201d3a;
1002 }
1003
1004 .betterdocs-credit a,
1005 .betterdocs-credit a:visited {
1006 color: #528fff;
1007 text-decoration: none;
1008 border-bottom: 1px dotted;
1009 }
1010 .betterdocs-credit a:hover {
1011 color: #3e7bec;
1012 }
1013
1014 .betterdocs-print-pdf {
1015 float: right;
1016 margin-right: 10px;
1017 margin-top: -15px;
1018 }
1019 .betterdocs-print-btn {
1020 background-color: #fafafa;
1021 padding: 6px;
1022 border-radius: 5px;
1023 display: flex;
1024 justify-content: center;
1025 align-items: center;
1026 cursor: pointer;
1027 }
1028 .betterdocs-article-reactions h5 {
1029 display: inline-block;
1030 }
1031 .betterdocs-article-reaction-links {
1032 margin: 0;
1033 padding: 0;
1034 }
1035 .betterdocs-article-reaction-links li {
1036 list-style: none;
1037 display: inline-table;
1038 margin: 0;
1039 }
1040 .betterdocs-article-reaction-links li a {
1041 display: inline-block;
1042 width: 29px;
1043 height: 29px;
1044 margin-left: 5px;
1045 text-align: center;
1046 border-radius: 50%;
1047 background-color: #19ca9e;
1048 display: -ms-flexbox;
1049 display: flex;
1050 -ms-flex-align: center;
1051 align-items: center;
1052 -ms-flex-pack: center;
1053 justify-content: center;
1054 -webkit-transition: all 0.2s ease-in-out;
1055 -o-transition: all 0.2s ease-in-out;
1056 transition: all 0.2s ease-in-out;
1057 box-shadow: 0px 3px 10px 0px rgba(3, 29, 60, 0.15);
1058 }
1059 .betterdocs-article-reaction-links li a:hover {
1060 background-color: #fff;
1061 }
1062 .betterdocs-article-reaction-links li a svg {
1063 width: 15px;
1064 height: 15px;
1065 }
1066 .betterdocs-article-reaction-links li a svg path {
1067 fill: #fff;
1068 }
1069 .betterdocs-article-reaction-links li a:hover svg path {
1070 fill: #19ca9e;
1071 }
1072 .betterdocs-article-reactions,
1073 .betterdocs-social-share {
1074 display: flex;
1075 flex-flow: row wrap;
1076 }
1077 .betterdocs-article-reactions {
1078 padding: 2em;
1079 background-color: #fff;
1080 border-radius: 5px;
1081 justify-content: space-between;
1082 }
1083 .betterdocs-social-share .betterdocs-social-share-heading,
1084 .betterdocs-article-reactions .betterdocs-article-reactions-heading {
1085 flex: 0 0 auto;
1086 }
1087 .betterdocs-article-reactions .betterdocs-article-reactions-heading h5,
1088 .betterdocs-social-share .betterdocs-social-share-heading h5 {
1089 font-size: 1em;
1090 margin: 0;
1091 }
1092 .betterdocs-social-share {
1093 margin-top: 44px;
1094 }
1095 .betterdocs-social-share .betterdocs-social-share-heading {
1096 margin-right: 10px;
1097 display: flex;
1098 align-items: center;
1099 }
1100 .betterdocs-social-share-links {
1101 padding: 0;
1102 margin: 0;
1103 flex: 0 0 auto;
1104 text-align: center;
1105 display: flex;
1106 justify-content: space-around;
1107 }
1108 .betterdocs-social-share-links li {
1109 list-style: none;
1110 padding: 0 8px;
1111 text-align: center;
1112 flex: 1 1 auto;
1113 margin: 0;
1114 }
1115 .betterdocs-social-share-links li a {
1116 display: inline-block;
1117 color: #f56a6a;
1118 -webkit-transition: all 0.3s;
1119 -moz-transition: all 0.3s;
1120 transition: all 0.3s;
1121 }
1122 .betterdocs-social-share-links li a img {
1123 height: 30px;
1124 width: 30px;
1125 }
1126 .betterdocs-entry-content code {
1127 display: block;
1128 white-space: pre-wrap;
1129 overflow-wrap: break-word;
1130 }
1131 .betterdocs-entry-content pre {
1132 overflow: auto;
1133 white-space: pre-wrap; /* css-3 */
1134 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1135 white-space: -pre-wrap; /* Opera 4-6 */
1136 white-space: -o-pre-wrap; /* Opera 7 */
1137 word-wrap: break-word; /* Internet Explorer 5.5+ */
1138 }
1139 .cat-list-arrow-down {
1140 display: none;
1141 }
1142
1143 /* Astra Fullwdidth support */
1144
1145 body.single-docs .site-content > .ast-container,
1146 .archive.post-type-archive-docs .site-content > .ast-container,
1147 .archive.tax-doc_category .site-content > .ast-container,
1148 .archive.tax-doc_tag .site-content > .ast-container {
1149 max-width: none;
1150 padding: 0;
1151 }
1152
1153 /* Responsiveness */
1154
1155 @media only screen and (max-width: 959px) {
1156 #betterdocs-sidebar {
1157 display: none;
1158 }
1159 .sticky-toc-container,
1160 .betterdocs-print-pdf {
1161 display: none;
1162 }
1163 .betterdocs-sidebar-content .docs-item-container {
1164 padding: 5px;
1165 }
1166 }
1167 @media only screen and (max-width: 767px) {
1168 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
1169 padding-top: 0 !important;
1170 padding-right: 0 !important;
1171 padding-bottom: 0 !important;
1172 padding-left: 0 !important;
1173 }
1174 }
1175