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

output-css.php in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 1.7.2, at admin/customizer/output-css.php

764 lines 41.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 /**
3 * BetterDocs Theme Customizer outout for layout settings
4 *
5 * @package BetterDocs
6 */
7
8 /**
9 * This function adds some styles to the WordPress Customizer
10 */
11 function betterdocs_customizer_styles() { ?>
12 <style type="text/css">
13 .customize-control-betterdocs-title .betterdocs-select,
14 .customize-control-betterdocs-title .betterdocs-dimension{
15 display: flex;
16 }
17 .customize-control-betterdocs-range-value .customize-control-title,
18 .customize-control-betterdocs-number .customize-control-title {
19 float: left;
20 }
21 .betterdocs-customize-control-separator {
22 display: block;
23 margin: 0 -12px;
24 border: 1px solid #ddd;
25 border-left: 0;
26 border-right: 0;
27 padding: 15px;
28 font-size: 11px;
29 font-weight: 600;
30 letter-spacing: 2px;
31 line-height: 1;
32 text-transform: uppercase;
33 color: #555;
34 background-color: #fff;
35 }
36 .customize-control.customize-control-betterdocs-dimension,
37 .customize-control-betterdocs-select {
38 width: 25%;
39 float: left !important;
40 clear: none !important;
41 margin-top: 0;
42 margin-bottom: 12px;
43 }
44 .customize-control.customize-control-betterdocs-dimension .customize-control-title,
45 .customize-control-betterdocs-select .customize-control-title{
46 font-size: 11px;
47 font-weight: normal;
48 color: #888b8c;
49 margin-top: 0;
50 }
51 .betterdocs-customizer-reset {
52 font-size: 22px;
53 line-height: 26px;
54 margin-left: 5px;
55 transition: unset;
56 }
57 .betterdocs-customizer-reset svg {
58 width: 16px;
59 fill: #FE1F4A;
60 }
61 .customize-control-title .customize-control-title {
62 margin-bottom: 0;
63 }
64 </style>
65 <?php
66
67 }
68 add_action( 'customize_controls_print_styles', 'betterdocs_customizer_styles', 999 );
69
70 function betterdocs_customize_css() {
71 $output = betterdocs_generate_output();
72 ?>
73 <style type="text/css">
74 .betterdocs-wraper.betterdocs-main-wraper {
75 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_color'))) { ?>
76 background-color: <?php echo get_theme_mod('betterdocs_doc_page_background_color') ?>;
77 <?php } else {?>
78 background-color: <?php echo $output['betterdocs_doc_page_background_color'] ?>;
79 <?php } ?>
80 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_image'))) { ?>
81 background-image: url(<?php echo get_theme_mod('betterdocs_doc_page_background_image') ?>);
82 <?php } ?>
83 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_size'))) { ?>
84 background-size: <?php echo get_theme_mod('betterdocs_doc_page_background_size') ?>;
85 <?php } ?>
86 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_repeat'))) { ?>
87 background-repeat: <?php echo get_theme_mod('betterdocs_doc_page_background_repeat') ?>;
88 <?php } ?>
89 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_attachment'))) { ?>
90 background-attachment: <?php echo get_theme_mod('betterdocs_doc_page_background_attachment') ?>;
91 <?php } ?>
92 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_position'))) { ?>
93 background-position: <?php echo get_theme_mod('betterdocs_doc_page_background_position') ?>;
94 <?php } ?>
95 }
96 .betterdocs-archive-wrap.betterdocs-archive-main {
97 padding-top: <?php echo $output['betterdocs_doc_page_content_padding_top'] ?>px;
98 padding-bottom: <?php echo $output['betterdocs_doc_page_content_padding_bottom'] ?>px;
99 padding-left: <?php echo $output['betterdocs_doc_page_content_padding_left'] ?>px;
100 padding-right: <?php echo $output['betterdocs_doc_page_content_padding_right'] ?>px;
101 }
102 .betterdocs-archive-wrap.betterdocs-archive-main {
103 width: <?php echo $output['betterdocs_doc_page_content_width'] ?>%;
104 max-width: <?php echo $output['betterdocs_doc_page_content_max_width'] ?>px;
105 }
106 .betterdocs-categories-wrap.single-kb.layout-masonry .docs-single-cat-wrap {
107 margin-bottom: <?php echo $output['betterdocs_doc_page_column_space'] ?>px;
108 }
109 .betterdocs-categories-wrap.single-kb.layout-flex .docs-single-cat-wrap {
110 margin: <?php echo $output['betterdocs_doc_page_column_space'] ?>px;
111 }
112 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-cat-title-wrap {
113 padding-top: <?php echo $output['betterdocs_doc_page_column_padding_top'] ?>px;
114 }
115 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-cat-title-wrap,
116 .betterdocs-archive-main .docs-item-container {
117 padding-right: <?php echo $output['betterdocs_doc_page_column_padding_right'] ?>px;
118 padding-left: <?php echo $output['betterdocs_doc_page_column_padding_left'] ?>px;
119 }
120 .betterdocs-archive-main .docs-item-container {
121 padding-bottom: <?php echo $output['betterdocs_doc_page_column_padding_right'] ?>px;
122 }
123 .betterdocs-category-box.single-kb .docs-single-cat-wrap,
124 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap.docs-cat-list-2-box {
125 padding-top: <?php echo $output['betterdocs_doc_page_column_padding_top'] ?>px;
126 padding-right: <?php echo $output['betterdocs_doc_page_column_padding_right'] ?>px;
127 padding-left: <?php echo $output['betterdocs_doc_page_column_padding_left'] ?>px;
128 padding-bottom: <?php echo $output['betterdocs_doc_page_column_padding_bottom'] ?>px;
129 }
130 .betterdocs-categories-wrap.betterdocs-category-box .docs-single-cat-wrap p{
131 <?php if(!empty($output['betterdocs_doc_page_cat_desc_color'])) { ?>
132 color: <?php echo $output['betterdocs_doc_page_cat_desc_color'] ?>;
133 <?php } ?>
134 }
135 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap,
136 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-cat-title-wrap {
137 <?php if(!empty($output['betterdocs_doc_page_column_borderr_topleft'])) { ?>
138 border-top-left-radius: <?php echo $output['betterdocs_doc_page_column_borderr_topleft'] ?>px;
139 <?php } ?>
140 <?php if(!empty($output['betterdocs_doc_page_column_borderr_topright'])) { ?>
141 border-top-right-radius: <?php echo $output['betterdocs_doc_page_column_borderr_topright'] ?>px;
142 <?php } ?>
143 }
144 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap,
145 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-item-container {
146 <?php if(!empty($output['betterdocs_doc_page_column_borderr_bottomright'])) { ?>
147 border-bottom-right-radius: <?php echo $output['betterdocs_doc_page_column_borderr_bottomright'] ?>px;
148 <?php } ?>
149 <?php if(!empty($output['betterdocs_doc_page_column_borderr_bottomleft'])) { ?>
150 border-bottom-left-radius: <?php echo $output['betterdocs_doc_page_column_borderr_bottomleft'] ?>px;
151 <?php } ?>
152 }
153 .betterdocs-category-list .betterdocs-categories-wrap .docs-single-cat-wrap,
154 .betterdocs-category-box.white-bg .docs-single-cat-wrap,
155 .betterdocs-categories-wrap.white-bg .docs-single-cat-wrap {
156 <?php if(!empty($output['betterdocs_doc_page_column_bg_color'])) { ?>
157 background-color: <?php echo $output['betterdocs_doc_page_column_bg_color'] ?>;
158 <?php } ?>
159 }
160 .betterdocs-category-box.single-kb.ash-bg .docs-single-cat-wrap {
161 <?php if(!empty($output['betterdocs_doc_page_column_bg_color2'])) { ?>
162 background-color: <?php echo $output['betterdocs_doc_page_column_bg_color2'] ?>;
163 <?php } ?>
164 }
165 .betterdocs-category-box.single-kb .docs-single-cat-wrap:hover,
166 .betterdocs-categories-wrap.single-kb.white-bg .docs-single-cat-wrap.docs-cat-list-2-box:hover {
167 <?php if(!empty($output['betterdocs_doc_page_column_hover_bg_color'])) { ?>
168 background-color: <?php echo $output['betterdocs_doc_page_column_hover_bg_color'] ?>;
169 <?php } ?>
170 }
171 .betterdocs-category-box.single-kb .docs-single-cat-wrap img {
172 <?php if(!empty($output['betterdocs_doc_page_column_content_space_image'])) { ?>
173 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_image'] ?>px;
174 <?php } ?>
175 }
176 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,
177 .pro-layout-4.single-kb .docs-cat-list-2-box-content .docs-cat-title {
178 <?php if(!empty($output['betterdocs_doc_page_column_content_space_title'])) { ?>
179 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_title'] ?>px;
180 <?php } ?>
181 }
182 .betterdocs-category-box.single-kb .docs-single-cat-wrap p {
183 <?php if(!empty($output['betterdocs_doc_page_column_content_space_desc'])) { ?>
184 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_desc'] ?>px;
185 <?php } ?>
186 }
187 .betterdocs-category-box.single-kb .docs-single-cat-wrap span {
188 <?php if(!empty($output['betterdocs_doc_page_column_content_space_counter'])) { ?>
189 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_counter'] ?>px;
190 <?php } ?>
191 }
192 .docs-cat-title > img {
193 height: <?php echo $output['betterdocs_doc_page_cat_icon_size_layout1'] ?>px;
194 }
195 .betterdocs-category-box.single-kb .docs-single-cat-wrap img {
196 height: <?php echo $output['betterdocs_doc_page_cat_icon_size_layout2'] ?>px;
197 }
198 .single-kb .docs-cat-title-inner h3,
199 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,
200 .single-kb .docs-cat-list-2-box .docs-cat-title,
201 .single-kb .docs-cat-list-2-items .docs-cat-title {
202 font-size: <?php echo $output['betterdocs_doc_page_cat_title_font_size'] ?>px;
203 }
204 .docs-cat-title-inner h3 {
205 color: <?php echo $output['betterdocs_doc_page_cat_title_color'] ?>;
206 }
207 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,
208 .single-kb .docs-cat-list-2 .docs-cat-title {
209 color: <?php echo $output['betterdocs_doc_page_cat_title_color2'] ?>;
210 }
211 <?php if ( $output['betterdocs_doc_page_cat_title_hover_color'] ) { ?>
212 .single-kb .docs-cat-title-inner h3:hover,
213 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title:hover,
214 .single-kb .docs-cat-list-2 .docs-cat-title:hover {
215 color: <?php echo $output['betterdocs_doc_page_cat_title_hover_color'] ?>;
216 }
217 <?php } ?>
218 .docs-cat-title-inner {
219 border-color: <?php echo $output['betterdocs_doc_page_cat_title_border_color'] ?>;
220 }
221 .docs-cat-title-inner span {
222 color: <?php echo $output['betterdocs_doc_page_item_count_color'] ?>;
223 font-size: <?php echo $output['betterdocs_doc_page_item_count_font_size'] ?>px;
224 }
225 .betterdocs-category-box.single-kb .docs-single-cat-wrap span,
226 .single-kb .docs-cat-list-2-box .title-count span {
227 color: <?php echo $output['betterdocs_doc_page_item_count_color_layout2'] ?>;
228 font-size: <?php echo $output['betterdocs_doc_page_item_count_font_size'] ?>px;
229 }
230 .betterdocs-categories-wrap.single-kb .docs-cat-title-wrap .docs-item-count span {
231 font-size: <?php echo $output['betterdocs_doc_page_item_count_font_size'] ?>px;
232 }
233 .betterdocs-categories-wrap .docs-item-count {
234 background-color: <?php echo $output['betterdocs_doc_page_item_count_bg_color'] ?>;
235 }
236
237 .betterdocs-categories-wrap.single-kb .docs-cat-title-inner span {
238 background-color: <?php echo $output['betterdocs_doc_page_item_count_inner_bg_color'] ?>;
239 width: <?php echo $output['betterdocs_doc_page_item_counter_size'] ?>px;
240 height: <?php echo $output['betterdocs_doc_page_item_counter_size'] ?>px;
241 }
242 .betterdocs-categories-wrap.single-kb .docs-item-container {
243 background-color: <?php echo $output['betterdocs_doc_page_article_list_bg_color'] ?>;
244 }
245 .betterdocs-categories-wrap.single-kb .docs-item-container li,
246 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat-title {
247 margin-top: <?php echo $output['betterdocs_doc_page_article_list_margin_top'] ?>px;
248 margin-right: <?php echo $output['betterdocs_doc_page_article_list_margin_right'] ?>px;
249 margin-bottom: <?php echo $output['betterdocs_doc_page_article_list_margin_bottom'] ?>px;
250 margin-left: <?php echo $output['betterdocs_doc_page_article_list_margin_left'] ?>px;
251 }
252 .betterdocs-categories-wrap.single-kb .docs-item-container li svg {
253 fill: <?php echo $output['betterdocs_doc_page_list_icon_color'] ?>;
254 font-size: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
255 }
256 .betterdocs-categories-wrap.single-kb li a {
257 color: <?php echo $output['betterdocs_doc_page_article_list_color'] ?>;
258 font-size: <?php echo $output['betterdocs_doc_page_article_list_font_size'] ?>px;
259 }
260 <?php if ($output['betterdocs_doc_page_subcategory_article_list_color']) { ?>
261 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li a {
262 color: <?php echo $output['betterdocs_doc_page_subcategory_article_list_color'] ?>;
263 }
264 <?php } ?>
265 <?php if ($output['betterdocs_doc_page_subcategory_article_list_hover_color']) { ?>
266 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li a:hover {
267 color: <?php echo $output['betterdocs_doc_page_subcategory_article_list_hover_color'] ?>;
268 }
269 <?php } ?>
270 <?php if ($output['betterdocs_doc_page_subcategory_article_list_icon_color']) { ?>
271 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li svg {
272 fill: <?php echo $output['betterdocs_doc_page_subcategory_article_list_icon_color'] ?>;
273 }
274 <?php } ?>
275 .betterdocs-categories-wrap.single-kb li a:hover {
276 color: <?php echo $output['betterdocs_doc_page_article_list_hover_color'] ?>;
277 }
278 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat-title svg {
279 fill: <?php echo $output['betterdocs_doc_page_subcategory_icon_color'] ?>;
280 font-size: <?php echo $output['betterdocs_doc_page_subcategory_icon_font_size'] ?>px;
281 }
282 .betterdocs-categories-wrap.single-kb .docs-sub-cat-title a {
283 color: <?php echo $output['betterdocs_doc_page_article_subcategory_color'] ?>;
284 font-size: <?php echo $output['betterdocs_doc_page_article_subcategory_font_size'] ?>px;
285 }
286 .betterdocs-categories-wrap.single-kb .docs-sub-cat-title a:hover {
287 color: <?php echo $output['betterdocs_doc_page_article_subcategory_hover_color'] ?>;
288 }
289 .docs-cat-link-btn, .docs-cat-link-btn:visited {
290 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_bg_color'] ?>;
291 font-size: <?php echo $output['betterdocs_doc_page_explore_btn_font_size'] ?>px;
292 color: <?php echo $output['betterdocs_doc_page_explore_btn_color'] ?>;
293 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_border_color'] ?>;
294 border-top-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topleft'] ?>px;
295 border-top-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topright'] ?>px;
296 border-bottom-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomright'] ?>px;
297 border-bottom-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomleft'] ?>px;
298 padding-top: <?php echo $output['betterdocs_doc_page_explore_btn_padding_top'] ?>px;
299 padding-right: <?php echo $output['betterdocs_doc_page_explore_btn_padding_right'] ?>px;
300 padding-bottom: <?php echo $output['betterdocs_doc_page_explore_btn_padding_bottom'] ?>px;
301 padding-left: <?php echo $output['betterdocs_doc_page_explore_btn_padding_left'] ?>px;
302 }
303 .docs-cat-link-btn:hover {
304 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_bg_color'] ?>;
305 color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_color'] ?>;
306 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_border_color'] ?>;
307 }
308 .betterdocs-single-bg .betterdocs-content-area, .betterdocs-single-bg .betterdocs-content-full {
309 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
310 }
311 .betterdocs-single-wraper .betterdocs-content-area {
312 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
313 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
314 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
315 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
316 }
317 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
318 padding-top: <?php echo $output['betterdocs_doc_single_post_content_padding_top'] ?>px;
319 padding-right: <?php echo $output['betterdocs_doc_single_post_content_padding_right'] ?>px;
320 padding-bottom: <?php echo $output['betterdocs_doc_single_post_content_padding_bottom'] ?>px;
321 padding-left: <?php echo $output['betterdocs_doc_single_post_content_padding_left'] ?>px;
322 }
323 .betterdocs-single-layout2 .docs-content-full-main .doc-single-content-wrapper {
324 padding-top: <?php echo $output['betterdocs_doc_single_2_post_content_padding_top'] ?>px;
325 padding-right: <?php echo $output['betterdocs_doc_single_2_post_content_padding_right'] ?>px;
326 padding-bottom: <?php echo $output['betterdocs_doc_single_2_post_content_padding_bottom'] ?>px;
327 padding-left: <?php echo $output['betterdocs_doc_single_2_post_content_padding_left'] ?>px;
328 }
329 .betterdocs-single-layout3 .docs-content-full-main .doc-single-content-wrapper {
330 padding-top: <?php echo $output['betterdocs_doc_single_3_post_content_padding_top'] ?>px;
331 padding-right: <?php echo $output['betterdocs_doc_single_3_post_content_padding_right'] ?>px;
332 padding-bottom: <?php echo $output['betterdocs_doc_single_3_post_content_padding_bottom'] ?>px;
333 padding-left: <?php echo $output['betterdocs_doc_single_3_post_content_padding_left'] ?>px;
334 }
335 .docs-single-title .betterdocs-entry-title {
336 font-size: <?php echo $output['betterdocs_single_doc_title_font_size'] ?>px;
337 color: <?php echo $output['betterdocs_single_doc_title_color'] ?>;
338 }
339 .betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
340 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
341 color: <?php echo $output['betterdocs_single_doc_breadcrumb_color'] ?>;
342 }
343 .betterdocs-breadcrumb .betterdocs-breadcrumb-list .betterdocs-breadcrumb-item a:hover {
344 color: <?php echo $output['betterdocs_single_doc_breadcrumb_hover_color'] ?>;
345 }
346 .betterdocs-breadcrumb .breadcrumb-delimiter {
347 color: <?php echo $output['betterdocs_single_doc_breadcrumb_speretor_color'] ?>;
348 }
349 .betterdocs-breadcrumb-item.current span {
350 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
351 color: <?php echo $output['betterdocs_single_doc_breadcrumb_active_item_color'] ?>;
352 }
353 .betterdocs-toc {
354 background-color: <?php echo $output['betterdocs_toc_bg_color'] ?>;
355 padding-top: <?php echo $output['betterdocs_doc_single_toc_padding_top'] ?>px;
356 padding-right: <?php echo $output['betterdocs_doc_single_toc_padding_right'] ?>px;
357 padding-bottom: <?php echo $output['betterdocs_doc_single_toc_padding_bottom'] ?>px;
358 padding-left: <?php echo $output['betterdocs_doc_single_toc_padding_left'] ?>px;
359 }
360 .betterdocs-entry-content .betterdocs-toc {
361 margin-bottom: <?php echo $output['betterdocs_toc_margin_bottom'] ?>px;
362 }
363 .sticky-toc-container {
364 width: <?php echo $output['betterdocs_sticky_toc_width'] ?>px;
365 }
366 .sticky-toc-container.toc-sticky {
367 z-index: <?php echo $output['betterdocs_sticky_toc_zindex'] ?>;
368 margin-top: <?php echo $output['betterdocs_sticky_toc_margin_top'] ?>px;
369 }
370 .betterdocs-toc > .toc-title {
371 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
372 font-size: <?php echo $output['betterdocs_toc_title_font_size'] ?>px;
373 }
374 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .angle-icon {
375 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
376 }
377 .betterdocs-toc > .toc-list a {
378 color: <?php echo $output['betterdocs_toc_list_item_color'] ?>;
379 font-size: <?php echo $output['betterdocs_toc_list_item_font_size'] ?>px;
380 margin-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
381 margin-right: <?php echo $output['betterdocs_doc_single_toc_list_margin_right'] ?>px;
382 margin-bottom: <?php echo $output['betterdocs_doc_single_toc_list_margin_bottom'] ?>px;
383 margin-left: <?php echo $output['betterdocs_doc_single_toc_list_margin_left'] ?>px;
384 }
385 .betterdocs-toc > .toc-list li a:before {
386 font-size: <?php echo $output['betterdocs_toc_list_number_font_size'] ?>px;
387 color: <?php echo $output['betterdocs_toc_list_number_color'] ?>;
388 }
389 .betterdocs-toc > .toc-list li:before {
390 padding-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
391 }
392 .betterdocs-toc > .toc-list a:hover {
393 color: <?php echo $output['betterdocs_toc_list_item_hover_color'] ?>;
394 }
395 .feedback-form-link .feedback-form-icon svg, .feedback-form-link .feedback-form-icon img {
396 width: <?php echo $output['betterdocs_single_doc_feedback_icon_font_size'] ?>px;
397 }
398 .betterdocs-toc > .toc-list a.active {
399 color: <?php echo $output['betterdocs_toc_active_item_color'] ?>;
400 }
401 .betterdocs-content {
402 color: <?php echo $output['betterdocs_single_content_font_color'] ?>;
403 font-size: <?php echo $output['betterdocs_single_content_font_size'] ?>px;
404 }
405 .betterdocs-social-share .betterdocs-social-share-heading h5 {
406 color: <?php echo $output['betterdocs_post_social_share_text_color'] ?>;
407 }
408 .betterdocs-entry-footer .feedback-form-link {
409 color: <?php echo $output['betterdocs_single_doc_feedback_link_color'] ?>;
410 font-size: <?php echo $output['betterdocs_single_doc_feedback_link_font_size'] ?>px;
411 }
412 .betterdocs-entry-footer .feedback-update-form .feedback-form-link:hover {
413 color: <?php echo $output['betterdocs_single_doc_feedback_link_hover_color'] ?>;
414 }
415 .docs-navigation a {
416 color: <?php echo $output['betterdocs_single_doc_navigation_color'] ?>;
417 font-size: <?php echo $output['betterdocs_single_doc_navigation_font_size'] ?>px;
418 }
419 .docs-navigation a:hover {
420 color: <?php echo $output['betterdocs_single_doc_navigation_hover_color'] ?>;
421 }
422 .docs-navigation a svg{
423 fill: <?php echo $output['betterdocs_single_doc_navigation_arrow_color'] ?>;
424 min-width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
425 width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
426 }
427 .betterdocs-entry-footer .update-date{
428 color: <?php echo $output['betterdocs_single_doc_lu_time_color'] ?>;
429 font-size: <?php echo $output['betterdocs_single_doc_lu_time_font_size'] ?>px;
430 }
431 .betterdocs-credit p{
432 color: <?php echo $output['betterdocs_single_doc_powered_by_color'] ?>;
433 font-size: <?php echo $output['betterdocs_single_doc_powered_by_font_size'] ?>px;
434 }
435 .betterdocs-credit p a{
436 color: <?php echo $output['betterdocs_single_doc_powered_by_link_color'] ?>;
437 }
438 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap,
439 .betterdocs-category-wraper .betterdocs-full-sidebar-left {
440 background-color: <?php echo $output['betterdocs_sidebar_bg_color'] ?>;
441 }
442 .betterdocs-single-layout1 .betterdocs-sidebar-content .betterdocs-categories-wrap {
443 <?php if(!empty($output['betterdocs_sidebar_borderr_topleft'])) { ?>
444 border-top-left-radius: <?php echo $output['betterdocs_sidebar_borderr_topleft'] ?>px;
445 <?php } ?>
446 <?php if(!empty($output['betterdocs_sidebar_borderr_topright'])) { ?>
447 border-top-right-radius: <?php echo $output['betterdocs_sidebar_borderr_topright'] ?>px;
448 <?php } ?>
449 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomright'])) { ?>
450 border-bottom-right-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomright'] ?>px;
451 <?php } ?>
452 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomleft'])) { ?>
453 border-bottom-left-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomleft'] ?>px;
454 <?php } ?>
455 }
456 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap {
457 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
458 }
459 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title > img{
460 height: <?php echo $output['betterdocs_sidebar_icon_size'] ?>px;
461 }
462 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner h3{
463 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
464 font-size: <?php echo $output['betterdocs_sidebar_title_font_size'] ?>px;
465 }
466 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner h3:hover {
467 color: <?php echo $output['betterdocs_sidebar_title_hover_color'] ?> !important;
468 }
469 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .cat-list-arrow-down {
470 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
471 }
472 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .active-title .docs-cat-title-inner h3,
473 .betterdocs-sidebar-content.betterdocs-category-sidebar .active-title .docs-cat-title-inner h3,
474 .betterdocs-category-wraper .betterdocs-full-sidebar-left .docs-cat-title-wrap::after {
475 color: <?php echo $output['betterdocs_sidebar_active_title_color'] ?>;
476 }
477 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count {
478 background-color: <?php echo $output['betterdocs_sidbebar_item_count_bg_color'] ?>;
479 }
480 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count span {
481 background-color: <?php echo $output['betterdocs_sidbebar_item_count_inner_bg_color'] ?>;
482 color: <?php echo $output['betterdocs_sidebar_item_count_color'] ?>;
483 font-size: <?php echo $output['betterdocs_sidebat_item_count_font_size'] ?>px;
484 }
485 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap {
486 margin-top: <?php echo $output['betterdocs_sidebar_title_margin_top'] ?>px;
487 margin-right: <?php echo $output['betterdocs_sidebar_title_margin_right'] ?>px;
488 margin-bottom: <?php echo $output['betterdocs_sidebar_title_margin_bottom'] ?>px;
489 margin-left: <?php echo $output['betterdocs_sidebar_title_margin_left'] ?>px;
490 }
491 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap, .betterdocs-full-sidebar-left .betterdocs-categories-wrap {
492 padding-top: <?php echo $output['betterdocs_sidebar_padding_top'] ?>px;
493 padding-right: <?php echo $output['betterdocs_sidebar_padding_right'] ?>px;
494 padding-bottom: <?php echo $output['betterdocs_sidebar_padding_bottom'] ?>px;
495 padding-left: <?php echo $output['betterdocs_sidebar_padding_left'] ?>px;
496 }
497 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap {
498 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
499 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
500 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
501 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
502 }
503 .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-cat-title-inner {
504 <?php if(!empty(get_theme_mod('betterdocs_sidebar_title_bg_color'))) { ?>
505 background-color: <?php echo get_theme_mod('betterdocs_sidebar_title_bg_color') ?>;
506 <?php } else {?>
507 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
508 <?php } ?>
509 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
510 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
511 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
512 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
513 }
514 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-container{
515 background-color: <?php echo $output['betterdocs_sidbebar_item_list_bg_color'] ?>;
516 }
517 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap.active-title{
518 background-color: <?php echo $output['betterdocs_sidebar_active_cat_background_color'] ?>;
519 border-color: <?php echo $output['betterdocs_sidebar_active_cat_border_color'] ?>;
520 }
521 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {
522 padding-left: 0;
523 margin-top: <?php echo $output['betterdocs_sidebar_list_item_margin_top'] ?>px;
524 margin-right: <?php echo $output['betterdocs_sidebar_list_item_margin_right'] ?>px;
525 margin-bottom: <?php echo $output['betterdocs_sidebar_list_item_margin_bottom'] ?>px;
526 margin-left: <?php echo $output['betterdocs_sidebar_list_item_margin_left'] ?>px;
527 }
528 .betterdocs-single-layout2 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li {
529 margin-right: 0 !important;
530 }
531 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a {
532 color: <?php echo $output['betterdocs_sidebar_list_item_color'] ?>;
533 font-size: <?php echo $output['betterdocs_sidebar_list_item_font_size'] ?>px;
534 }
535 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a:hover {
536 color: <?php echo $output['betterdocs_sidebar_list_item_hover_color'] ?>;
537 }
538 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li svg {
539 fill: <?php echo $output['betterdocs_sidebar_list_icon_color'] ?>;
540 font-size: <?php echo $output['betterdocs_sidebar_list_icon_font_size'] ?>px;
541 }
542 .betterdocs-category-wraper.betterdocs-single-wraper{
543 <?php if(!empty($output['betterdocs_archive_page_background_color'])) { ?>
544 background-color: <?php echo $output['betterdocs_archive_page_background_color'] ?>;
545 <?php } ?>
546 <?php if(!empty($output['betterdocs_archive_page_background_image'])) { ?>
547 background-image: url(<?php echo $output['betterdocs_archive_page_background_image'] ?>);
548 <?php } ?>
549 <?php if(!empty($output['betterdocs_archive_page_background_size'])) { ?>
550 background-size: <?php echo $output['betterdocs_archive_page_background_size'] ?>;
551 <?php } ?>
552 <?php if(!empty($output['betterdocs_archive_page_background_repeat'])) { ?>
553 background-repeat: <?php echo $output['betterdocs_archive_page_background_repeat'] ?>;
554 <?php } ?>
555 <?php if(!empty($output['betterdocs_archive_page_background_attachment'])) { ?>
556 background-attachment: <?php echo $output['betterdocs_archive_page_background_attachment'] ?>;
557 <?php } ?>
558 <?php if(!empty($output['betterdocs_archive_page_background_position'])) { ?>
559 background-position: <?php echo $output['betterdocs_archive_page_background_position'] ?>;
560 <?php } ?>
561 }
562 .betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing{
563 <?php if(!empty($output['betterdocs_archive_content_background_color'])) { ?>
564 background-color: <?php echo $output['betterdocs_archive_content_background_color'] ?>;
565 <?php } ?>
566 margin-top: <?php echo $output['betterdocs_archive_content_margin_top'] ?>px;
567 margin-right: <?php echo $output['betterdocs_archive_content_margin_right'] ?>px;
568 margin-bottom: <?php echo $output['betterdocs_archive_content_margin_bottom'] ?>px;
569 margin-left: <?php echo $output['betterdocs_archive_content_margin_left'] ?>px;
570 padding-top: <?php echo $output['betterdocs_archive_content_padding_top'] ?>px;
571 padding-right: <?php echo $output['betterdocs_archive_content_padding_right'] ?>px;
572 padding-bottom: <?php echo $output['betterdocs_archive_content_padding_bottom'] ?>px;
573 padding-left: <?php echo $output['betterdocs_archive_content_padding_left'] ?>px;
574 border-radius: <?php echo $output['betterdocs_archive_content_border_radius'] ?>px;
575 }
576 .betterdocs-category-wraper .docs-category-listing .docs-cat-title h3 {
577 color: <?php echo $output['betterdocs_archive_title_color'] ?>;
578 font-size: <?php echo $output['betterdocs_archive_title_font_size'] ?>px;
579 margin-top: <?php echo $output['betterdocs_archive_title_margin_top'] ?>px;
580 margin-right: <?php echo $output['betterdocs_archive_title_margin_right'] ?>px;
581 margin-bottom: <?php echo $output['betterdocs_archive_title_margin_bottom'] ?>px;
582 margin-left: <?php echo $output['betterdocs_archive_title_margin_left'] ?>px;
583 }
584 .betterdocs-category-wraper .docs-category-listing .docs-cat-title p {
585 color: <?php echo $output['betterdocs_archive_description_color'] ?>;
586 font-size: <?php echo $output['betterdocs_archive_description_font_size'] ?>px;
587 margin-top: <?php echo $output['betterdocs_archive_description_margin_top'] ?>px;
588 margin-right: <?php echo $output['betterdocs_archive_description_margin_right'] ?>px;
589 margin-bottom: <?php echo $output['betterdocs_archive_description_margin_bottom'] ?>px;
590 margin-left: <?php echo $output['betterdocs_archive_description_margin_left'] ?>px;
591 }
592 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li,
593 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title {
594 margin-top: <?php echo $output['betterdocs_archive_article_list_margin_top'] ?>px;
595 margin-right: <?php echo $output['betterdocs_archive_article_list_margin_right'] ?>px;
596 margin-bottom: <?php echo $output['betterdocs_archive_article_list_margin_bottom'] ?>px;
597 margin-left: <?php echo $output['betterdocs_archive_article_list_margin_left'] ?>px;
598 }
599 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li svg {
600 fill: <?php echo $output['betterdocs_archive_list_icon_color'] ?>;
601 font-size: <?php echo $output['betterdocs_archive_list_icon_font_size'] ?>px;
602 }
603 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a {
604 color: <?php echo $output['betterdocs_archive_list_item_color'] ?>;
605 font-size: <?php echo $output['betterdocs_archive_list_item_font_size'] ?>px;
606 }
607 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a:hover {
608 color: <?php echo $output['betterdocs_archive_list_item_hover_color'] ?>;
609 }
610 <?php if ($output['betterdocs_archive_subcategory_article_list_color']) { ?>
611 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li a {
612 color: <?php echo $output['betterdocs_archive_subcategory_article_list_color'] ?>;
613 }
614 <?php } ?>
615 <?php if ($output['betterdocs_archive_subcategory_article_list_hover_color']) { ?>
616 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li a:hover {
617 color: <?php echo $output['betterdocs_archive_subcategory_article_list_hover_color'] ?>;
618 }
619 <?php } ?>
620 <?php if ($output['betterdocs_archive_subcategory_article_list_icon_color']) { ?>
621 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li svg {
622 fill: <?php echo $output['betterdocs_archive_subcategory_article_list_icon_color'] ?>;
623 }
624 <?php } ?>
625 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title svg {
626 fill: <?php echo $output['betterdocs_archive_subcategory_icon_color'] ?>;
627 font-size: <?php echo $output['betterdocs_archive_subcategory_icon_font_size'] ?>px;
628 }
629 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title a {
630 color: <?php echo $output['betterdocs_archive_article_subcategory_color'] ?>;
631 font-size: <?php echo $output['betterdocs_archive_article_subcategory_font_size'] ?>px;
632 }
633 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title a:hover {
634 color: <?php echo $output['betterdocs_archive_article_subcategory_hover_color'] ?>;
635 }
636
637 .betterdocs-search-form-wrap{
638 <?php if(!empty($output['betterdocs_live_search_background_color'])) { ?>
639 background-color: <?php echo $output['betterdocs_live_search_background_color'] ?>;
640 <?php } ?>
641 <?php if(!empty($output['betterdocs_live_search_background_image'])) { ?>
642 background-image: url(<?php echo $output['betterdocs_live_search_background_image'] ?>);
643 <?php } ?>
644 <?php if(!empty($output['betterdocs_live_search_background_size'])) { ?>
645 background-size: <?php echo $output['betterdocs_live_search_background_size'] ?>;
646 <?php } ?>
647 <?php if(!empty($output['betterdocs_live_search_background_repeat'])) { ?>
648 background-repeat: <?php echo $output['betterdocs_live_search_background_repeat'] ?>;
649 <?php } ?>
650 <?php if(!empty($output['betterdocs_live_search_background_attachment'])) { ?>
651 background-attachment: <?php echo $output['betterdocs_live_search_background_attachment'] ?>;
652 <?php } ?>
653 <?php if(!empty($output['betterdocs_live_search_background_position'])) { ?>
654 background-position: <?php echo $output['betterdocs_live_search_background_position'] ?>;
655 <?php } ?>
656 padding-top: <?php echo $output['betterdocs_live_search_padding_top'] ?>px;
657 padding-right: <?php echo $output['betterdocs_live_search_padding_right'] ?>px;
658 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] ?>px;
659 padding-left: <?php echo $output['betterdocs_live_search_padding_left'] ?>px;
660 }
661 .betterdocs-search-heading h2 {
662 line-height: 1.2;
663 font-size: <?php echo $output['betterdocs_live_search_heading_font_size'] ?>px;
664 color: <?php echo $output['betterdocs_live_search_heading_font_color'] ?>;
665 margin-top: <?php echo $output['betterdocs_search_heading_margin_top'] ?>px;
666 margin-right: <?php echo $output['betterdocs_search_heading_margin_right'] ?>px;
667 margin-bottom: <?php echo $output['betterdocs_search_heading_margin_bottom'] ?>px;
668 margin-left: <?php echo $output['betterdocs_search_heading_margin_left'] ?>px;
669 }
670 .betterdocs-search-heading h3 {
671 line-height: 1.2;
672 font-size: <?php echo $output['betterdocs_live_search_subheading_font_size'] ?>px;
673 color: <?php echo $output['betterdocs_live_search_subheading_font_color'] ?>;
674 margin-top: <?php echo $output['betterdocs_search_subheading_margin_top'] ?>px;
675 margin-right: <?php echo $output['betterdocs_search_subheading_margin_right'] ?>px;
676 margin-bottom: <?php echo $output['betterdocs_search_subheading_margin_bottom'] ?>px;
677 margin-left: <?php echo $output['betterdocs_search_subheading_margin_left'] ?>px;
678 }
679 .betterdocs-searchform {
680 background-color: <?php echo $output['betterdocs_search_field_background_color'] ?>;
681 border-radius: <?php echo $output['betterdocs_search_field_border_radius'] ?>px;
682 padding-top: <?php echo $output['betterdocs_search_field_padding_top'] ?>px;
683 padding-right: <?php echo $output['betterdocs_search_field_padding_right'] ?>px;
684 padding-bottom: <?php echo $output['betterdocs_search_field_padding_bottom'] ?>px;
685 padding-left: <?php echo $output['betterdocs_search_field_padding_left'] ?>px;
686 }
687 .betterdocs-searchform .betterdocs-search-field{
688 font-size: <?php echo $output['betterdocs_search_field_font_size'] ?>px;
689 color: <?php echo $output['betterdocs_search_field_color'] ?>;
690 }
691 .betterdocs-searchform svg.docs-search-icon {
692 fill: <?php echo $output['betterdocs_search_icon_color'] ?>;
693 height: <?php echo $output['betterdocs_search_icon_size'] ?>px;
694 }
695 .docs-search-close path.close-line {
696 fill: <?php echo $output['betterdocs_search_close_icon_color'] ?>;
697 }
698 .docs-search-close path.close-border {
699 fill: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
700 }
701 .docs-search-loader {
702 stroke: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
703 }
704 .betterdocs-searchform svg.docs-search-icon:hover {
705 fill: <?php echo $output['betterdocs_search_icon_hover_color'] ?>;
706 }
707 .betterdocs-live-search .docs-search-result {
708 width: <?php echo $output['betterdocs_search_result_width'] ?>%;
709 max-width: <?php echo $output['betterdocs_search_result_max_width'] ?>px;
710 background-color: <?php echo $output['betterdocs_search_result_background_color'] ?>;
711 border-color: <?php echo $output['betterdocs_search_result_border_color'] ?>;
712 }
713 .betterdocs-search-result-wrap::before {
714 border-color: transparent transparent <?php echo $output['betterdocs_search_result_background_color'] ?>;
715 }
716 .betterdocs-live-search .docs-search-result li {
717 border-color: <?php echo $output['betterdocs_search_result_item_border_color'] ?>;
718 }
719 .betterdocs-live-search .docs-search-result li a {
720 font-size: <?php echo $output['betterdocs_search_result_item_font_size'] ?>px;
721 color: <?php echo $output['betterdocs_search_result_item_font_color'] ?>;
722 padding-top: <?php echo $output['betterdocs_search_result_item_padding_top'] ?>px;
723 padding-right: <?php echo $output['betterdocs_search_result_item_padding_right'] ?>px;
724 padding-bottom: <?php echo $output['betterdocs_search_result_item_padding_bottom'] ?>px;
725 padding-left: <?php echo $output['betterdocs_search_result_item_padding_left'] ?>px;
726 }
727 .betterdocs-live-search .docs-search-result li:only-child {
728 font-size: <?php echo $output['betterdocs_search_result_item_font_size'] ?>px;
729 color: <?php echo $output['betterdocs_search_result_item_font_color'] ?>;
730 }
731 .betterdocs-live-search .docs-search-result li:hover {
732 background-color: <?php echo $output['betterdocs_search_result_item_hover_background_color'] ?>;
733 }
734 .betterdocs-live-search .docs-search-result li a:hover {
735 color: <?php echo $output['betterdocs_search_result_item_hover_font_color'] ?>;
736 }
737 .betterdocs-category-box.pro-layout-3 .docs-single-cat-wrap img,
738 .docs-cat-list-2-box img {
739 margin-right: <?php echo $output['betterdocs_doc_page_column_content_space_image'] ?>px;
740 }
741 .betterdocs-wraper .betterdocs-search-form-wrap.cat-layout-4 {
742 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] + 80 ?>px;
743 }
744 </style>
745 <script>
746 jQuery(document).ready(function() {
747 var masonryGrid = jQuery(".betterdocs-categories-wrap.layout-masonry");
748 var columnPerGrid = jQuery(".betterdocs-categories-wrap.layout-masonry").attr('data-column');
749 var masonryItem = jQuery(".betterdocs-categories-wrap.layout-masonry .docs-single-cat-wrap");
750 var doc_page_column_space = <?php echo $output['betterdocs_doc_page_column_space'] ?>;
751 var total_margin = columnPerGrid * doc_page_column_space;
752 if (masonryGrid.length) {
753 masonryItem.css("width", "calc((100% - "+total_margin+"px) / "+parseInt(columnPerGrid)+")");
754 masonryGrid.masonry({
755 itemSelector: ".docs-single-cat-wrap",
756 percentPosition: true,
757 gutter: doc_page_column_space
758 });
759 }
760 });
761 </script>
762 <?php
763 }
764 add_action( 'wp_head', 'betterdocs_customize_css');