PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 1.7.1
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v1.7.1
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.1, at public/css/betterdocs-public.css

1,170 lines 25.3 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 .betterdocs-single-wraper .betterdocs-content-area #betterdocs-sidebar {
763 flex: 0 0 30%;
764 max-width: 400px;
765 }
766 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
767 flex: 1 1 68%;
768 padding: 20px;
769 }
770 .docs-single-title .betterdocs-entry-title {
771 color: #3f5876;
772 font-size: 36px;
773 text-transform: uppercase;
774 letter-spacing: 0.035em;
775 margin: 10px auto;
776 padding-bottom: 40px;
777 }
778 .betterdocs-entry-footer {
779 margin: 25px 0;
780 }
781 .betterdocs-modalwindow {
782 position: fixed;
783 display: none;
784 z-index: 9999;
785 top: 0;
786 left: 0;
787 right: 0;
788 bottom: 0;
789 overflow-x: hidden;
790 overflow-y: auto;
791 background-color: rgba(0, 0, 0, 0.3);
792 }
793 .modal-inner {
794 width: 100%;
795 height: 100%;
796 display: flex;
797 justify-content: center;
798 align-items: center;
799 }
800 .betterdocs-modalwindow .modal-content {
801 width: 90%;
802 max-width: 500px;
803 margin: 0 auto;
804 background: #ffffff;
805 padding: 25px;
806 border-radius: 4px;
807 transition: -webkit-transform 0.3s ease-out;
808 transition: transform 0.3s ease-out;
809 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
810 -webkit-transform: translate(0, 20%);
811 transform: translate(0, 20%);
812 }
813 .betterdocs-modalwindow h2 {
814 margin: 10px 0;
815 font-size: 21px;
816 }
817 .betterdocs-feedback-form input[type="text"],
818 .betterdocs-feedback-form input[type="email"],
819 .betterdocs-feedback-form textarea {
820 width: 100%;
821 padding: 10px;
822 border: 1px solid #e7ecf4;
823 }
824 .betterdocs-feedback-form textarea {
825 height: 150px;
826 }
827 #feedback_form_submit_btn {
828 background-color: #528ffe;
829 color: #fff;
830 border: none;
831 box-shadow: none;
832 padding: 15px;
833 font-size: 16px;
834 }
835 #feedback_form_submit_btn:hover {
836 opacity: 0.8;
837 }
838 .betterdocs-feedback-form label {
839 color: #7e8da2;
840 font-size: 14px;
841 width: 100%;
842 }
843 .betterdocs-modalwindow .close {
844 position: absolute;
845 top: 3px;
846 right: 3px;
847 display: inline-block;
848 padding: 10px;
849 line-height: 1;
850 color: #000000;
851 text-align: center;
852 text-decoration: none;
853 font-weight: bold;
854 }
855 .betterdocs-feedback-form .val-error {
856 border: 1px solid #de071c;
857 }
858 .betterdocs-feedback-form .error-message {
859 color: #de071c;
860 }
861 .betterdocs-tags {
862 margin: 20px 0;
863 }
864 .betterdocs-tags a {
865 color: #566e8b;
866 font-size: 16px;
867 font-weight: bolder;
868 transition: all 0.3s;
869 }
870 .betterdocs-entry-footer a:hover,
871 .betterdocs-entry-footer a:focus,
872 .docs-navigation a:hover,
873 .docs-navigation a:focus {
874 color: #528fff;
875 }
876 .feedback-update-form {
877 display: flex;
878 justify-content: space-between;
879 margin: 50px 0;
880 }
881 @media only screen and (max-width: 670px) {
882 .feedback-update-form {
883 display: block;
884 }
885 }
886 .feedback-form-link {
887 display: flex;
888 align-items: center;
889 color: #566e8b;
890 }
891 .feedback-form-link .feedback-form-icon {
892 margin-right: 10px;
893 }
894 .feedback-form-link .feedback-form-icon svg,
895 .feedback-form-link .feedback-form-icon img {
896 width: 26px;
897 }
898 .update-date {
899 color: #566e8b;
900 font-size: 14px;
901 font-style: italic;
902 }
903 .docs-navigation {
904 display: flex;
905 justify-content: space-between;
906 align-items: center;
907 margin: 20px 0;
908 }
909 .docs-navigation a {
910 position: relative;
911 color: #3f5876;
912 font-size: 16px;
913 font-weight: bolder;
914 display: flex;
915 align-items: center;
916 transition: all 0.3s;
917 line-height: 1.5em;
918 }
919 .docs-navigation a:first-child {
920 margin-right: 20px;
921 }
922 .docs-navigation a:last-child {
923 margin-left: 20px;
924 text-align: right;
925 }
926 .anchor {
927 position: relative;
928 display: inline-block;
929 }
930
931 .anchor .tooltip-box {
932 visibility: hidden;
933 width: 90px;
934 background-color: #555;
935 color: #fff;
936 text-align: center;
937 border-radius: 6px;
938 padding: 5px;
939 position: absolute;
940 z-index: 1;
941 bottom: 150%;
942 left: 50%;
943 margin-left: -44px;
944 opacity: 0;
945 transition: opacity 0.3s;
946 font-size: 0.9rem;
947 font-weight: normal;
948 }
949
950 .anchor .tooltip-box::after {
951 content: "";
952 position: absolute;
953 top: 100%;
954 left: 50%;
955 margin-left: -5px;
956 border-width: 5px;
957 border-style: solid;
958 border-color: #555 transparent transparent transparent;
959 }
960
961 .anchor:hover .tooltip-box {
962 visibility: visible;
963 opacity: 1;
964 }
965
966 .betterdocs-single-wraper .betterdocs-content .anchor {
967 margin-left: 5px;
968 font-size: 0.9em;
969 }
970
971 @media only screen and (max-width: 670px) {
972 .docs-navigation {
973 display: block;
974 }
975 .docs-navigation a {
976 margin-bottom: 15px;
977 }
978 }
979 .docs-navigation a svg {
980 min-width: 16px;
981 width: 16px;
982 fill: #5edf8e;
983 }
984 .docs-navigation a[rel="prev"] svg {
985 margin-right: 10px;
986 }
987 .docs-navigation a[rel="next"] svg {
988 margin-left: 10px;
989 }
990 .betterdocs-credit p {
991 text-align: center;
992 margin: 50px 0 0;
993 padding: 15px;
994 font-size: 14px;
995 font-style: italic;
996 color: #201d3a;
997 }
998
999 .betterdocs-credit a,
1000 .betterdocs-credit a:visited {
1001 color: #528fff;
1002 text-decoration: none;
1003 border-bottom: 1px dotted;
1004 }
1005 .betterdocs-credit a:hover {
1006 color: #3e7bec;
1007 }
1008
1009 .betterdocs-print-pdf {
1010 float: right;
1011 margin-right: 10px;
1012 margin-top: -15px;
1013 }
1014 .betterdocs-print-btn {
1015 background-color: #fafafa;
1016 padding: 6px;
1017 border-radius: 5px;
1018 display: flex;
1019 justify-content: center;
1020 align-items: center;
1021 cursor: pointer;
1022 }
1023 .betterdocs-article-reactions h5 {
1024 display: inline-block;
1025 }
1026 .betterdocs-article-reaction-links {
1027 margin: 0;
1028 padding: 0;
1029 }
1030 .betterdocs-article-reaction-links li {
1031 list-style: none;
1032 display: inline-table;
1033 margin: 0;
1034 }
1035 .betterdocs-article-reaction-links li a {
1036 display: inline-block;
1037 width: 29px;
1038 height: 29px;
1039 margin-left: 5px;
1040 text-align: center;
1041 border-radius: 50%;
1042 background-color: #19ca9e;
1043 display: -ms-flexbox;
1044 display: flex;
1045 -ms-flex-align: center;
1046 align-items: center;
1047 -ms-flex-pack: center;
1048 justify-content: center;
1049 -webkit-transition: all 0.2s ease-in-out;
1050 -o-transition: all 0.2s ease-in-out;
1051 transition: all 0.2s ease-in-out;
1052 box-shadow: 0px 3px 10px 0px rgba(3, 29, 60, 0.15);
1053 }
1054 .betterdocs-article-reaction-links li a:hover {
1055 background-color: #fff;
1056 }
1057 .betterdocs-article-reaction-links li a svg {
1058 width: 15px;
1059 height: 15px;
1060 }
1061 .betterdocs-article-reaction-links li a svg path {
1062 fill: #fff;
1063 }
1064 .betterdocs-article-reaction-links li a:hover svg path {
1065 fill: #19ca9e;
1066 }
1067 .betterdocs-article-reactions,
1068 .betterdocs-social-share {
1069 display: flex;
1070 flex-flow: row wrap;
1071 }
1072 .betterdocs-article-reactions {
1073 padding: 2em;
1074 background-color: #fff;
1075 border-radius: 5px;
1076 justify-content: space-between;
1077 }
1078 .betterdocs-social-share .betterdocs-social-share-heading,
1079 .betterdocs-article-reactions .betterdocs-article-reactions-heading {
1080 flex: 0 0 auto;
1081 }
1082 .betterdocs-article-reactions .betterdocs-article-reactions-heading h5,
1083 .betterdocs-social-share .betterdocs-social-share-heading h5 {
1084 font-size: 1em;
1085 margin: 0;
1086 }
1087 .betterdocs-social-share {
1088 margin-top: 44px;
1089 }
1090 .betterdocs-social-share .betterdocs-social-share-heading {
1091 margin-right: 10px;
1092 display: flex;
1093 align-items: center;
1094 }
1095 .betterdocs-social-share-links {
1096 padding: 0;
1097 margin: 0;
1098 flex: 0 0 auto;
1099 text-align: center;
1100 display: flex;
1101 justify-content: space-around;
1102 }
1103 .betterdocs-social-share-links li {
1104 list-style: none;
1105 padding: 0 8px;
1106 text-align: center;
1107 flex: 1 1 auto;
1108 margin: 0;
1109 }
1110 .betterdocs-social-share-links li a {
1111 display: inline-block;
1112 color: #f56a6a;
1113 -webkit-transition: all 0.3s;
1114 -moz-transition: all 0.3s;
1115 transition: all 0.3s;
1116 }
1117 .betterdocs-social-share-links li a img {
1118 height: 30px;
1119 width: 30px;
1120 }
1121 .betterdocs-entry-content code {
1122 display: block;
1123 width: 100%;
1124 white-space: normal;
1125 overflow-x: scroll;
1126 }
1127 .betterdocs-entry-content pre {
1128 white-space: pre-wrap; /* css-3 */
1129 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1130 white-space: -pre-wrap; /* Opera 4-6 */
1131 white-space: -o-pre-wrap; /* Opera 7 */
1132 word-wrap: break-word; /* Internet Explorer 5.5+ */
1133 }
1134 .cat-list-arrow-down {
1135 display: none;
1136 }
1137
1138 /* Astra Fullwdidth support */
1139
1140 body.single-docs .site-content > .ast-container,
1141 .archive.post-type-archive-docs .site-content > .ast-container,
1142 .archive.tax-doc_category .site-content > .ast-container,
1143 .archive.tax-doc_tag .site-content > .ast-container {
1144 max-width: none;
1145 padding: 0;
1146 }
1147
1148 /* Responsiveness */
1149
1150 @media only screen and (max-width: 959px) {
1151 #betterdocs-sidebar {
1152 display: none;
1153 }
1154 .sticky-toc-container,
1155 .betterdocs-print-pdf {
1156 display: none;
1157 }
1158 .betterdocs-sidebar-content .docs-item-container {
1159 padding: 5px;
1160 }
1161 }
1162 @media only screen and (max-width: 767px) {
1163 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
1164 padding-top: 0 !important;
1165 padding-right: 0 !important;
1166 padding-bottom: 0 !important;
1167 padding-left: 0 !important;
1168 }
1169 }
1170