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

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

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