PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 2.2.2
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v2.2.2
4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 3.4.2 3.5.0 3.5.1 3.5.2 All 199 releases
betterdocs / admin / customizer / output-css.php

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

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