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

930 lines 51.9 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-categories-wrap.betterdocs-category-box.layout-2.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-wrap .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 color: <?php echo $output['betterdocs_doc_page_item_count_color'] ?>;
261 }
262 .betterdocs-categories-wrap .docs-item-count {
263 background-color: <?php echo $output['betterdocs_doc_page_item_count_bg_color'] ?>;
264 }
265
266 .betterdocs-categories-wrap.single-kb .docs-cat-title-inner span {
267 background-color: <?php echo $output['betterdocs_doc_page_item_count_inner_bg_color'] ?>;
268 border-color: <?php echo $output['betterdocs_doc_page_item_count_border_color'] ?>;
269 border-style: <?php echo $output['betterdocs_doc_page_item_count_border_type'] ?>;
270 width: <?php echo $output['betterdocs_doc_page_item_counter_size'] ?>px;
271 height: <?php echo $output['betterdocs_doc_page_item_counter_size'] ?>px;
272 border-top-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_top'] ?>px;
273 border-right-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_right'] ?>px;
274 border-bottom-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_bottom'] ?>px;
275 border-left-width: <?php echo $output['betterdocs_doc_page_item_count_inner_border_width_left'] ?>px;
276 }
277 .betterdocs-categories-wrap.single-kb .docs-item-container ul {
278 background-color: <?php echo $output['betterdocs_doc_page_article_list_button_bg_color'] ?>;
279 padding-top: <?php echo $output['betterdocs_doc_page_article_list_padding_top_2'] ?>px;
280 padding-bottom: <?php echo $output['betterdocs_doc_page_article_list_padding_bottom_2'] ?>px;
281 padding-right: <?php echo $output['betterdocs_doc_page_article_list_padding_right_2'] ?>px;
282 padding-left: <?php echo $output['betterdocs_doc_page_article_list_padding_left_2'] ?>px;
283 }
284 .betterdocs-categories-wrap.single-kb .docs-item-container {
285 background-color: <?php echo $output['betterdocs_doc_page_article_list_bg_color'] ?>;
286 }
287 .betterdocs-categories-wrap.single-kb .docs-item-container li,
288 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat-title,
289 .betterdocs-popular-list.single-kb ul li {
290 margin-top: <?php echo $output['betterdocs_doc_page_article_list_margin_top'] ?>px;
291 margin-right: <?php echo $output['betterdocs_doc_page_article_list_margin_right'] ?>px;
292 margin-left: <?php echo $output['betterdocs_doc_page_article_list_margin_left'] ?>px;
293 }
294 .betterdocs-categories-wrap.single-kb .docs-item-container li,
295 .betterdocs-popular-list.single-kb ul li {
296 margin-bottom: <?php echo $output['betterdocs_doc_page_article_list_margin_bottom'] ?>px;
297 padding-top: <?php echo $output['betterdocs_doc_page_article_list_padding_top'] ?>px;
298 padding-right: <?php echo $output['betterdocs_doc_page_article_list_padding_right'] ?>px;
299 padding-bottom: <?php echo $output['betterdocs_doc_page_article_list_padding_bottom'] ?>px;
300 padding-left: <?php echo $output['betterdocs_doc_page_article_list_padding_left'] ?>px;
301 }
302 .betterdocs-categories-wrap.single-kb .docs-item-container li svg {
303 fill: <?php echo $output['betterdocs_doc_page_list_icon_color'] ?>;
304 font-size: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
305 min-width: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
306 }
307 .betterdocs-popular-list.single-kb ul li svg {
308 font-size: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
309 min-width: <?php echo $output['betterdocs_doc_page_list_icon_font_size'] ?>px;
310 }
311 .betterdocs-popular-list.single-kb ul li svg path {
312 fill: <?php echo $output['betterdocs_doc_page_list_icon_color'] ?>;
313 }
314 .betterdocs-categories-wrap.single-kb li a,
315 .betterdocs-popular-list.single-kb ul li a {
316 color: <?php echo $output['betterdocs_doc_page_article_list_color'] ?>;
317 font-size: <?php echo $output['betterdocs_doc_page_article_list_font_size'] ?>px;
318 }
319 <?php if ($output['betterdocs_doc_page_subcategory_article_list_color']) { ?>
320 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li a {
321 color: <?php echo $output['betterdocs_doc_page_subcategory_article_list_color'] ?>;
322 }
323 <?php } ?>
324 <?php if ($output['betterdocs_doc_page_subcategory_article_list_hover_color']) { ?>
325 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li a:hover {
326 color: <?php echo $output['betterdocs_doc_page_subcategory_article_list_hover_color'] ?>;
327 }
328 <?php } ?>
329 <?php if ($output['betterdocs_doc_page_subcategory_article_list_icon_color']) { ?>
330 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat li svg {
331 fill: <?php echo $output['betterdocs_doc_page_subcategory_article_list_icon_color'] ?>;
332 }
333 <?php } ?>
334 .betterdocs-categories-wrap.single-kb li a:hover,
335 .betterdocs-popular-list.single-kb ul li a:hover {
336 color: <?php echo $output['betterdocs_doc_page_article_list_hover_color'] ?>;
337 }
338 .betterdocs-categories-wrap.single-kb .docs-item-container .docs-sub-cat-title svg {
339 fill: <?php echo $output['betterdocs_doc_page_subcategory_icon_color'] ?>;
340 font-size: <?php echo $output['betterdocs_doc_page_subcategory_icon_font_size'] ?>px;
341 }
342 .betterdocs-categories-wrap.single-kb .docs-sub-cat-title a {
343 color: <?php echo $output['betterdocs_doc_page_article_subcategory_color'] ?>;
344 font-size: <?php echo $output['betterdocs_doc_page_article_subcategory_font_size'] ?>px;
345 }
346 .betterdocs-categories-wrap.single-kb .docs-sub-cat-title a:hover {
347 color: <?php echo $output['betterdocs_doc_page_article_subcategory_hover_color'] ?>;
348 }
349 .docs-item-container .docs-cat-link-btn, .docs-item-container .docs-cat-link-btn:visited {
350 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_bg_color'] ?>;
351 font-size: <?php echo $output['betterdocs_doc_page_explore_btn_font_size'] ?>px;
352 color: <?php echo $output['betterdocs_doc_page_explore_btn_color'] ?>;
353 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_border_color'] ?>;
354 border-top-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topleft'] ?>px;
355 border-top-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topright'] ?>px;
356 border-bottom-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomright'] ?>px;
357 border-bottom-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomleft'] ?>px;
358 padding-top: <?php echo $output['betterdocs_doc_page_explore_btn_padding_top'] ?>px;
359 padding-right: <?php echo $output['betterdocs_doc_page_explore_btn_padding_right'] ?>px;
360 padding-bottom: <?php echo $output['betterdocs_doc_page_explore_btn_padding_bottom'] ?>px;
361 padding-left: <?php echo $output['betterdocs_doc_page_explore_btn_padding_left'] ?>px;
362 border-width: <?php echo $output['betterdocs_doc_page_explore_btn_border_width'] ?>px;
363 }
364
365 .docs-item-container .docs-cat-link-btn{
366 border-width: <?php echo $output['betterdocs_doc_page_explore_btn_border_width'] ?>px;
367 }
368 .docs-item-container .docs-cat-link-btn:hover {
369 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_bg_color'] ?>;
370 color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_color'] ?>;
371 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_border_color'] ?>;
372 }
373 .docs-single-cat-wrap .docs-item-container .docs-cat-link-btn {
374 margin-top: <?php echo $output['betterdocs_doc_page_explore_btn_margin_top'] ?>px;
375 margin-bottom: <?php echo $output['betterdocs_doc_page_explore_btn_margin_bottom']?>px;
376 margin-left: <?php echo $output['betterdocs_doc_page_explore_btn_margin_left'] ?>px;
377 margin-right: <?php echo $output['betterdocs_doc_page_explore_btn_margin_right'] ?>px;
378 }
379 .betterdocs-single-bg .betterdocs-content-area, .betterdocs-single-bg .betterdocs-content-full {
380 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
381 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_area_bg_image') ) ) { ?>
382 background-image: url(<?php echo $output['betterdocs_doc_single_content_area_bg_image'] ?>);
383 <?php } ?>
384 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_size') ) ) { ?>
385 background-size:<?php echo $output['betterdocs_doc_single_content_bg_property_size'] ?>;
386 <?php } ?>
387 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_repeat') ) ) { ?>
388 background-repeat:<?php echo $output['betterdocs_doc_single_content_bg_property_repeat'] ?>;
389 <?php } ?>
390 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_attachment') ) ) { ?>
391 background-attachment:<?php echo $output['betterdocs_doc_single_content_bg_property_attachment'] ?>;
392 <?php } ?>
393 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_position') ) ) { ?>
394 background-position:<?php echo $output['betterdocs_doc_single_content_bg_property_position'] ?>;
395 <?php } ?>
396 }
397 .betterdocs-single-wraper .betterdocs-content-area {
398 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
399 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
400 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
401 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
402 }
403 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
404 padding-top: <?php echo $output['betterdocs_doc_single_post_content_padding_top'] ?>px;
405 padding-right: <?php echo $output['betterdocs_doc_single_post_content_padding_right'] ?>px;
406 padding-bottom: <?php echo $output['betterdocs_doc_single_post_content_padding_bottom'] ?>px;
407 padding-left: <?php echo $output['betterdocs_doc_single_post_content_padding_left'] ?>px;
408 }
409 .betterdocs-single-layout4 .betterdocs-content-full {
410 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
411 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
412 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
413 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
414 }
415 .betterdocs-single-layout4 .betterdocs-content-full{
416 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
417 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_area_bg_image') ) ) { ?>
418 background-image: url(<?php echo $output['betterdocs_doc_single_content_area_bg_image'] ?>);
419 <?php } ?>
420 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_size') ) ) { ?>
421 background-size:<?php echo $output['betterdocs_doc_single_content_bg_property_size'] ?>;
422 <?php } ?>
423 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_repeat') ) ) { ?>
424 background-repeat:<?php echo $output['betterdocs_doc_single_content_bg_property_repeat'] ?>;
425 <?php } ?>
426 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_attachment') ) ) { ?>
427 background-attachment:<?php echo $output['betterdocs_doc_single_content_bg_property_attachment'] ?>;
428 <?php } ?>
429 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_position') ) ) { ?>
430 background-position:<?php echo $output['betterdocs_doc_single_content_bg_property_position'] ?>;
431 <?php } ?>
432 }
433 .betterdocs-single-layout5 .betterdocs-content-full {
434 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
435 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
436 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
437 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
438 }
439 .betterdocs-single-layout5 .betterdocs-content-full {
440 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
441 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_area_bg_image') ) ) { ?>
442 background-image: url(<?php echo $output['betterdocs_doc_single_content_area_bg_image'] ?>);
443 <?php } ?>
444 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_size') ) ) { ?>
445 background-size:<?php echo $output['betterdocs_doc_single_content_bg_property_size'] ?>;
446 <?php } ?>
447 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_repeat') ) ) { ?>
448 background-repeat:<?php echo $output['betterdocs_doc_single_content_bg_property_repeat'] ?>;
449 <?php } ?>
450 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_attachment') ) ) { ?>
451 background-attachment:<?php echo $output['betterdocs_doc_single_content_bg_property_attachment'] ?>;
452 <?php } ?>
453 <?php if( ! empty( get_theme_mod('betterdocs_doc_single_content_bg_property_position') ) ) { ?>
454 background-position:<?php echo $output['betterdocs_doc_single_content_bg_property_position'] ?>;
455 <?php } ?>
456 }
457 .betterdocs-single-layout2 .docs-content-full-main .doc-single-content-wrapper {
458 padding-top: <?php echo $output['betterdocs_doc_single_2_post_content_padding_top'] ?>px;
459 padding-right: <?php echo $output['betterdocs_doc_single_2_post_content_padding_right'] ?>px;
460 padding-bottom: <?php echo $output['betterdocs_doc_single_2_post_content_padding_bottom'] ?>px;
461 padding-left: <?php echo $output['betterdocs_doc_single_2_post_content_padding_left'] ?>px;
462 }
463 .betterdocs-single-layout3 .docs-content-full-main .doc-single-content-wrapper {
464 padding-top: <?php echo $output['betterdocs_doc_single_3_post_content_padding_top'] ?>px;
465 padding-right: <?php echo $output['betterdocs_doc_single_3_post_content_padding_right'] ?>px;
466 padding-bottom: <?php echo $output['betterdocs_doc_single_3_post_content_padding_bottom'] ?>px;
467 padding-left: <?php echo $output['betterdocs_doc_single_3_post_content_padding_left'] ?>px;
468 }
469 .docs-single-title .betterdocs-entry-title {
470 font-size: <?php echo $output['betterdocs_single_doc_title_font_size'] ?>px;
471 color: <?php echo $output['betterdocs_single_doc_title_color'] ?>;
472 }
473 .betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
474 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
475 color: <?php echo $output['betterdocs_single_doc_breadcrumb_color'] ?>;
476 }
477 .betterdocs-breadcrumb .betterdocs-breadcrumb-list .betterdocs-breadcrumb-item a:hover {
478 color: <?php echo $output['betterdocs_single_doc_breadcrumb_hover_color'] ?>;
479 }
480 .betterdocs-breadcrumb .breadcrumb-delimiter {
481 color: <?php echo $output['betterdocs_single_doc_breadcrumb_speretor_color'] ?>;
482 }
483 .betterdocs-breadcrumb-item.current span {
484 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
485 color: <?php echo $output['betterdocs_single_doc_breadcrumb_active_item_color'] ?>;
486 }
487 .betterdocs-toc {
488 background-color: <?php echo $output['betterdocs_toc_bg_color'] ?>;
489 padding-top: <?php echo $output['betterdocs_doc_single_toc_padding_top'] ?>px;
490 padding-right: <?php echo $output['betterdocs_doc_single_toc_padding_right'] ?>px;
491 padding-bottom: <?php echo $output['betterdocs_doc_single_toc_padding_bottom'] ?>px;
492 padding-left: <?php echo $output['betterdocs_doc_single_toc_padding_left'] ?>px;
493 margin-top: <?php echo $output['betterdocs_doc_single_toc_margin_top']?>px;
494 margin-right: <?php echo $output['betterdocs_doc_single_toc_margin_right'] ?>px;
495 margin-bottom: <?php echo $output['betterdocs_doc_single_toc_margin_bottom'] ?>px;
496 margin-left: <?php echo $output['betterdocs_doc_single_toc_margin_left'] ?>px;
497 }
498 .betterdocs-entry-content .betterdocs-toc {
499 margin-bottom: <?php echo $output['betterdocs_toc_margin_bottom'] ?>px;
500 }
501 .sticky-toc-container {
502 width: <?php echo $output['betterdocs_sticky_toc_width'] ?>px;
503 }
504 .sticky-toc-container.toc-sticky {
505 z-index: <?php echo $output['betterdocs_sticky_toc_zindex'] ?>;
506 margin-top: <?php echo $output['betterdocs_sticky_toc_margin_top'] ?>px;
507 }
508 .betterdocs-toc > .toc-title {
509 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
510 font-size: <?php echo $output['betterdocs_toc_title_font_size'] ?>px;
511 }
512 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .angle-icon {
513 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
514 }
515 .betterdocs-toc > .toc-list a {
516 color: <?php echo $output['betterdocs_toc_list_item_color'] ?>;
517 font-size: <?php echo $output['betterdocs_toc_list_item_font_size'] ?>px;
518 margin-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
519 margin-right: <?php echo $output['betterdocs_doc_single_toc_list_margin_right'] ?>px;
520 margin-bottom: <?php echo $output['betterdocs_doc_single_toc_list_margin_bottom'] ?>px;
521 margin-left: <?php echo $output['betterdocs_doc_single_toc_list_margin_left'] ?>px;
522 }
523 .betterdocs-toc > .toc-list li a:before {
524 font-size: <?php echo $output['betterdocs_toc_list_number_font_size'] ?>px;
525 color: <?php echo $output['betterdocs_toc_list_number_color'] ?>;
526 }
527 .betterdocs-toc > .toc-list li:before {
528 padding-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
529 }
530 .betterdocs-toc > .toc-list a:hover {
531 color: <?php echo $output['betterdocs_toc_list_item_hover_color'] ?>;
532 }
533 .feedback-form-link .feedback-form-icon svg, .feedback-form-link .feedback-form-icon img {
534 width: <?php echo $output['betterdocs_single_doc_feedback_icon_font_size'] ?>px;
535 }
536 .betterdocs-toc > .toc-list a.active,
537 .betterdocs-toc > .toc-list a.active:before {
538 color: <?php echo $output['betterdocs_toc_active_item_color'] ?>;
539 }
540 .betterdocs-toc > .toc-list a.active:after {
541 background-color: <?php echo $output['betterdocs_toc_active_item_color'] ?>;
542 }
543 .betterdocs-content {
544 color: <?php echo $output['betterdocs_single_content_font_color'] ?>;
545 font-size: <?php echo $output['betterdocs_single_content_font_size'] ?>px;
546 }
547 .betterdocs-social-share .betterdocs-social-share-heading h5 {
548 color: <?php echo $output['betterdocs_post_social_share_text_color'] ?>;
549 }
550 .betterdocs-entry-footer .feedback-form-link {
551 color: <?php echo $output['betterdocs_single_doc_feedback_link_color'] ?>;
552 font-size: <?php echo $output['betterdocs_single_doc_feedback_link_font_size'] ?>px;
553 }
554 .betterdocs-entry-footer .feedback-update-form .feedback-form-link:hover {
555 color: <?php echo $output['betterdocs_single_doc_feedback_link_hover_color'] ?>;
556 }
557 .betterdocs-entry-footer .feedback-form .modal-content .feedback-form-title {
558 color: <?php echo $output['betterdocs_single_doc_feedback_title_color'] ?>;
559 font-size: <?php echo $output['betterdocs_single_doc_feedback_title_font_size'] ?>px;
560 }
561 .docs-navigation a {
562 color: <?php echo $output['betterdocs_single_doc_navigation_color'] ?>;
563 font-size: <?php echo $output['betterdocs_single_doc_navigation_font_size'] ?>px;
564 }
565 .docs-navigation a:hover {
566 color: <?php echo $output['betterdocs_single_doc_navigation_hover_color'] ?>;
567 }
568 .docs-navigation a svg{
569 fill: <?php echo $output['betterdocs_single_doc_navigation_arrow_color'] ?>;
570 min-width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
571 width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
572 }
573 .betterdocs-entry-footer .update-date{
574 color: <?php echo $output['betterdocs_single_doc_lu_time_color'] ?>;
575 font-size: <?php echo $output['betterdocs_single_doc_lu_time_font_size'] ?>px;
576 }
577 .betterdocs-credit p{
578 color: <?php echo $output['betterdocs_single_doc_powered_by_color'] ?>;
579 font-size: <?php echo $output['betterdocs_single_doc_powered_by_font_size'] ?>px;
580 }
581 .betterdocs-credit p a{
582 color: <?php echo $output['betterdocs_single_doc_powered_by_link_color'] ?>;
583 }
584 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap,
585 .betterdocs-category-wraper .betterdocs-full-sidebar-left {
586 background-color: <?php echo $output['betterdocs_sidebar_bg_color'] ?>;
587 }
588 .betterdocs-single-layout1 .betterdocs-sidebar-content .betterdocs-categories-wrap {
589 <?php if(!empty($output['betterdocs_sidebar_borderr_topleft'])) { ?>
590 border-top-left-radius: <?php echo $output['betterdocs_sidebar_borderr_topleft'] ?>px;
591 <?php } ?>
592 <?php if(!empty($output['betterdocs_sidebar_borderr_topright'])) { ?>
593 border-top-right-radius: <?php echo $output['betterdocs_sidebar_borderr_topright'] ?>px;
594 <?php } ?>
595 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomright'])) { ?>
596 border-bottom-right-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomright'] ?>px;
597 <?php } ?>
598 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomleft'])) { ?>
599 border-bottom-left-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomleft'] ?>px;
600 <?php } ?>
601 }
602 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap {
603 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
604 }
605 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title img {
606 height: <?php echo $output['betterdocs_sidebar_icon_size'] ?>px;
607 }
608 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .docs-cat-heading{
609 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
610 font-size: <?php echo $output['betterdocs_sidebar_title_font_size'] ?>px;
611 }
612 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .docs-cat-heading:hover {
613 color: <?php echo $output['betterdocs_sidebar_title_hover_color'] ?> !important;
614 }
615 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .cat-list-arrow-down {
616 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
617 }
618 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .active-title .docs-cat-title-inner .docs-cat-heading,
619 .betterdocs-sidebar-content.betterdocs-category-sidebar .active-title .docs-cat-title-inner .docs-cat-heading,
620 .betterdocs-category-wraper .betterdocs-full-sidebar-left .docs-cat-title-wrap::after {
621 color: <?php echo $output['betterdocs_sidebar_active_title_color'] ?>;
622 }
623 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count {
624 background-color: <?php echo $output['betterdocs_sidbebar_item_count_bg_color'] ?>;
625 }
626 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count span {
627 background-color: <?php echo $output['betterdocs_sidbebar_item_count_inner_bg_color'] ?>;
628 color: <?php echo $output['betterdocs_sidebar_item_count_color'] ?>;
629 font-size: <?php echo $output['betterdocs_sidebat_item_count_font_size'] ?>px;
630 }
631 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap {
632 margin-top: <?php echo $output['betterdocs_sidebar_title_margin_top'] ?>px;
633 margin-right: <?php echo $output['betterdocs_sidebar_title_margin_right'] ?>px;
634 margin-bottom: <?php echo $output['betterdocs_sidebar_title_margin_bottom'] ?>px;
635 margin-left: <?php echo $output['betterdocs_sidebar_title_margin_left'] ?>px;
636 }
637 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap, .betterdocs-full-sidebar-left .betterdocs-categories-wrap {
638 padding-top: <?php echo $output['betterdocs_sidebar_padding_top'] ?>px;
639 padding-right: <?php echo $output['betterdocs_sidebar_padding_right'] ?>px;
640 padding-bottom: <?php echo $output['betterdocs_sidebar_padding_bottom'] ?>px;
641 padding-left: <?php echo $output['betterdocs_sidebar_padding_left'] ?>px;
642 }
643 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap {
644 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
645 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
646 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
647 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
648 }
649 .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-cat-title-inner {
650 <?php if(!empty(get_theme_mod('betterdocs_sidebar_title_bg_color'))) { ?>
651 background-color: <?php echo get_theme_mod('betterdocs_sidebar_title_bg_color') ?>;
652 <?php } else {?>
653 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
654 <?php } ?>
655 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
656 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
657 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
658 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
659 }
660 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-container{
661 background-color: <?php echo $output['betterdocs_sidbebar_item_list_bg_color'] ?>;
662 }
663 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap.active-title{
664 background-color: <?php echo $output['betterdocs_sidebar_active_cat_background_color'] ?>;
665 border-color: <?php echo $output['betterdocs_sidebar_active_cat_border_color'] ?>;
666 }
667 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {
668 padding-left: 0;
669 margin-top: <?php echo $output['betterdocs_sidebar_list_item_margin_top'] ?>px;
670 margin-right: <?php echo $output['betterdocs_sidebar_list_item_margin_right'] ?>px;
671 margin-bottom: <?php echo $output['betterdocs_sidebar_list_item_margin_bottom'] ?>px;
672 margin-left: <?php echo $output['betterdocs_sidebar_list_item_margin_left'] ?>px;
673 }
674 .betterdocs-single-layout2 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li {
675 margin-right: 0 !important;
676 }
677 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a {
678 color: <?php echo $output['betterdocs_sidebar_list_item_color'] ?>;
679 font-size: <?php echo $output['betterdocs_sidebar_list_item_font_size'] ?>px;
680 }
681 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a:hover {
682 color: <?php echo $output['betterdocs_sidebar_list_item_hover_color'] ?>;
683 }
684 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li svg {
685 fill: <?php echo $output['betterdocs_sidebar_list_icon_color'] ?>;
686 font-size: <?php echo $output['betterdocs_sidebar_list_icon_font_size'] ?>px;
687 }
688 .betterdocs-sidebar-content .betterdocs-categories-wrap li a.active,
689 .betterdocs-sidebar-content .betterdocs-categories-wrap li.sub-list a.active {
690 color: <?php echo $output['betterdocs_sidebar_active_list_item_color'] ?>;
691 }
692 .betterdocs-category-wraper.betterdocs-single-wraper{
693 <?php if(!empty($output['betterdocs_archive_page_background_color'])) { ?>
694 background-color: <?php echo $output['betterdocs_archive_page_background_color'] ?>;
695 <?php } ?>
696 <?php if(!empty($output['betterdocs_archive_page_background_image'])) { ?>
697 background-image: url(<?php echo $output['betterdocs_archive_page_background_image'] ?>);
698 <?php } ?>
699 <?php if(!empty($output['betterdocs_archive_page_background_size'])) { ?>
700 background-size: <?php echo $output['betterdocs_archive_page_background_size'] ?>;
701 <?php } ?>
702 <?php if(!empty($output['betterdocs_archive_page_background_repeat'])) { ?>
703 background-repeat: <?php echo $output['betterdocs_archive_page_background_repeat'] ?>;
704 <?php } ?>
705 <?php if(!empty($output['betterdocs_archive_page_background_attachment'])) { ?>
706 background-attachment: <?php echo $output['betterdocs_archive_page_background_attachment'] ?>;
707 <?php } ?>
708 <?php if(!empty($output['betterdocs_archive_page_background_position'])) { ?>
709 background-position: <?php echo $output['betterdocs_archive_page_background_position'] ?>;
710 <?php } ?>
711 }
712 .betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing{
713 <?php if(!empty($output['betterdocs_archive_content_background_color'])) { ?>
714 background-color: <?php echo $output['betterdocs_archive_content_background_color'] ?>;
715 <?php } ?>
716 margin-top: <?php echo $output['betterdocs_archive_content_margin_top'] ?>px;
717 margin-right: <?php echo $output['betterdocs_archive_content_margin_right'] ?>px;
718 margin-bottom: <?php echo $output['betterdocs_archive_content_margin_bottom'] ?>px;
719 margin-left: <?php echo $output['betterdocs_archive_content_margin_left'] ?>px;
720 padding-top: <?php echo $output['betterdocs_archive_content_padding_top'] ?>px;
721 padding-right: <?php echo $output['betterdocs_archive_content_padding_right'] ?>px;
722 padding-bottom: <?php echo $output['betterdocs_archive_content_padding_bottom'] ?>px;
723 padding-left: <?php echo $output['betterdocs_archive_content_padding_left'] ?>px;
724 border-radius: <?php echo $output['betterdocs_archive_content_border_radius'] ?>px;
725 }
726 .betterdocs-category-wraper .docs-category-listing .docs-cat-title .docs-cat-heading {
727 color: <?php echo $output['betterdocs_archive_title_color'] ?>;
728 font-size: <?php echo $output['betterdocs_archive_title_font_size'] ?>px;
729 margin-top: <?php echo $output['betterdocs_archive_title_margin_top'] ?>px;
730 margin-right: <?php echo $output['betterdocs_archive_title_margin_right'] ?>px;
731 margin-bottom: <?php echo $output['betterdocs_archive_title_margin_bottom'] ?>px;
732 margin-left: <?php echo $output['betterdocs_archive_title_margin_left'] ?>px;
733 }
734 .betterdocs-category-wraper .docs-category-listing .docs-cat-title p {
735 color: <?php echo $output['betterdocs_archive_description_color'] ?>;
736 font-size: <?php echo $output['betterdocs_archive_description_font_size'] ?>px;
737 margin-top: <?php echo $output['betterdocs_archive_description_margin_top'] ?>px;
738 margin-right: <?php echo $output['betterdocs_archive_description_margin_right'] ?>px;
739 margin-bottom: <?php echo $output['betterdocs_archive_description_margin_bottom'] ?>px;
740 margin-left: <?php echo $output['betterdocs_archive_description_margin_left'] ?>px;
741 }
742 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li,
743 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title {
744 margin-top: <?php echo $output['betterdocs_archive_article_list_margin_top'] ?>px;
745 margin-right: <?php echo $output['betterdocs_archive_article_list_margin_right'] ?>px;
746 margin-bottom: <?php echo $output['betterdocs_archive_article_list_margin_bottom'] ?>px;
747 margin-left: <?php echo $output['betterdocs_archive_article_list_margin_left'] ?>px;
748 }
749 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li svg {
750 fill: <?php echo $output['betterdocs_archive_list_icon_color'] ?>;
751 font-size: <?php echo $output['betterdocs_archive_list_icon_font_size'] ?>px;
752 min-width: <?php echo $output['betterdocs_archive_list_icon_font_size'] ?>px;
753 }
754 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a {
755 color: <?php echo $output['betterdocs_archive_list_item_color'] ?>;
756 font-size: <?php echo $output['betterdocs_archive_list_item_font_size'] ?>px;
757 }
758 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a:hover {
759 color: <?php echo $output['betterdocs_archive_list_item_hover_color'] ?>;
760 }
761 <?php if ($output['betterdocs_archive_subcategory_article_list_color']) { ?>
762 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li a {
763 color: <?php echo $output['betterdocs_archive_subcategory_article_list_color'] ?>;
764 }
765 <?php } ?>
766 <?php if ($output['betterdocs_archive_subcategory_article_list_hover_color']) { ?>
767 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li a:hover {
768 color: <?php echo $output['betterdocs_archive_subcategory_article_list_hover_color'] ?>;
769 }
770 <?php } ?>
771 <?php if ($output['betterdocs_archive_subcategory_article_list_icon_color']) { ?>
772 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat li svg {
773 fill: <?php echo $output['betterdocs_archive_subcategory_article_list_icon_color'] ?>;
774 }
775 <?php } ?>
776 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title svg {
777 fill: <?php echo $output['betterdocs_archive_subcategory_icon_color'] ?>;
778 font-size: <?php echo $output['betterdocs_archive_subcategory_icon_font_size'] ?>px;
779 }
780 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title a {
781 color: <?php echo $output['betterdocs_archive_article_subcategory_color'] ?>;
782 font-size: <?php echo $output['betterdocs_archive_article_subcategory_font_size'] ?>px;
783 }
784 .betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat-title a:hover {
785 color: <?php echo $output['betterdocs_archive_article_subcategory_hover_color'] ?>;
786 }
787
788 .betterdocs-search-form-wrap{
789 <?php if(!empty($output['betterdocs_live_search_background_color'])) { ?>
790 background-color: <?php echo $output['betterdocs_live_search_background_color'] ?>;
791 <?php } ?>
792 <?php if(!empty($output['betterdocs_live_search_background_image'])) { ?>
793 background-image: url(<?php echo $output['betterdocs_live_search_background_image'] ?>);
794 <?php } ?>
795 <?php if(!empty($output['betterdocs_live_search_background_repeat'])) { ?>
796 background-repeat: <?php echo $output['betterdocs_live_search_background_repeat'] ?>;
797 <?php } ?>
798 <?php if(!empty($output['betterdocs_live_search_background_attachment'])) { ?>
799 background-attachment: <?php echo $output['betterdocs_live_search_background_attachment'] ?>;
800 <?php } ?>
801 <?php if(!empty($output['betterdocs_live_search_background_position'])) { ?>
802 background-position: <?php echo $output['betterdocs_live_search_background_position'] ?>;
803 <?php } ?>
804 padding-top: <?php echo $output['betterdocs_live_search_padding_top'] ?>px;
805 padding-right: <?php echo $output['betterdocs_live_search_padding_right'] ?>px;
806 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] ?>px;
807 padding-left: <?php echo $output['betterdocs_live_search_padding_left'] ?>px;
808 margin-top:<?php echo $output['betterdocs_live_search_margin_top'] ?>px;
809 margin-right:<?php echo $output['betterdocs_live_search_margin_right'] ?>px;
810 margin-bottom:<?php echo $output['betterdocs_live_search_margin_bottom'] ?>px;
811 margin-left:<?php echo $output['betterdocs_live_search_margin_left'] ?>px;
812 <?php if($output['betterdocs_live_search_custom_background_switch']) { ?>
813 background-size:<?php echo $output['betterdocs_live_search_custom_background_width']."%" .' '. $output['betterdocs_live_search_custom_background_height']."%"?>;
814 <?php } else if(!empty($output['betterdocs_live_search_background_size'])) { ?>
815 background-size: <?php echo $output['betterdocs_live_search_background_size'] ?>;
816 <?php } ?>
817 }
818 .betterdocs-search-heading h2 {
819 line-height: 1.2;
820 font-size: <?php echo $output['betterdocs_live_search_heading_font_size'] ?>px;
821 color: <?php echo $output['betterdocs_live_search_heading_font_color'] ?>;
822 margin-top: <?php echo $output['betterdocs_search_heading_margin_top'] ?>px;
823 margin-right: <?php echo $output['betterdocs_search_heading_margin_right'] ?>px;
824 margin-bottom: <?php echo $output['betterdocs_search_heading_margin_bottom'] ?>px;
825 margin-left: <?php echo $output['betterdocs_search_heading_margin_left'] ?>px;
826 }
827 .betterdocs-search-heading h3 {
828 line-height: 1.2;
829 font-size: <?php echo $output['betterdocs_live_search_subheading_font_size'] ?>px;
830 color: <?php echo $output['betterdocs_live_search_subheading_font_color'] ?>;
831 margin-top: <?php echo $output['betterdocs_search_subheading_margin_top'] ?>px;
832 margin-right: <?php echo $output['betterdocs_search_subheading_margin_right'] ?>px;
833 margin-bottom: <?php echo $output['betterdocs_search_subheading_margin_bottom'] ?>px;
834 margin-left: <?php echo $output['betterdocs_search_subheading_margin_left'] ?>px;
835 }
836 .betterdocs-searchform {
837 background-color: <?php echo $output['betterdocs_search_field_background_color'] ?>;
838 border-radius: <?php echo $output['betterdocs_search_field_border_radius'] ?>px;
839 padding-top: <?php echo $output['betterdocs_search_field_padding_top'] ?>px;
840 padding-right: <?php echo $output['betterdocs_search_field_padding_right'] ?>px;
841 padding-bottom: <?php echo $output['betterdocs_search_field_padding_bottom'] ?>px;
842 padding-left: <?php echo $output['betterdocs_search_field_padding_left'] ?>px;
843 }
844 .betterdocs-searchform .betterdocs-search-field {
845 font-size: <?php echo $output['betterdocs_search_field_font_size'] ?>px;
846 color: <?php echo $output['betterdocs_search_field_color'] ?>;
847 }
848 .betterdocs-searchform .betterdocs-search-field:focus{
849 color: <?php echo $output['betterdocs_search_field_color'] ?>;
850 }
851 .betterdocs-searchform .betterdocs-search-field::placeholder{
852 color: <?php echo $output['betterdocs_search_placeholder_color']?>;
853 }
854 .betterdocs-searchform svg.docs-search-icon {
855 fill: <?php echo $output['betterdocs_search_icon_color'] ?>;
856 height: <?php echo $output['betterdocs_search_icon_size'] ?>px;
857 }
858 .docs-search-close path.close-line {
859 fill: <?php echo $output['betterdocs_search_close_icon_color'] ?>;
860 }
861 .docs-search-close path.close-border {
862 fill: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
863 }
864 .docs-search-loader {
865 stroke: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
866 }
867 .betterdocs-searchform svg.docs-search-icon:hover {
868 fill: <?php echo $output['betterdocs_search_icon_hover_color'] ?>;
869 }
870 .betterdocs-live-search .docs-search-result {
871 width: <?php echo $output['betterdocs_search_result_width'] ?>%;
872 max-width: <?php echo $output['betterdocs_search_result_max_width'] ?>px;
873 background-color: <?php echo $output['betterdocs_search_result_background_color'] ?>;
874 border-color: <?php echo $output['betterdocs_search_result_border_color'] ?>;
875 }
876 .betterdocs-search-result-wrap::before {
877 border-color: transparent transparent <?php echo $output['betterdocs_search_result_background_color'] ?>;
878 }
879 .betterdocs-live-search .docs-search-result li {
880 border-color: <?php echo $output['betterdocs_search_result_item_border_color'] ?>;
881 }
882 .betterdocs-live-search .docs-search-result li a {
883 font-size: <?php echo $output['betterdocs_search_result_item_font_size'] ?>px;
884 padding-top: <?php echo $output['betterdocs_search_result_item_padding_top'] ?>px;
885 padding-right: <?php echo $output['betterdocs_search_result_item_padding_right'] ?>px;
886 padding-bottom: <?php echo $output['betterdocs_search_result_item_padding_bottom'] ?>px;
887 padding-left: <?php echo $output['betterdocs_search_result_item_padding_left'] ?>px;
888 }
889 .betterdocs-live-search .docs-search-result li a .betterdocs-search-title {
890 color: <?php echo $output['betterdocs_search_result_item_font_color'] ?>;
891 }
892
893 .betterdocs-live-search .docs-search-result li a .betterdocs-search-category{
894 color: <?php echo $output['betterdocs_search_result_item_cat_font_color'] ?>;
895 }
896
897 .betterdocs-live-search .docs-search-result li:hover {
898 background-color: <?php echo $output['betterdocs_search_result_item_hover_background_color'] ?>;
899 }
900 .betterdocs-live-search .docs-search-result li a span:hover {
901 color: <?php echo $output['betterdocs_search_result_item_hover_font_color'] ?>;
902 }
903 .betterdocs-category-box.pro-layout-3 .docs-single-cat-wrap img,
904 .docs-cat-list-2-box img {
905 margin-right: <?php echo $output['betterdocs_doc_page_column_content_space_image'] ?>px;
906 }
907 .betterdocs-wraper.betterdocs-category-list-2 .betterdocs-search-form-wrap {
908 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] + 80 ?>px;
909 }
910 </style>
911 <!--<script>
912 jQuery(document).ready(function() {
913 var masonryGrid = jQuery(".betterdocs-categories-wrap.layout-masonry");
914 var columnPerGrid = jQuery(".betterdocs-categories-wrap.layout-masonry").attr('data-column');
915 var masonryItem = jQuery(".betterdocs-categories-wrap.layout-masonry .docs-single-cat-wrap");
916 var doc_page_column_space = <?php /*echo $output['betterdocs_doc_page_column_space'] */?>;
917 var total_margin = columnPerGrid * doc_page_column_space;
918 if (masonryGrid.length) {
919 masonryItem.css("width", "calc((100% - "+total_margin+"px) / "+parseInt(columnPerGrid)+")");
920 masonryGrid.masonry({
921 itemSelector: ".docs-single-cat-wrap",
922 percentPosition: true,
923 gutter: doc_page_column_space
924 });
925 }
926 });
927 </script>-->
928 <?php
929 }
930 add_action( 'wp_head', 'betterdocs_customize_css');