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

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