PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 2.3.5
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v2.3.5
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 2.3.5, at admin/customizer/output-css.php

1,053 lines 58.0 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>
13 .betterdocs-customize-control-title {
14 margin-top: 0;
15 margin-bottom: 10px;
16 }
17 .betterdocs-customizer-toggle {
18 display:flex;
19 flex-direction: row;
20 justify-content: flex-start;
21 }
22 .betterdocs-customizer-toggle .betterdocs-customizer-toggle-title {
23 flex: 2 0 0;
24 vertical-align: middle;
25 margin: 0;
26 }
27 .customize-control-betterdocs-title .betterdocs-select,
28 .customize-control-betterdocs-title .betterdocs-dimension{
29 display: flex;
30 }
31 .betterdcos-range-slider {
32 margin-bottom: 10px;
33 }
34 .customize-control-betterdocs-range-value .customize-control-title,
35 .customize-control-betterdocs-number .customize-control-title {
36 float: left;
37 }
38 .betterdocs-customize-control-separator {
39 display: block;
40 margin: 0 -12px;
41 border: 1px solid #ddd;
42 border-left: 0;
43 border-right: 0;
44 padding: 15px;
45 font-size: 11px;
46 font-weight: 600;
47 letter-spacing: 2px;
48 line-height: 1;
49 text-transform: uppercase;
50 color: #555;
51 background-color: #fff;
52 }
53 .betterdocs-customize-control-separator.bohemian-layout {
54 background-color:#19ca9e;
55 color:#fff;
56 }
57 .customize-control.customize-control-betterdocs-dimension,
58 .customize-control-betterdocs-select {
59 width: 25%;
60 float: left !important;
61 clear: none !important;
62 margin-top: 0 !important;
63 margin-bottom: 12px;
64 }
65 .customize-control.customize-control-betterdocs-dimension .customize-control-title,
66 .customize-control-betterdocs-select .customize-control-title{
67 font-size: 11px;
68 font-weight: normal;
69 color: #888b8c;
70 margin-top: 0;
71 }
72 .betterdocs-customizer-reset {
73 font-size: 22px;
74 margin-left: 5px;
75 transition: unset;
76 }
77 .betterdocs-customizer-reset svg {
78 width: 16px;
79 fill: #FE1F4A;
80 }
81 .customize-control-title .customize-control-title {
82 margin-bottom: 0;
83 }
84 .betterdocs-alpha-color-picker .customize-control-title {
85 display: block;
86 }
87 .betterdocs-dimension-fields li {
88 float: left;
89 }
90 .betterdocs-dimension-fields li:first-child span {
91 height: 30px;
92 line-height: 30px;
93 font-size: 15px;
94 padding-left: 5px;
95 padding-right: 5px;
96 border-radius: 4px;
97 border: 1px solid #7e8993;
98 background-color: #fff;
99 cursor: pointer;
100 }
101 .betterdocs-dimension-fields .betterdocs-dimension-connected {
102 display: none;
103 }
104 .betterdocs-dimension-fields .betterdocs-dimension-disconnected {
105 display: block;
106 }
107 .betterdocs-dimension-fields .betterdocs-dimension-link.connected .betterdocs-dimension-connected {
108 display: block;
109 color: #0073aa;
110 }
111 .betterdocs-dimension-fields .betterdocs-dimension-link.connected .betterdocs-dimension-disconnected {
112 display: none;
113 }
114
115 .betterdocs-dimension-fields li:not(:first-child) {
116 width: 20%;
117 padding-left: 5px;
118 }
119 .betterdocs-dimension-fields li input {
120 height: 30px;
121 }
122 .betterdocs-dimension-fields .dimension-title {
123 text-align: center;
124 font-size: 11px;
125 display: block;
126 }
127 </style>
128 <?php
129
130 }
131 add_action( 'customize_controls_print_styles', 'betterdocs_customizer_styles', 999 );
132
133 function betterdocs_customize_css() {
134 $output = betterdocs_generate_output();
135 ?>
136 <style>
137 .betterdocs-wraper.betterdocs-main-wraper {
138 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_color'))) { ?>
139 background-color: <?php echo get_theme_mod('betterdocs_doc_page_background_color') ?>;
140 <?php } else {?>
141 background-color: <?php echo $output['betterdocs_doc_page_background_color'] ?>;
142 <?php } ?>
143 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_image'))) { ?>
144 background-image: url(<?php echo get_theme_mod('betterdocs_doc_page_background_image') ?>);
145 <?php } ?>
146 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_size'))) { ?>
147 background-size: <?php echo get_theme_mod('betterdocs_doc_page_background_size') ?>;
148 <?php } ?>
149 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_repeat'))) { ?>
150 background-repeat: <?php echo get_theme_mod('betterdocs_doc_page_background_repeat') ?>;
151 <?php } ?>
152 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_attachment'))) { ?>
153 background-attachment: <?php echo get_theme_mod('betterdocs_doc_page_background_attachment') ?>;
154 <?php } ?>
155 <?php if(!empty(get_theme_mod('betterdocs_doc_page_background_position'))) { ?>
156 background-position: <?php echo get_theme_mod('betterdocs_doc_page_background_position') ?>;
157 <?php } ?>
158 }
159 .betterdocs-archive-wrap.betterdocs-archive-main {
160 padding-top: <?php echo $output['betterdocs_doc_page_content_padding_top'] ?>px;
161 padding-bottom: <?php echo $output['betterdocs_doc_page_content_padding_bottom'] ?>px;
162 padding-left: <?php echo $output['betterdocs_doc_page_content_padding_left'] ?>px;
163 padding-right: <?php echo $output['betterdocs_doc_page_content_padding_right'] ?>px;
164 }
165 .betterdocs-archive-wrap.betterdocs-archive-main {
166 width: <?php echo $output['betterdocs_doc_page_content_width'] ?>%;
167 max-width: <?php echo $output['betterdocs_doc_page_content_max_width'] ?>px;
168 }
169 .betterdocs-categories-wrap.single-kb.layout-masonry .docs-single-cat-wrap {
170 margin-bottom: <?php echo $output['betterdocs_doc_page_column_space'] ?>px;
171 }
172 .betterdocs-categories-wrap.single-kb.layout-flex .docs-single-cat-wrap {
173 margin: <?php echo $output['betterdocs_doc_page_column_space'] ?>px;
174 }
175 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-cat-title-wrap {
176 padding-top: <?php echo $output['betterdocs_doc_page_column_padding_top'] ?>px;
177 }
178
179 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-cat-title-wrap,
180 .betterdocs-archive-main .docs-item-container {
181 padding-right: <?php echo $output['betterdocs_doc_page_column_padding_right'] ?>px;
182 padding-left: <?php echo $output['betterdocs_doc_page_column_padding_left'] ?>px;
183 }
184 .betterdocs-archive-main .docs-item-container {
185 padding-bottom: <?php echo $output['betterdocs_doc_page_column_padding_right'] ?>px;
186 }
187 .betterdocs-categories-wrap.betterdocs-category-box.layout-2.single-kb .docs-single-cat-wrap,
188 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap.docs-cat-list-2-box {
189 padding-top: <?php echo $output['betterdocs_doc_page_column_padding_top'] ?>px;
190 padding-right: <?php echo $output['betterdocs_doc_page_column_padding_right'] ?>px;
191 padding-left: <?php echo $output['betterdocs_doc_page_column_padding_left'] ?>px;
192 padding-bottom: <?php echo $output['betterdocs_doc_page_column_padding_bottom'] ?>px;
193 }
194 <?php if ($output['betterdocs_doc_page_box_border_bottom']) { ?>
195 .betterdocs-categories-wrap.betterdocs-category-box.border-bottom a.docs-single-cat-wrap:hover {
196 border-bottom-style: solid;
197 border-bottom-width: <?php echo $output['betterdocs_doc_page_box_border_bottom_size'] ?>px;
198 border-bottom-color: <?php echo $output['betterdocs_doc_page_box_border_bottom_color'] ?>;
199 }
200 <?php } ?>
201 .betterdocs-categories-wrap.betterdocs-category-box .docs-single-cat-wrap p{
202 <?php if(!empty($output['betterdocs_doc_page_cat_desc_color'])) { ?>
203 color: <?php echo $output['betterdocs_doc_page_cat_desc_color'] ?>;
204 <?php } ?>
205 }
206 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap,
207 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-cat-title-wrap {
208 <?php if(!empty($output['betterdocs_doc_page_column_borderr_topleft'])) { ?>
209 border-top-left-radius: <?php echo $output['betterdocs_doc_page_column_borderr_topleft'] ?>px;
210 <?php } ?>
211 <?php if(!empty($output['betterdocs_doc_page_column_borderr_topright'])) { ?>
212 border-top-right-radius: <?php echo $output['betterdocs_doc_page_column_borderr_topright'] ?>px;
213 <?php } ?>
214 }
215 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap,
216 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-item-container {
217 <?php if(!empty($output['betterdocs_doc_page_column_borderr_bottomright'])) { ?>
218 border-bottom-right-radius: <?php echo $output['betterdocs_doc_page_column_borderr_bottomright'] ?>px;
219 <?php } ?>
220 <?php if(!empty($output['betterdocs_doc_page_column_borderr_bottomleft'])) { ?>
221 border-bottom-left-radius: <?php echo $output['betterdocs_doc_page_column_borderr_bottomleft'] ?>px;
222 <?php } ?>
223 }
224 .betterdocs-category-list .betterdocs-categories-wrap .docs-single-cat-wrap,
225 .betterdocs-category-box.white-bg .docs-single-cat-wrap,
226 .betterdocs-categories-wrap.white-bg .docs-single-cat-wrap {
227 <?php if(!empty($output['betterdocs_doc_page_column_bg_color'])) { ?>
228 background-color: <?php echo $output['betterdocs_doc_page_column_bg_color'] ?>;
229 <?php } ?>
230 }
231 .betterdocs-category-box.single-kb.ash-bg .docs-single-cat-wrap {
232 <?php if(!empty($output['betterdocs_doc_page_column_bg_color2'])) { ?>
233 background-color: <?php echo $output['betterdocs_doc_page_column_bg_color2'] ?>;
234 <?php } ?>
235 }
236 .betterdocs-category-box.single-kb .docs-single-cat-wrap:hover,
237 .betterdocs-categories-wrap.single-kb.white-bg .docs-single-cat-wrap.docs-cat-list-2-box:hover {
238 <?php if(!empty($output['betterdocs_doc_page_column_hover_bg_color'])) { ?>
239 background-color: <?php echo $output['betterdocs_doc_page_column_hover_bg_color'] ?>;
240 <?php } ?>
241 }
242 .betterdocs-category-box.single-kb .docs-single-cat-wrap img {
243 <?php if(!empty($output['betterdocs_doc_page_column_content_space_image'])) { ?>
244 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_image'] ?>px;
245 <?php } ?>
246 }
247 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,
248 .pro-layout-4.single-kb .docs-cat-list-2-box-content .docs-cat-title {
249 <?php if(!empty($output['betterdocs_doc_page_column_content_space_title'])) { ?>
250 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_title'] ?>px;
251 <?php } ?>
252 }
253 .betterdocs-category-box.single-kb .docs-single-cat-wrap p {
254 <?php if(!empty($output['betterdocs_doc_page_column_content_space_desc'])) { ?>
255 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_desc'] ?>px;
256 <?php } ?>
257 }
258 .betterdocs-category-box.single-kb .docs-single-cat-wrap span {
259 <?php if(!empty($output['betterdocs_doc_page_column_content_space_counter'])) { ?>
260 margin-bottom: <?php echo $output['betterdocs_doc_page_column_content_space_counter'] ?>px;
261 <?php } ?>
262 }
263 .docs-cat-title img {
264 height: <?php echo $output['betterdocs_doc_page_cat_icon_size_layout1'] ?>px;
265 }
266 .betterdocs-category-box.single-kb .docs-single-cat-wrap img {
267 height: <?php echo $output['betterdocs_doc_page_cat_icon_size_layout2'] ?>px;
268 }
269 .single-kb .docs-cat-title-inner .docs-cat-heading,
270 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,
271 .single-kb .docs-cat-list-2-box .docs-cat-title,
272 .single-kb .docs-cat-list-2-items .docs-cat-title{
273 font-size: <?php echo $output['betterdocs_doc_page_cat_title_font_size'] ?>px;
274 }
275 .single-kb .docs-cat-title-inner .docs-cat-heading {
276 color: <?php echo $output['betterdocs_doc_page_cat_title_color'] ?>;
277 }
278 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,
279 .single-kb .docs-cat-list-2 .docs-cat-title,
280 .betterdocs-category-grid-layout-6 .betterdocs-term-info .betterdocs-term-title {
281 color: <?php echo $output['betterdocs_doc_page_cat_title_color2'] ?>;
282 }
283 <?php if ( $output['betterdocs_doc_page_cat_title_hover_color'] ) { ?>
284 .single-kb .docs-cat-title-inner .docs-cat-heading:hover,
285 .betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title:hover,
286 .single-kb .docs-cat-list-2 .docs-cat-title:hover,
287 .betterdocs-category-grid-layout-6 .betterdocs-term-info .betterdocs-term-title:hover {
288 color: <?php echo $output['betterdocs_doc_page_cat_title_hover_color'] ?>;
289 }
290 <?php } ?>
291 .docs-cat-title-wrap .docs-cat-title-inner {
292 border-color: <?php echo $output['betterdocs_doc_page_cat_title_border_color'] ?>;
293 padding-bottom: <?php echo $output['betterdocs_doc_page_cat_title_padding_bottom']?>px;
294 }
295 .docs-cat-title-inner .docs-item-count span {
296 color: <?php echo $output['betterdocs_doc_page_item_count_color'] ?>;
297 font-size: <?php echo $output['betterdocs_doc_page_item_count_font_size'] ?>px;
298 }
299 .betterdocs-category-box.single-kb .docs-single-cat-wrap span,
300 .single-kb .docs-cat-list-2-box .title-count span {
301 color: <?php echo $output['betterdocs_doc_page_item_count_color_layout2'] ?>;
302 font-size: <?php echo $output['betterdocs_doc_page_item_count_font_size'] ?>px;
303 }
304 .betterdocs-categories-wrap.single-kb .docs-cat-title-wrap .docs-item-count span {
305 font-size: <?php echo $output['betterdocs_doc_page_item_count_font_size'] ?>px;
306 color: <?php echo $output['betterdocs_doc_page_item_count_color'] ?>;
307 }
308
309 .betterdocs-categories-wrap .docs-item-count {
310 background-color: <?php echo $output['betterdocs_doc_page_item_count_bg_color'] ?>;
311 }
312
313 .betterdocs-categories-wrap.single-kb .docs-cat-title-inner span {
314 background-color: <?php echo $output['betterdocs_doc_page_item_count_inner_bg_color'] ?>;
315 border-color: <?php echo $output['betterdocs_doc_page_item_count_border_color'] ?>;
316 border-style: <?php echo $output['betterdocs_doc_page_item_count_border_type'] ?>;
317 width: <?php echo $output['betterdocs_doc_page_item_counter_size'] ?>px;
318 height: <?php echo $output['betterdocs_doc_page_item_counter_size'] ?>px;
319 border-top-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_top'] ?>px;
320 border-right-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_right'] ?>px;
321 border-bottom-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_bottom'] ?>px;
322 border-left-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_left'] ?>px;
323 }
324 .betterdocs-categories-wrap.single-kb .docs-item-container ul {
325 background-color: <?php echo $output['betterdocs_doc_page_article_list_button_bg_color'] ?>;
326 padding-top: <?php echo $output['betterdocs_doc_page_article_list_padding_top_2'] ?>px;
327 padding-bottom: <?php echo $output['betterdocs_doc_page_article_list_padding_bottom_2'] ?>px;
328 padding-right: <?php echo $output['betterdocs_doc_page_article_list_padding_right_2'] ?>px;
329 padding-left: <?php echo $output['betterdocs_doc_page_article_list_padding_left_2'] ?>px;
330 }
331 .betterdocs-categories-wrap.single-kb .docs-item-container {
332 background-color: <?php echo $output['betterdocs_doc_page_article_list_bg_color'] ?>;
333 }
334 .betterdocs-categories-wrap.single-kb .docs-item-container li,
335 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat-title,
336 .betterdocs-popular-list.single-kb ul li {
337 margin-top: <?php echo $output['betterdocs_doc_page_article_list_margin_top'] ?>px;
338 margin-right: <?php echo $output['betterdocs_doc_page_article_list_margin_right'] ?>px;
339 margin-left: <?php echo $output['betterdocs_doc_page_article_list_margin_left'] ?>px;
340 }
341 .betterdocs-categories-wrap.single-kb .docs-item-container li,
342 .betterdocs-popular-list.single-kb ul li {
343 margin-bottom: <?php echo $output['betterdocs_doc_page_article_list_margin_bottom'] ?>px;
344 padding-top: <?php echo $output['betterdocs_doc_page_article_list_padding_top'] ?>px;
345 padding-right: <?php echo $output['betterdocs_doc_page_article_list_padding_right'] ?>px;
346 padding-bottom: <?php echo $output['betterdocs_doc_page_article_list_padding_bottom'] ?>px;
347 padding-left: <?php echo $output['betterdocs_doc_page_article_list_padding_left'] ?>px;
348 }
349 .betterdocs-categories-wrap.single-kb .docs-item-container li svg {
350 fill: <?php echo $output['betterdocs_doc_page_list_icon_color'] ?>;
351 font-size: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
352 min-width: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
353 }
354 .betterdocs-popular-list.single-kb ul li svg {
355 font-size: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
356 min-width: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
357 }
358 .betterdocs-popular-list.single-kb ul li svg path {
359 fill: <?php echo $output['betterdocs_doc_page_list_icon_color'] ?>;
360 }
361 .betterdocs-categories-wrap.single-kb li a,
362 .betterdocs-popular-list.single-kb ul li a {
363 color: <?php echo $output['betterdocs_doc_page_article_list_color'] ?>;
364 font-size: <?php echo $output['betterdocs_doc_page_article_list_font_size'] ?>px;
365 }
366 <?php if ($output['betterdocs_doc_page_subcategory_article_list_color']) { ?>
367 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li a {
368 color: <?php echo $output['betterdocs_doc_page_subcategory_article_list_color'] ?>;
369 }
370 <?php } ?>
371 <?php if ($output['betterdocs_doc_page_subcategory_article_list_hover_color']) { ?>
372 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li a:hover {
373 color: <?php echo $output['betterdocs_doc_page_subcategory_article_list_hover_color'] ?>;
374 }
375 <?php } ?>
376 <?php if ($output['betterdocs_doc_page_subcategory_article_list_icon_color']) { ?>
377 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li svg {
378 fill: <?php echo $output['betterdocs_doc_page_subcategory_article_list_icon_color'] ?>;
379 }
380 <?php } ?>
381 .betterdocs-categories-wrap.single-kb li a:hover,
382 .betterdocs-popular-list.single-kb ul li a:hover {
383 color: <?php echo $output['betterdocs_doc_page_article_list_hover_color'] ?>;
384 }
385 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat-title svg {
386 fill: <?php echo $output['betterdocs_doc_page_subcategory_icon_color'] ?>;
387 font-size: <?php echo $output['betterdocs_doc_page_subcategory_icon_font_size'] ?>px;
388 }
389 .betterdocs-categories-wrap.single-kb .docs-sub-cat-title a {
390 color: <?php echo $output['betterdocs_doc_page_article_subcategory_color'] ?>;
391 font-size: <?php echo $output['betterdocs_doc_page_article_subcategory_font_size'] ?>px;
392 }
393 .betterdocs-categories-wrap.single-kb .docs-sub-cat-title a:hover {
394 color: <?php echo $output['betterdocs_doc_page_article_subcategory_hover_color'] ?>;
395 }
396 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-cat-link-btn, .betterdocs-categories-wrap.single-kb .docs-item-container .docs-cat-link-btn:visited {
397 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_bg_color'] ?>;
398 font-size: <?php echo $output['betterdocs_doc_page_explore_btn_font_size'] ?>px;
399 color: <?php echo $output['betterdocs_doc_page_explore_btn_color'] ?>;
400 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_border_color'] ?>;
401 border-top-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topleft'] ?>px;
402 border-top-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topright'] ?>px;
403 border-bottom-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomright'] ?>px;
404 border-bottom-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomleft'] ?>px;
405 padding-top: <?php echo $output['betterdocs_doc_page_explore_btn_padding_top'] ?>px;
406 padding-right: <?php echo $output['betterdocs_doc_page_explore_btn_padding_right'] ?>px;
407 padding-bottom: <?php echo $output['betterdocs_doc_page_explore_btn_padding_bottom'] ?>px;
408 padding-left: <?php echo $output['betterdocs_doc_page_explore_btn_padding_left'] ?>px;
409 border-width: <?php echo $output['betterdocs_doc_page_explore_btn_border_width'] ?>px;
410 }
411
412 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-cat-link-btn, .betterdocs-categories-wrap.multiple-kb .tabs-content .betterdocs-tab-content .betterdocs-tab-categories .docs-single-cat-wrap .docs-item-container .docs-cat-link-btn{
413 border-width: <?php echo $output['betterdocs_doc_page_explore_btn_border_width'] ?>px;
414 }
415 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-cat-link-btn:hover {
416 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_bg_color'] ?>;
417 color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_color'] ?>;
418 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_border_color'] ?>;
419 }
420 .betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-item-container .docs-cat-link-btn {
421 margin-top: <?php echo $output['betterdocs_doc_page_explore_btn_margin_top'] ?>px;
422 margin-bottom: <?php echo $output['betterdocs_doc_page_explore_btn_margin_bottom']?>px;
423 margin-left: <?php echo $output['betterdocs_doc_page_explore_btn_margin_left'] ?>px;
424 margin-right: <?php echo $output['betterdocs_doc_page_explore_btn_margin_right'] ?>px;
425 }
426 .betterdocs-single-bg .betterdocs-content-area, .betterdocs-single-bg .betterdocs-content-full {
427 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
428 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_area_bg_image') ) ) { ?>
429 background-image: url(<?php echo $output['betterdocs_doc_single_content_area_bg_image'] ?>);
430 <?php } ?>
431 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_size') ) ) { ?>
432 background-size:<?php echo $output['betterdocs_doc_single_content_bg_property_size'] ?>;
433 <?php } ?>
434 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_repeat') ) ) { ?>
435 background-repeat:<?php echo $output['betterdocs_doc_single_content_bg_property_repeat'] ?>;
436 <?php } ?>
437 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_attachment') ) ) { ?>
438 background-attachment:<?php echo $output['betterdocs_doc_single_content_bg_property_attachment'] ?>;
439 <?php } ?>
440 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_position') ) ) { ?>
441 background-position:<?php echo $output['betterdocs_doc_single_content_bg_property_position'] ?>;
442 <?php } ?>
443 }
444 .betterdocs-single-wraper .betterdocs-content-area {
445 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
446 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
447 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
448 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
449 max-width: <?php echo $output['betterdocs_archive_content_area_max_width'] ?>px;
450 width:<?php echo $output['betterdocs_archive_content_area_width']?>%;
451 }
452 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
453 padding-top: <?php echo $output['betterdocs_doc_single_post_content_padding_top'] ?>px;
454 padding-right: <?php echo $output['betterdocs_doc_single_post_content_padding_right'] ?>px;
455 padding-bottom: <?php echo $output['betterdocs_doc_single_post_content_padding_bottom'] ?>px;
456 padding-left: <?php echo $output['betterdocs_doc_single_post_content_padding_left'] ?>px;
457 }
458 .betterdocs-single-layout4 .betterdocs-content-full {
459 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
460 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
461 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
462 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
463 }
464 .betterdocs-single-layout4 .betterdocs-content-full{
465 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
466 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_area_bg_image') ) ) { ?>
467 background-image: url(<?php echo $output['betterdocs_doc_single_content_area_bg_image'] ?>);
468 <?php } ?>
469 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_size') ) ) { ?>
470 background-size:<?php echo $output['betterdocs_doc_single_content_bg_property_size'] ?>;
471 <?php } ?>
472 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_repeat') ) ) { ?>
473 background-repeat:<?php echo $output['betterdocs_doc_single_content_bg_property_repeat'] ?>;
474 <?php } ?>
475 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_attachment') ) ) { ?>
476 background-attachment:<?php echo $output['betterdocs_doc_single_content_bg_property_attachment'] ?>;
477 <?php } ?>
478 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_position') ) ) { ?>
479 background-position:<?php echo $output['betterdocs_doc_single_content_bg_property_position'] ?>;
480 <?php } ?>
481 }
482 .betterdocs-single-layout5 .betterdocs-content-full {
483 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
484 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
485 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
486 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
487 }
488 .betterdocs-single-layout5 .betterdocs-content-full {
489 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
490 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_area_bg_image') ) ) { ?>
491 background-image: url(<?php echo $output['betterdocs_doc_single_content_area_bg_image'] ?>);
492 <?php } ?>
493 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_size') ) ) { ?>
494 background-size:<?php echo $output['betterdocs_doc_single_content_bg_property_size'] ?>;
495 <?php } ?>
496 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_repeat') ) ) { ?>
497 background-repeat:<?php echo $output['betterdocs_doc_single_content_bg_property_repeat'] ?>;
498 <?php } ?>
499 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_attachment') ) ) { ?>
500 background-attachment:<?php echo $output['betterdocs_doc_single_content_bg_property_attachment'] ?>;
501 <?php } ?>
502 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_position') ) ) { ?>
503 background-position:<?php echo $output['betterdocs_doc_single_content_bg_property_position'] ?>;
504 <?php } ?>
505 }
506 .betterdocs-single-layout2 .docs-content-full-main .doc-single-content-wrapper {
507 padding-top: <?php echo $output['betterdocs_doc_single_2_post_content_padding_top'] ?>px;
508 padding-right: <?php echo $output['betterdocs_doc_single_2_post_content_padding_right'] ?>px;
509 padding-bottom: <?php echo $output['betterdocs_doc_single_2_post_content_padding_bottom'] ?>px;
510 padding-left: <?php echo $output['betterdocs_doc_single_2_post_content_padding_left'] ?>px;
511 }
512 .betterdocs-single-layout3 .docs-content-full-main .doc-single-content-wrapper {
513 padding-top: <?php echo $output['betterdocs_doc_single_3_post_content_padding_top'] ?>px;
514 padding-right: <?php echo $output['betterdocs_doc_single_3_post_content_padding_right'] ?>px;
515 padding-bottom: <?php echo $output['betterdocs_doc_single_3_post_content_padding_bottom'] ?>px;
516 padding-left: <?php echo $output['betterdocs_doc_single_3_post_content_padding_left'] ?>px;
517 }
518 .docs-single-title .betterdocs-entry-title {
519 font-size: <?php echo $output['betterdocs_single_doc_title_font_size'] ?>px;
520 color: <?php echo $output['betterdocs_single_doc_title_color'] ?>;
521 }
522 .betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
523 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
524 color: <?php echo $output['betterdocs_single_doc_breadcrumb_color'] ?>;
525 }
526 .betterdocs-breadcrumb .betterdocs-breadcrumb-list .betterdocs-breadcrumb-item a:hover {
527 color: <?php echo $output['betterdocs_single_doc_breadcrumb_hover_color'] ?>;
528 }
529 .betterdocs-breadcrumb .breadcrumb-delimiter {
530 color: <?php echo $output['betterdocs_single_doc_breadcrumb_speretor_color'] ?>;
531 }
532 .betterdocs-breadcrumb-item.current span {
533 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
534 color: <?php echo $output['betterdocs_single_doc_breadcrumb_active_item_color'] ?>;
535 }
536 .betterdocs-toc {
537 background-color: <?php echo $output['betterdocs_toc_bg_color'] ?>;
538 padding-top: <?php echo $output['betterdocs_doc_single_toc_padding_top'] ?>px;
539 padding-right: <?php echo $output['betterdocs_doc_single_toc_padding_right'] ?>px;
540 padding-bottom: <?php echo $output['betterdocs_doc_single_toc_padding_bottom'] ?>px;
541 padding-left: <?php echo $output['betterdocs_doc_single_toc_padding_left'] ?>px;
542 margin-top: <?php echo $output['betterdocs_doc_single_toc_margin_top']?>px;
543 margin-right: <?php echo $output['betterdocs_doc_single_toc_margin_right'] ?>px;
544 margin-bottom: <?php echo $output['betterdocs_doc_single_toc_margin_bottom'] ?>px;
545 margin-left: <?php echo $output['betterdocs_doc_single_toc_margin_left'] ?>px;
546 }
547 .betterdocs-entry-content .betterdocs-toc {
548 margin-bottom: <?php echo $output['betterdocs_toc_margin_bottom'] ?>px;
549 }
550 .sticky-toc-container {
551 width: <?php echo $output['betterdocs_sticky_toc_width'] ?>px;
552 }
553 .sticky-toc-container.toc-sticky {
554 z-index: <?php echo $output['betterdocs_sticky_toc_zindex'] ?>;
555 margin-top: <?php echo $output['betterdocs_sticky_toc_margin_top'] ?>px;
556 }
557 .betterdocs-toc > .toc-title {
558 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
559 font-size: <?php echo $output['betterdocs_toc_title_font_size'] ?>px;
560 }
561 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .angle-icon {
562 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
563 }
564 .betterdocs-toc > .toc-list a {
565 color: <?php echo $output['betterdocs_toc_list_item_color'] ?>;
566 font-size: <?php echo $output['betterdocs_toc_list_item_font_size'] ?>px;
567 margin-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
568 margin-right: <?php echo $output['betterdocs_doc_single_toc_list_margin_right'] ?>px;
569 margin-bottom: <?php echo $output['betterdocs_doc_single_toc_list_margin_bottom'] ?>px;
570 margin-left: <?php echo $output['betterdocs_doc_single_toc_list_margin_left'] ?>px;
571 }
572 .betterdocs-toc > .toc-list li a:before {
573 font-size: <?php echo $output['betterdocs_toc_list_number_font_size'] ?>px;
574 color: <?php echo $output['betterdocs_toc_list_number_color'] ?>;
575 }
576 .betterdocs-toc > .toc-list li:before {
577 padding-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
578 }
579 .betterdocs-toc > .toc-list a:hover {
580 color: <?php echo $output['betterdocs_toc_list_item_hover_color'] ?>;
581 }
582 .feedback-form-link .feedback-form-icon svg, .feedback-form-link .feedback-form-icon img {
583 width: <?php echo $output['betterdocs_single_doc_feedback_icon_font_size'] ?>px;
584 }
585 .betterdocs-toc > .toc-list a.active,
586 .betterdocs-toc > .toc-list a.active:before {
587 color: <?php echo $output['betterdocs_toc_active_item_color'] ?>;
588 }
589 .betterdocs-toc > .toc-list a.active:after {
590 background-color: <?php echo $output['betterdocs_toc_active_item_color'] ?>;
591 }
592 .betterdocs-content {
593 color: <?php echo $output['betterdocs_single_content_font_color'] ?>;
594 font-size: <?php echo $output['betterdocs_single_content_font_size'] ?>px;
595 }
596 .betterdocs-social-share .betterdocs-social-share-heading h5 {
597 color: <?php echo $output['betterdocs_post_social_share_text_color'] ?>;
598 }
599 .betterdocs-entry-footer .feedback-form-link {
600 color: <?php echo $output['betterdocs_single_doc_feedback_link_color'] ?>;
601 font-size: <?php echo $output['betterdocs_single_doc_feedback_link_font_size'] ?>px;
602 }
603 .betterdocs-entry-footer .feedback-update-form .feedback-form-link:hover {
604 color: <?php echo $output['betterdocs_single_doc_feedback_link_hover_color'] ?>;
605 }
606 .betterdocs-entry-footer .feedback-form .modal-content .feedback-form-title {
607 color: <?php echo $output['betterdocs_single_doc_feedback_title_color'] ?>;
608 font-size: <?php echo $output['betterdocs_single_doc_feedback_title_font_size'] ?>px;
609 }
610 .docs-navigation a {
611 color: <?php echo $output['betterdocs_single_doc_navigation_color'] ?>;
612 font-size: <?php echo $output['betterdocs_single_doc_navigation_font_size'] ?>px;
613 }
614 .docs-navigation a:hover {
615 color: <?php echo $output['betterdocs_single_doc_navigation_hover_color'] ?>;
616 }
617 .docs-navigation a svg{
618 fill: <?php echo $output['betterdocs_single_doc_navigation_arrow_color'] ?>;
619 min-width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
620 width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
621 }
622 .betterdocs-entry-footer .update-date{
623 color: <?php echo $output['betterdocs_single_doc_lu_time_color'] ?>;
624 font-size: <?php echo $output['betterdocs_single_doc_lu_time_font_size'] ?>px;
625 }
626 .betterdocs-credit p{
627 color: <?php echo $output['betterdocs_single_doc_powered_by_color'] ?>;
628 font-size: <?php echo $output['betterdocs_single_doc_powered_by_font_size'] ?>px;
629 }
630 .betterdocs-credit p a{
631 color: <?php echo $output['betterdocs_single_doc_powered_by_link_color'] ?>;
632 }
633 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap,
634 .betterdocs-category-wraper .betterdocs-full-sidebar-left {
635 background-color: <?php echo $output['betterdocs_sidebar_bg_color'] ?>;
636 }
637 .betterdocs-single-layout1 .betterdocs-sidebar-content .betterdocs-categories-wrap {
638 <?php if(!empty($output['betterdocs_sidebar_borderr_topleft'])) { ?>
639 border-top-left-radius: <?php echo $output['betterdocs_sidebar_borderr_topleft'] ?>px;
640 <?php } ?>
641 <?php if(!empty($output['betterdocs_sidebar_borderr_topright'])) { ?>
642 border-top-right-radius: <?php echo $output['betterdocs_sidebar_borderr_topright'] ?>px;
643 <?php } ?>
644 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomright'])) { ?>
645 border-bottom-right-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomright'] ?>px;
646 <?php } ?>
647 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomleft'])) { ?>
648 border-bottom-left-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomleft'] ?>px;
649 <?php } ?>
650 }
651 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap{
652 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
653 }
654 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title img {
655 height: <?php echo $output['betterdocs_sidebar_icon_size'] ?>px;
656 }
657 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .docs-cat-heading{
658 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
659 font-size: <?php echo $output['betterdocs_sidebar_title_font_size'] ?>px;
660 }
661 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .docs-cat-heading:hover {
662 color: <?php echo $output['betterdocs_sidebar_title_hover_color'] ?> !important;
663 }
664 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .cat-list-arrow-down {
665 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
666 }
667 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .active-title .docs-cat-title-inner .docs-cat-heading,
668 .betterdocs-sidebar-content.betterdocs-category-sidebar .active-title .docs-cat-title-inner .docs-cat-heading,
669 .betterdocs-category-wraper .betterdocs-full-sidebar-left .docs-cat-title-wrap::after {
670 color: <?php echo $output['betterdocs_sidebar_active_title_color'] ?>;
671 }
672 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count {
673 background-color: <?php echo $output['betterdocs_sidbebar_item_count_bg_color'] ?>;
674 }
675 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count span {
676 background-color: <?php echo $output['betterdocs_sidbebar_item_count_inner_bg_color'] ?>;
677 color: <?php echo $output['betterdocs_sidebar_item_count_color'] ?>;
678 font-size: <?php echo $output['betterdocs_sidebat_item_count_font_size'] ?>px;
679 }
680 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap {
681 margin-top: <?php echo $output['betterdocs_sidebar_title_margin_top'] ?>px;
682 margin-right: <?php echo $output['betterdocs_sidebar_title_margin_right'] ?>px;
683 margin-bottom: <?php echo $output['betterdocs_sidebar_title_margin_bottom'] ?>px;
684 margin-left: <?php echo $output['betterdocs_sidebar_title_margin_left'] ?>px;
685 }
686 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap, .betterdocs-full-sidebar-left .betterdocs-categories-wrap {
687 padding-top: <?php echo $output['betterdocs_sidebar_padding_top'] ?>px;
688 padding-right: <?php echo $output['betterdocs_sidebar_padding_right'] ?>px;
689 padding-bottom: <?php echo $output['betterdocs_sidebar_padding_bottom'] ?>px;
690 padding-left: <?php echo $output['betterdocs_sidebar_padding_left'] ?>px;
691 }
692 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap {
693 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
694 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
695 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
696 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
697 }
698 .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-cat-title-inner {
699 <?php if(!empty(get_theme_mod('betterdocs_sidebar_title_bg_color'))) { ?>
700 background-color: <?php echo get_theme_mod('betterdocs_sidebar_title_bg_color') ?>;
701 <?php } else {?>
702 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
703 <?php } ?>
704 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
705 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
706 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
707 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
708 }
709 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-container{
710 background-color: <?php echo $output['betterdocs_sidbebar_item_list_bg_color'] ?>;
711 }
712 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap.active-title{
713 background-color: <?php echo $output['betterdocs_sidebar_active_cat_background_color'] ?>;
714 border-color: <?php echo $output['betterdocs_sidebar_active_cat_border_color'] ?>;
715 }
716
717 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {
718 padding-left: 0;
719 margin-top: <?php echo $output['betterdocs_sidebar_list_item_margin_top'] ?>px;
720 margin-right: <?php echo $output['betterdocs_sidebar_list_item_margin_right'] ?>px;
721 margin-bottom: <?php echo $output['betterdocs_sidebar_list_item_margin_bottom'] ?>px;
722 margin-left: <?php echo $output['betterdocs_sidebar_list_item_margin_left'] ?>px;
723 }
724 .betterdocs-single-layout2 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li {
725 margin-right: 0 !important;
726 }
727 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a {
728 color: <?php echo $output['betterdocs_sidebar_list_item_color'] ?>;
729 font-size: <?php echo $output['betterdocs_sidebar_list_item_font_size'] ?>px;
730 }
731 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a:hover {
732 color: <?php echo $output['betterdocs_sidebar_list_item_hover_color'] ?>;
733 }
734 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li svg {
735 fill: <?php echo $output['betterdocs_sidebar_list_icon_color'] ?>;
736 font-size: <?php echo $output['betterdocs_sidebar_list_icon_font_size'] ?>px;
737 }
738 .betterdocs-sidebar-content .betterdocs-categories-wrap li a.active,
739 .betterdocs-sidebar-content .betterdocs-categories-wrap li.sub-list a.active {
740 color: <?php echo $output['betterdocs_sidebar_active_list_item_color'] ?>;
741 }
742 .betterdocs-category-wraper.betterdocs-single-wraper{
743 <?php if(!empty($output['betterdocs_archive_page_background_color'])) { ?>
744 background-color: <?php echo $output['betterdocs_archive_page_background_color'] ?>;
745 <?php } ?>
746 <?php if(!empty($output['betterdocs_archive_page_background_image'])) { ?>
747 background-image: url(<?php echo $output['betterdocs_archive_page_background_image'] ?>);
748 <?php } ?>
749 <?php if(!empty($output['betterdocs_archive_page_background_size'])) { ?>
750 background-size: <?php echo $output['betterdocs_archive_page_background_size'] ?>;
751 <?php } ?>
752 <?php if(!empty($output['betterdocs_archive_page_background_repeat'])) { ?>
753 background-repeat: <?php echo $output['betterdocs_archive_page_background_repeat'] ?>;
754 <?php } ?>
755 <?php if(!empty($output['betterdocs_archive_page_background_attachment'])) { ?>
756 background-attachment: <?php echo $output['betterdocs_archive_page_background_attachment'] ?>;
757 <?php } ?>
758 <?php if(!empty($output['betterdocs_archive_page_background_position'])) { ?>
759 background-position: <?php echo $output['betterdocs_archive_page_background_position'] ?>;
760 <?php } ?>
761 }
762 .betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing{
763 <?php if(!empty($output['betterdocs_archive_content_background_color'])) { ?>
764 background-color: <?php echo $output['betterdocs_archive_content_background_color'] ?>;
765 <?php } ?>
766 margin-top: <?php echo $output['betterdocs_archive_content_margin_top'] ?>px;
767 margin-right: <?php echo $output['betterdocs_archive_content_margin_right'] ?>px;
768 margin-bottom: <?php echo $output['betterdocs_archive_content_margin_bottom'] ?>px;
769 margin-left: <?php echo $output['betterdocs_archive_content_margin_left'] ?>px;
770 padding-top: <?php echo $output['betterdocs_archive_content_padding_top'] ?>px;
771 padding-right: <?php echo $output['betterdocs_archive_content_padding_right'] ?>px;
772 padding-bottom: <?php echo $output['betterdocs_archive_content_padding_bottom'] ?>px;
773 padding-left: <?php echo $output['betterdocs_archive_content_padding_left'] ?>px;
774 border-radius: <?php echo $output['betterdocs_archive_content_border_radius'] ?>px;
775 }
776 .betterdocs-category-wraper .docs-category-listing .docs-cat-title .docs-cat-heading {
777 color: <?php echo $output['betterdocs_archive_title_color'] ?>;
778 font-size: <?php echo $output['betterdocs_archive_title_font_size'] ?>px;
779 margin-top: <?php echo $output['betterdocs_archive_title_margin_top'] ?>px;
780 margin-right: <?php echo $output['betterdocs_archive_title_margin_right'] ?>px;
781 margin-bottom: <?php echo $output['betterdocs_archive_title_margin_bottom'] ?>px;
782 margin-left: <?php echo $output['betterdocs_archive_title_margin_left'] ?>px;
783 }
784 .betterdocs-category-wraper .docs-category-listing .docs-cat-title p {
785 color: <?php echo $output['betterdocs_archive_description_color'] ?>;
786 font-size: <?php echo $output['betterdocs_archive_description_font_size'] ?>px;
787 margin-top: <?php echo $output['betterdocs_archive_description_margin_top'] ?>px;
788 margin-right: <?php echo $output['betterdocs_archive_description_margin_right'] ?>px;
789 margin-bottom: <?php echo $output['betterdocs_archive_description_margin_bottom'] ?>px;
790 margin-left: <?php echo $output['betterdocs_archive_description_margin_left'] ?>px;
791 }
792 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li,
793 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title {
794 margin-top: <?php echo $output['betterdocs_archive_article_list_margin_top'] ?>px;
795 margin-right: <?php echo $output['betterdocs_archive_article_list_margin_right'] ?>px;
796 margin-bottom: <?php echo $output['betterdocs_archive_article_list_margin_bottom'] ?>px;
797 margin-left: <?php echo $output['betterdocs_archive_article_list_margin_left'] ?>px;
798 }
799 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li svg {
800 fill: <?php echo $output['betterdocs_archive_list_icon_color'] ?>;
801 font-size: <?php echo $output['betterdocs_archive_list_icon_font_size'] ?>px;
802 min-width: <?php echo $output['betterdocs_archive_list_icon_font_size'] ?>px;
803 }
804 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a {
805 color: <?php echo $output['betterdocs_archive_list_item_color'] ?>;
806 font-size: <?php echo $output['betterdocs_archive_list_item_font_size'] ?>px;
807 }
808 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a:hover {
809 color: <?php echo $output['betterdocs_archive_list_item_hover_color'] ?>;
810 }
811 <?php if ($output['betterdocs_archive_subcategory_article_list_color']) { ?>
812 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li a {
813 color: <?php echo $output['betterdocs_archive_subcategory_article_list_color'] ?>;
814 }
815 <?php } ?>
816 <?php if ($output['betterdocs_archive_subcategory_article_list_hover_color']) { ?>
817 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li a:hover {
818 color: <?php echo $output['betterdocs_archive_subcategory_article_list_hover_color'] ?>;
819 }
820 <?php } ?>
821 <?php if ($output['betterdocs_archive_subcategory_article_list_icon_color']) { ?>
822 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li svg {
823 fill: <?php echo $output['betterdocs_archive_subcategory_article_list_icon_color'] ?>;
824 }
825 <?php } ?>
826 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title svg {
827 fill: <?php echo $output['betterdocs_archive_subcategory_icon_color'] ?>;
828 font-size: <?php echo $output['betterdocs_archive_subcategory_icon_font_size'] ?>px;
829 }
830 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title a {
831 color: <?php echo $output['betterdocs_archive_article_subcategory_color'] ?>;
832 font-size: <?php echo $output['betterdocs_archive_article_subcategory_font_size'] ?>px;
833 }
834 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title a:hover {
835 color: <?php echo $output['betterdocs_archive_article_subcategory_hover_color'] ?>;
836 }
837
838 .betterdocs-search-form-wrap{
839 <?php if(!empty($output['betterdocs_live_search_background_color'])) { ?>
840 background-color: <?php echo $output['betterdocs_live_search_background_color'] ?>;
841 <?php } ?>
842 <?php if(!empty($output['betterdocs_live_search_background_image'])) { ?>
843 background-image: url(<?php echo $output['betterdocs_live_search_background_image'] ?>);
844 <?php } ?>
845 <?php if(!empty($output['betterdocs_live_search_background_repeat'])) { ?>
846 background-repeat: <?php echo $output['betterdocs_live_search_background_repeat'] ?>;
847 <?php } ?>
848 <?php if(!empty($output['betterdocs_live_search_background_attachment'])) { ?>
849 background-attachment: <?php echo $output['betterdocs_live_search_background_attachment'] ?>;
850 <?php } ?>
851 <?php if(!empty($output['betterdocs_live_search_background_position'])) { ?>
852 background-position: <?php echo $output['betterdocs_live_search_background_position'] ?>;
853 <?php } ?>
854 padding-top: <?php echo $output['betterdocs_live_search_padding_top'] ?>px;
855 padding-right: <?php echo $output['betterdocs_live_search_padding_right'] ?>px;
856 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] ?>px;
857 padding-left: <?php echo $output['betterdocs_live_search_padding_left'] ?>px;
858 margin-top:<?php echo $output['betterdocs_live_search_margin_top'] ?>px;
859 margin-right:<?php echo $output['betterdocs_live_search_margin_right'] ?>px;
860 margin-bottom:<?php echo $output['betterdocs_live_search_margin_bottom'] ?>px;
861 margin-left:<?php echo $output['betterdocs_live_search_margin_left'] ?>px;
862 <?php if($output['betterdocs_live_search_custom_background_switch']) { ?>
863 background-size:<?php echo $output['betterdocs_live_search_custom_background_width']."%" .' '. $output['betterdocs_live_search_custom_background_height']."%"?>;
864 <?php } else if(!empty($output['betterdocs_live_search_background_size'])) { ?>
865 background-size: <?php echo $output['betterdocs_live_search_background_size'] ?>;
866 <?php } ?>
867 }
868 .betterdocs-search-heading h2.heading, .betterdocs-search-heading h1.heading, .betterdocs-search-heading h3.heading, .betterdocs-search-heading h4.heading, .betterdocs-search-heading h5.heading, .betterdocs-search-heading h6.heading {
869 line-height: 1.2;
870 font-size: <?php echo $output['betterdocs_live_search_heading_font_size'] ?>px;
871 color: <?php echo $output['betterdocs_live_search_heading_font_color'] ?>;
872 margin-top: <?php echo $output['betterdocs_search_heading_margin_top'] ?>px;
873 margin-right: <?php echo $output['betterdocs_search_heading_margin_right'] ?>px;
874 margin-bottom: <?php echo $output['betterdocs_search_heading_margin_bottom'] ?>px;
875 margin-left: <?php echo $output['betterdocs_search_heading_margin_left'] ?>px;
876 }
877 .betterdocs-search-heading h3.subheading, .betterdocs-search-heading h2.subheading, .betterdocs-search-heading h1.subheading, .betterdocs-search-heading h4.subheading, .betterdocs-search-heading h5.subheading, .betterdocs-search-heading h6.subheading {
878 line-height: 1.2;
879 font-size: <?php echo $output['betterdocs_live_search_subheading_font_size'] ?>px;
880 color: <?php echo $output['betterdocs_live_search_subheading_font_color'] ?>;
881 margin-top: <?php echo $output['betterdocs_search_subheading_margin_top'] ?>px;
882 margin-right: <?php echo $output['betterdocs_search_subheading_margin_right'] ?>px;
883 margin-bottom: <?php echo $output['betterdocs_search_subheading_margin_bottom'] ?>px;
884 margin-left: <?php echo $output['betterdocs_search_subheading_margin_left'] ?>px;
885 }
886 .betterdocs-searchform {
887 background-color: <?php echo $output['betterdocs_search_field_background_color'] ?>;
888 border-radius: <?php echo $output['betterdocs_search_field_border_radius'] ?>px;
889 padding-top: <?php echo $output['betterdocs_search_field_padding_top'] ?>px;
890 padding-right: <?php echo $output['betterdocs_search_field_padding_right'] ?>px;
891 padding-bottom: <?php echo $output['betterdocs_search_field_padding_bottom'] ?>px;
892 padding-left: <?php echo $output['betterdocs_search_field_padding_left'] ?>px;
893 }
894 .betterdocs-searchform .betterdocs-search-field {
895 font-size: <?php echo $output['betterdocs_search_field_font_size'] ?>px;
896 color: <?php echo $output['betterdocs_search_field_color'] ?>;
897 }
898 .betterdocs-searchform .betterdocs-search-field:focus{
899 color: <?php echo $output['betterdocs_search_field_color'] ?>;
900 }
901 .betterdocs-searchform .betterdocs-search-field::placeholder{
902 color: <?php echo $output['betterdocs_search_placeholder_color']?>;
903 }
904 .betterdocs-searchform svg.docs-search-icon {
905 fill: <?php echo $output['betterdocs_search_icon_color'] ?>;
906 height: <?php echo $output['betterdocs_search_icon_size'] ?>px;
907 }
908 .docs-search-close path.close-line {
909 fill: <?php echo $output['betterdocs_search_close_icon_color'] ?>;
910 }
911 .docs-search-close path.close-border {
912 fill: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
913 }
914 .docs-search-loader {
915 stroke: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
916 }
917 .betterdocs-searchform svg.docs-search-icon:hover {
918 fill: <?php echo $output['betterdocs_search_icon_hover_color'] ?>;
919 }
920 .betterdocs-live-search .docs-search-result {
921 width: <?php echo $output['betterdocs_search_result_width'] ?>%;
922 max-width: <?php echo $output['betterdocs_search_result_max_width'] ?>px;
923 background-color: <?php echo $output['betterdocs_search_result_background_color'] ?>;
924 border-color: <?php echo $output['betterdocs_search_result_border_color'] ?>;
925 }
926 .betterdocs-search-result-wrap::before {
927 border-color: transparent transparent <?php echo $output['betterdocs_search_result_background_color'] ?>;
928 }
929 .betterdocs-live-search .docs-search-result li {
930 border-color: <?php echo $output['betterdocs_search_result_item_border_color'] ?>;
931 }
932 .betterdocs-live-search .docs-search-result li a {
933 font-size: <?php echo $output['betterdocs_search_result_item_font_size'] ?>px;
934 padding-top: <?php echo $output['betterdocs_search_result_item_padding_top'] ?>px;
935 padding-right: <?php echo $output['betterdocs_search_result_item_padding_right'] ?>px;
936 padding-bottom: <?php echo $output['betterdocs_search_result_item_padding_bottom'] ?>px;
937 padding-left: <?php echo $output['betterdocs_search_result_item_padding_left'] ?>px;
938 }
939 .betterdocs-live-search .docs-search-result li a .betterdocs-search-title {
940 color: <?php echo $output['betterdocs_search_result_item_font_color'] ?>;
941 }
942
943 .betterdocs-live-search .docs-search-result li a .betterdocs-search-category{
944 color: <?php echo $output['betterdocs_search_result_item_cat_font_color'] ?>;
945 }
946
947 .betterdocs-live-search .docs-search-result li:hover {
948 background-color: <?php echo $output['betterdocs_search_result_item_hover_background_color'] ?>;
949 }
950 .betterdocs-live-search .docs-search-result li a span:hover {
951 color: <?php echo $output['betterdocs_search_result_item_hover_font_color'] ?>;
952 }
953 .betterdocs-category-box.pro-layout-3 .docs-single-cat-wrap img,
954 .docs-cat-list-2-box img {
955 margin-right: <?php echo $output['betterdocs_doc_page_column_content_space_image'] ?>px;
956 }
957 .betterdocs-wraper.betterdocs-category-list-2 .betterdocs-search-form-wrap {
958 padding-bottom: <?php echo (int) $output['betterdocs_live_search_padding_bottom'] + 80 ?>px;
959 }
960
961 .betterdocs-article-reactions .betterdocs-article-reactions-heading h5 {
962 color: <?php echo $output['betterdocs_post_reactions_text_color'] ?>;
963 }
964 .betterdocs-article-reaction-links li a {
965 background-color: <?php echo $output['betterdocs_post_reactions_icon_color'] ?>;
966 }
967 .betterdocs-article-reaction-links li a:hover {
968 background-color: <?php echo $output['betterdocs_post_reactions_icon_hover_bg_color'] ?>;
969 }
970 .betterdocs-article-reaction-links li a svg path {
971 fill: <?php echo $output['betterdocs_post_reactions_icon_svg_color'] ?>;
972 }
973 .betterdocs-article-reaction-links li a:hover svg path {
974 fill: <?php echo $output['betterdocs_post_reactions_icon_hover_svg_color'] ?>;
975 }
976
977 /**
978 * FAQ Layout 1 Customizer CSS
979 */
980 .betterdocs-faq-section-title.faq-doc{
981 <?php echo betterdocs_dimension_generator('betterdocs_faq_title_margin', 'margin'); ?>
982 color:<?php echo $output['betterdocs_faq_title_color'] ?>;
983 font-size: <?php echo $output['betterdocs_faq_title_font_size'] ?>px;
984 }
985 .betterdocs-faq-main-wrapper-layout-1.faq-doc .betterdocs-faq-title h2{
986 color: <?php echo $output['betterdocs_faq_category_title_color'] ?>;
987 font-size: <?php echo $output['betterdocs_faq_category_name_font_size'] ?>px;
988 <?php echo betterdocs_dimension_generator('betterdocs_faq_category_name_padding', 'padding'); ?>
989 }
990
991 .betterdocs-faq-main-wrapper-layout-1.faq-doc .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-post-name{
992 color: <?php echo $output['betterdocs_faq_list_color'] ?>;
993 font-size: <?php echo $output['betterdocs_faq_list_font_size'] ?>px;
994 }
995
996 .betterdocs-faq-main-wrapper-layout-1.faq-doc .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post{
997 background-color: <?php echo $output['betterdocs_faq_list_background_color'] ?>;
998 <?php echo betterdocs_dimension_generator('betterdocs_faq_list_padding', 'padding'); ?>
999 }
1000 .betterdocs-faq-main-wrapper-layout-1.faq-doc .betterdocs-faq-group .betterdocs-faq-main-content{
1001 background-color: <?php echo $output['betterdocs_faq_list_content_background_color'] ?>;
1002 font-size: <?php echo $output['betterdocs_faq_list_content_font_size']; ?>px;
1003 color: <?php echo $output['betterdocs_faq_list_content_color'] ?>;
1004 }
1005
1006 /**
1007 * FAQ Layout 2 Customizer CSS
1008 */
1009 .betterdocs-faq-main-wrapper-layout-2.faq-doc .betterdocs-faq-title h2{
1010 color: <?php echo $output['betterdocs_faq_category_title_color_layout_2'] ?>;
1011 font-size: <?php echo $output['betterdocs_faq_category_name_font_size_layout_2'] ?>px;
1012 <?php echo betterdocs_dimension_generator('betterdocs_faq_category_name_padding_layout_2', 'padding'); ?>
1013 }
1014
1015 .betterdocs-faq-main-wrapper-layout-2.faq-doc .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post-layout-2 .betterdocs-faq-post-name{
1016 color: <?php echo $output['betterdocs_faq_list_color_layout_2'] ?>;
1017 font-size: <?php echo $output['betterdocs_faq_list_font_size_layout_2'] ?>px;
1018 }
1019
1020 .betterdocs-faq-main-wrapper-layout-2.faq-doc .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2{
1021 background-color: <?php echo $output['betterdocs_faq_list_background_color_layout_2'] ?>;
1022 }
1023
1024 .betterdocs-faq-main-wrapper-layout-2.faq-doc .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-main-content-layout-2{
1025 background-color: <?php echo $output['betterdocs_faq_list_content_background_color_layout_2'] ?>;
1026 font-size: <?php echo $output['betterdocs_faq_list_content_font_size_layout_2'] ?>px;
1027 color: <?php echo $output['betterdocs_faq_list_content_color_layout_2'] ?>;
1028 }
1029
1030 .betterdocs-faq-main-wrapper-layout-2.faq-doc .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-post-layout-2 {
1031 <?php echo betterdocs_dimension_generator('betterdocs_faq_list_padding_layout_2', 'padding'); ?>
1032 }
1033 </style>
1034 <!--<script>
1035 jQuery(document).ready(function() {
1036 var masonryGrid = jQuery(".betterdocs-categories-wrap.layout-masonry");
1037 var columnPerGrid = jQuery(".betterdocs-categories-wrap.layout-masonry").attr('data-column');
1038 var masonryItem = jQuery(".betterdocs-categories-wrap.layout-masonry .docs-single-cat-wrap");
1039 var doc_page_column_space = <?php /*echo $output['betterdocs_doc_page_column_space'] */?>;
1040 var total_margin = columnPerGrid * doc_page_column_space;
1041 if (masonryGrid.length) {
1042 masonryItem.css("width", "calc((100% - "+total_margin+"px) / "+parseInt(columnPerGrid)+")");
1043 masonryGrid.masonry({
1044 itemSelector: ".docs-single-cat-wrap",
1045 percentPosition: true,
1046 gutter: doc_page_column_space
1047 });
1048 }
1049 });
1050 </script>-->
1051 <?php
1052 }
1053 add_action( 'wp_head', 'betterdocs_customize_css');