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

724 lines 38.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 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 .betterdocs-archive-wrap .betterdocs-categories-wrap li a:hover {
260 color: <?php echo $output['betterdocs_doc_page_article_list_hover_color'] ?>;
261 }
262 .betterdocs-archive-wrap .betterdocs-categories-wrap .docs-item-container .docs-sub-cat-title svg {
263 fill: <?php echo $output['betterdocs_doc_page_subcategory_icon_color'] ?>;
264 font-size: <?php echo $output['betterdocs_doc_page_subcategory_icon_font_size'] ?>px;
265 }
266 .betterdocs-archive-wrap .betterdocs-categories-wrap .docs-sub-cat-title a {
267 color: <?php echo $output['betterdocs_doc_page_article_subcategory_color'] ?>;
268 font-size: <?php echo $output['betterdocs_doc_page_article_subcategory_font_size'] ?>px;
269 }
270 .betterdocs-archive-wrap .betterdocs-categories-wrap .docs-sub-cat-title a:hover {
271 color: <?php echo $output['betterdocs_doc_page_article_subcategory_hover_color'] ?>;
272 }
273 .docs-cat-link-btn, .docs-cat-link-btn:visited {
274 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_bg_color'] ?>;
275 font-size: <?php echo $output['betterdocs_doc_page_explore_btn_font_size'] ?>px;
276 color: <?php echo $output['betterdocs_doc_page_explore_btn_color'] ?>;
277 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_border_color'] ?>;
278 border-top-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topleft'] ?>px;
279 border-top-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_topright'] ?>px;
280 border-bottom-right-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomright'] ?>px;
281 border-bottom-left-radius: <?php echo $output['betterdocs_doc_page_explore_btn_borderr_bottomleft'] ?>px;
282 padding-top: <?php echo $output['betterdocs_doc_page_explore_btn_padding_top'] ?>px;
283 padding-right: <?php echo $output['betterdocs_doc_page_explore_btn_padding_right'] ?>px;
284 padding-bottom: <?php echo $output['betterdocs_doc_page_explore_btn_padding_bottom'] ?>px;
285 padding-left: <?php echo $output['betterdocs_doc_page_explore_btn_padding_left'] ?>px;
286 }
287 .docs-cat-link-btn:hover {
288 background-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_bg_color'] ?>;
289 color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_color'] ?>;
290 border-color: <?php echo $output['betterdocs_doc_page_explore_btn_hover_border_color'] ?>;
291 }
292 .betterdocs-single-bg .betterdocs-content-area, .betterdocs-single-bg .betterdocs-content-full {
293 background-color: <?php echo $output['betterdocs_doc_single_content_area_bg_color'] ?>;
294 }
295 .betterdocs-single-wraper .betterdocs-content-area {
296 padding-top: <?php echo $output['betterdocs_doc_single_content_area_padding_top'] ?>px;
297 padding-right: <?php echo $output['betterdocs_doc_single_content_area_padding_right'] ?>px;
298 padding-bottom: <?php echo $output['betterdocs_doc_single_content_area_padding_bottom'] ?>px;
299 padding-left: <?php echo $output['betterdocs_doc_single_content_area_padding_left'] ?>px;
300 }
301 .betterdocs-single-wraper .betterdocs-content-area .docs-single-main {
302 padding-top: <?php echo $output['betterdocs_doc_single_post_content_padding_top'] ?>px;
303 padding-right: <?php echo $output['betterdocs_doc_single_post_content_padding_right'] ?>px;
304 padding-bottom: <?php echo $output['betterdocs_doc_single_post_content_padding_bottom'] ?>px;
305 padding-left: <?php echo $output['betterdocs_doc_single_post_content_padding_left'] ?>px;
306 }
307 .betterdocs-single-layout2 .docs-content-full-main .doc-single-content-wrapper {
308 padding-top: <?php echo $output['betterdocs_doc_single_2_post_content_padding_top'] ?>px;
309 padding-right: <?php echo $output['betterdocs_doc_single_2_post_content_padding_right'] ?>px;
310 padding-bottom: <?php echo $output['betterdocs_doc_single_2_post_content_padding_bottom'] ?>px;
311 padding-left: <?php echo $output['betterdocs_doc_single_2_post_content_padding_left'] ?>px;
312 }
313 .betterdocs-single-layout3 .docs-content-full-main .doc-single-content-wrapper {
314 padding-top: <?php echo $output['betterdocs_doc_single_3_post_content_padding_top'] ?>px;
315 padding-right: <?php echo $output['betterdocs_doc_single_3_post_content_padding_right'] ?>px;
316 padding-bottom: <?php echo $output['betterdocs_doc_single_3_post_content_padding_bottom'] ?>px;
317 padding-left: <?php echo $output['betterdocs_doc_single_3_post_content_padding_left'] ?>px;
318 }
319 .docs-single-title .betterdocs-entry-title {
320 font-size: <?php echo $output['betterdocs_single_doc_title_font_size'] ?>px;
321 color: <?php echo $output['betterdocs_single_doc_title_color'] ?>;
322 }
323 .betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
324 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
325 color: <?php echo $output['betterdocs_single_doc_breadcrumb_color'] ?>;
326 }
327 .betterdocs-breadcrumb .betterdocs-breadcrumb-list .betterdocs-breadcrumb-item a:hover {
328 color: <?php echo $output['betterdocs_single_doc_breadcrumb_hover_color'] ?>;
329 }
330 .betterdocs-breadcrumb .breadcrumb-delimiter {
331 color: <?php echo $output['betterdocs_single_doc_breadcrumb_speretor_color'] ?>;
332 }
333 .betterdocs-breadcrumb-item.current span {
334 font-size: <?php echo $output['betterdocs_single_doc_breadcrumbs_font_size'] ?>px;
335 color: <?php echo $output['betterdocs_single_doc_breadcrumb_active_item_color'] ?>;
336 }
337 .betterdocs-toc {
338 background-color: <?php echo $output['betterdocs_toc_bg_color'] ?>;
339 padding-top: <?php echo $output['betterdocs_doc_single_toc_padding_top'] ?>px;
340 padding-right: <?php echo $output['betterdocs_doc_single_toc_padding_right'] ?>px;
341 padding-bottom: <?php echo $output['betterdocs_doc_single_toc_padding_bottom'] ?>px;
342 padding-left: <?php echo $output['betterdocs_doc_single_toc_padding_left'] ?>px;
343 }
344 .betterdocs-entry-content .betterdocs-toc {
345 margin-bottom: <?php echo $output['betterdocs_toc_margin_bottom'] ?>px;
346 }
347 .sticky-toc-container {
348 width: <?php echo $output['betterdocs_sticky_toc_width'] ?>px;
349 }
350 .sticky-toc-container.toc-sticky {
351 z-index: <?php echo $output['betterdocs_sticky_toc_zindex'] ?>;
352 margin-top: <?php echo $output['betterdocs_sticky_toc_margin_top'] ?>px;
353 }
354 .betterdocs-toc > .toc-title {
355 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
356 font-size: <?php echo $output['betterdocs_toc_title_font_size'] ?>px;
357 }
358 .betterdocs-entry-content .betterdocs-toc.collapsible-sm .angle-icon {
359 color: <?php echo $output['betterdocs_toc_title_color'] ?>;
360 }
361 .betterdocs-toc > .toc-list a {
362 color: <?php echo $output['betterdocs_toc_list_item_color'] ?>;
363 font-size: <?php echo $output['betterdocs_toc_list_item_font_size'] ?>px;
364 margin-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
365 margin-right: <?php echo $output['betterdocs_doc_single_toc_list_margin_right'] ?>px;
366 margin-bottom: <?php echo $output['betterdocs_doc_single_toc_list_margin_bottom'] ?>px;
367 margin-left: <?php echo $output['betterdocs_doc_single_toc_list_margin_left'] ?>px;
368 }
369 .betterdocs-toc > .toc-list li:before {
370 padding-top: <?php echo $output['betterdocs_doc_single_toc_list_margin_top'] ?>px;
371 }
372 .betterdocs-toc > .toc-list a:hover {
373 color: <?php echo $output['betterdocs_toc_list_item_hover_color'] ?>;
374 }
375 .feedback-form-link .feedback-form-icon svg, .feedback-form-link .feedback-form-icon img {
376 width: <?php echo $output['betterdocs_single_doc_feedback_icon_font_size'] ?>px;
377 }
378 .betterdocs-toc > .toc-list a.active {
379 color: <?php echo $output['betterdocs_toc_active_item_color'] ?>;
380 }
381 .betterdocs-toc > .toc-list li {
382 color: <?php echo $output['betterdocs_toc_list_number_color'] ?>;
383 font-size: <?php echo $output['betterdocs_toc_list_number_font_size'] ?>px;
384 }
385 .betterdocs-content {
386 color: <?php echo $output['betterdocs_single_content_font_color'] ?>;
387 font-size: <?php echo $output['betterdocs_single_content_font_size'] ?>px;
388 }
389 .betterdocs-social-share .betterdocs-social-share-heading h5 {
390 color: <?php echo $output['betterdocs_post_social_share_text_color'] ?>;
391 }
392 .betterdocs-entry-footer .feedback-form-link {
393 color: <?php echo $output['betterdocs_single_doc_feedback_link_color'] ?>;
394 font-size: <?php echo $output['betterdocs_single_doc_feedback_link_font_size'] ?>px;
395 }
396 .betterdocs-entry-footer .feedback-update-form .feedback-form-link:hover {
397 color: <?php echo $output['betterdocs_single_doc_feedback_link_hover_color'] ?>;
398 }
399 .docs-navigation a {
400 color: <?php echo $output['betterdocs_single_doc_navigation_color'] ?>;
401 font-size: <?php echo $output['betterdocs_single_doc_navigation_font_size'] ?>px;
402 }
403 .docs-navigation a:hover {
404 color: <?php echo $output['betterdocs_single_doc_navigation_hover_color'] ?>;
405 }
406 .docs-navigation a svg{
407 fill: <?php echo $output['betterdocs_single_doc_navigation_arrow_color'] ?>;
408 width: <?php echo $output['betterdocs_single_doc_navigation_arrow_font_size'] ?>px;
409 }
410 .betterdocs-entry-footer .update-date{
411 color: <?php echo $output['betterdocs_single_doc_lu_time_color'] ?>;
412 font-size: <?php echo $output['betterdocs_single_doc_lu_time_font_size'] ?>px;
413 }
414 .betterdocs-credit p{
415 color: <?php echo $output['betterdocs_single_doc_powered_by_color'] ?>;
416 font-size: <?php echo $output['betterdocs_single_doc_powered_by_font_size'] ?>px;
417 }
418 .betterdocs-credit p a{
419 color: <?php echo $output['betterdocs_single_doc_powered_by_link_color'] ?>;
420 }
421 .betterdocs-sidebar-content .betterdocs-categories-wrap,
422 .betterdocs-full-sidebar-left {
423 background-color: <?php echo $output['betterdocs_sidebar_bg_color'] ?>;
424 }
425 .betterdocs-single-layout1 .betterdocs-sidebar-content .betterdocs-categories-wrap {
426 <?php if(!empty($output['betterdocs_sidebar_borderr_topleft'])) { ?>
427 border-top-left-radius: <?php echo $output['betterdocs_sidebar_borderr_topleft'] ?>px;
428 <?php } ?>
429 <?php if(!empty($output['betterdocs_sidebar_borderr_topright'])) { ?>
430 border-top-right-radius: <?php echo $output['betterdocs_sidebar_borderr_topright'] ?>px;
431 <?php } ?>
432 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomright'])) { ?>
433 border-bottom-right-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomright'] ?>px;
434 <?php } ?>
435 <?php if(!empty($output['betterdocs_sidebar_borderr_bottomleft'])) { ?>
436 border-bottom-left-radius: <?php echo $output['betterdocs_sidebar_borderr_bottomleft'] ?>px;
437 <?php } ?>
438 }
439 .betterdocs-sidebar-content .docs-single-cat-wrap .docs-cat-title-wrap {
440 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
441 }
442 .betterdocs-sidebar-content .docs-cat-title > img{
443 height: <?php echo $output['betterdocs_sidebar_icon_size'] ?>px;
444 }
445 .betterdocs-sidebar-content .docs-cat-title-inner h3{
446 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
447 font-size: <?php echo $output['betterdocs_sidebar_title_font_size'] ?>px;
448 }
449 .betterdocs-sidebar-content .docs-cat-title-inner h3:hover {
450 color: <?php echo $output['betterdocs_sidebar_title_hover_color'] ?> !important;
451 }
452 .betterdocs-sidebar-content .docs-cat-title-inner .cat-list-arrow-down {
453 color: <?php echo $output['betterdocs_sidebar_title_color'] ?>;
454 }
455 .betterdocs-sidebar-content .docs-single-cat-wrap .active-title .docs-cat-title-inner h3,
456 .betterdocs-sidebar-content .active-title .docs-cat-title-inner h3,
457 .betterdocs-full-sidebar-left .docs-cat-title-wrap::after {
458 color: <?php echo $output['betterdocs_sidebar_active_title_color'] ?>;
459 }
460 .betterdocs-sidebar-content .docs-item-count {
461 background-color: <?php echo $output['betterdocs_sidbebar_item_count_bg_color'] ?>;
462 }
463 .betterdocs-sidebar-content .docs-item-count span {
464 background-color: <?php echo $output['betterdocs_sidbebar_item_count_inner_bg_color'] ?>;
465 color: <?php echo $output['betterdocs_sidebar_item_count_color'] ?>;
466 font-size: <?php echo $output['betterdocs_sidebat_item_count_font_size'] ?>px;
467 }
468 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap {
469 margin-top: <?php echo $output['betterdocs_sidebar_title_margin_top'] ?>px;
470 margin-right: <?php echo $output['betterdocs_sidebar_title_margin_right'] ?>px;
471 margin-bottom: <?php echo $output['betterdocs_sidebar_title_margin_bottom'] ?>px;
472 margin-left: <?php echo $output['betterdocs_sidebar_title_margin_left'] ?>px;
473 }
474 .betterdocs-sidebar-content .betterdocs-categories-wrap, .betterdocs-full-sidebar-left .betterdocs-categories-wrap {
475 padding-top: <?php echo $output['betterdocs_sidebar_padding_top'] ?>px;
476 padding-right: <?php echo $output['betterdocs_sidebar_padding_right'] ?>px;
477 padding-bottom: <?php echo $output['betterdocs_sidebar_padding_bottom'] ?>px;
478 padding-left: <?php echo $output['betterdocs_sidebar_padding_left'] ?>px;
479 }
480 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap {
481 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
482 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
483 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
484 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
485 }
486 .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-cat-title-inner {
487 <?php if(!empty(get_theme_mod('betterdocs_sidebar_title_bg_color'))) { ?>
488 background-color: <?php echo get_theme_mod('betterdocs_sidebar_title_bg_color') ?>;
489 <?php } else {?>
490 background-color: <?php echo $output['betterdocs_sidebar_title_bg_color'] ?>;
491 <?php } ?>
492 padding-top: <?php echo $output['betterdocs_sidebar_title_padding_top'] ?>px;
493 padding-right: <?php echo $output['betterdocs_sidebar_title_padding_right'] ?>px;
494 padding-bottom: <?php echo $output['betterdocs_sidebar_title_padding_bottom'] ?>px;
495 padding-left: <?php echo $output['betterdocs_sidebar_title_padding_left'] ?>px;
496 }
497 .betterdocs-sidebar-content .docs-item-container{
498 background-color: <?php echo $output['betterdocs_sidbebar_item_list_bg_color'] ?>;
499 }
500 .betterdocs-sidebar-content .docs-single-cat-wrap .docs-cat-title-wrap.active-title{
501 background-color: <?php echo $output['betterdocs_sidebar_active_cat_background_color'] ?>;
502 border-color: <?php echo $output['betterdocs_sidebar_active_cat_border_color'] ?>;
503 }
504 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li {
505 padding-left: 0;
506 margin-top: <?php echo $output['betterdocs_sidebar_list_item_margin_top'] ?>px;
507 margin-right: <?php echo $output['betterdocs_sidebar_list_item_margin_right'] ?>px;
508 margin-bottom: <?php echo $output['betterdocs_sidebar_list_item_margin_bottom'] ?>px;
509 margin-left: <?php echo $output['betterdocs_sidebar_list_item_margin_left'] ?>px;
510 }
511 .betterdocs-single-layout2 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li {
512 margin-right: 0 !important;
513 }
514 .betterdocs-sidebar-content .betterdocs-categories-wrap li a {
515 color: <?php echo $output['betterdocs_sidebar_list_item_color'] ?>;
516 font-size: <?php echo $output['betterdocs_sidebar_list_item_font_size'] ?>px;
517 }
518 .betterdocs-sidebar-content .betterdocs-categories-wrap li a:hover {
519 color: <?php echo $output['betterdocs_sidebar_list_item_hover_color'] ?>;
520 }
521 .betterdocs-sidebar-content .betterdocs-categories-wrap li svg {
522 fill: <?php echo $output['betterdocs_sidebar_list_icon_color'] ?>;
523 font-size: <?php echo $output['betterdocs_sidebar_list_icon_font_size'] ?>px;
524 }
525 .betterdocs-sidebar-content .betterdocs-categories-wrap li a.active,
526 .betterdocs-sidebar-content .betterdocs-categories-wrap li.sub-list a.active {
527 color: <?php echo $output['betterdocs_sidebar_active_list_item_color'] ?>;
528 }
529 .betterdocs-category-wraper.betterdocs-single-wraper{
530 <?php if(!empty($output['betterdocs_archive_page_background_color'])) { ?>
531 background-color: <?php echo $output['betterdocs_archive_page_background_color'] ?>;
532 <?php } ?>
533 <?php if(!empty($output['betterdocs_archive_page_background_image'])) { ?>
534 background-image: url(<?php echo $output['betterdocs_archive_page_background_image'] ?>);
535 <?php } ?>
536 <?php if(!empty($output['betterdocs_archive_page_background_size'])) { ?>
537 background-size: <?php echo $output['betterdocs_archive_page_background_size'] ?>;
538 <?php } ?>
539 <?php if(!empty($output['betterdocs_archive_page_background_repeat'])) { ?>
540 background-repeat: <?php echo $output['betterdocs_archive_page_background_repeat'] ?>;
541 <?php } ?>
542 <?php if(!empty($output['betterdocs_archive_page_background_attachment'])) { ?>
543 background-attachment: <?php echo $output['betterdocs_archive_page_background_attachment'] ?>;
544 <?php } ?>
545 <?php if(!empty($output['betterdocs_archive_page_background_position'])) { ?>
546 background-position: <?php echo $output['betterdocs_archive_page_background_position'] ?>;
547 <?php } ?>
548 }
549 .betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing{
550 <?php if(!empty($output['betterdocs_archive_content_background_color'])) { ?>
551 background-color: <?php echo $output['betterdocs_archive_content_background_color'] ?>;
552 <?php } ?>
553 margin-top: <?php echo $output['betterdocs_archive_content_margin_top'] ?>px;
554 margin-right: <?php echo $output['betterdocs_archive_content_margin_right'] ?>px;
555 margin-bottom: <?php echo $output['betterdocs_archive_content_margin_bottom'] ?>px;
556 margin-left: <?php echo $output['betterdocs_archive_content_margin_left'] ?>px;
557 padding-top: <?php echo $output['betterdocs_archive_content_padding_top'] ?>px;
558 padding-right: <?php echo $output['betterdocs_archive_content_padding_right'] ?>px;
559 padding-bottom: <?php echo $output['betterdocs_archive_content_padding_bottom'] ?>px;
560 padding-left: <?php echo $output['betterdocs_archive_content_padding_left'] ?>px;
561 border-radius: <?php echo $output['betterdocs_archive_content_border_radius'] ?>px;
562 }
563 .betterdocs-category-wraper .docs-category-listing .docs-cat-title h3 {
564 color: <?php echo $output['betterdocs_archive_title_color'] ?>;
565 font-size: <?php echo $output['betterdocs_archive_title_font_size'] ?>px;
566 margin-top: <?php echo $output['betterdocs_archive_title_margin_top'] ?>px;
567 margin-right: <?php echo $output['betterdocs_archive_title_margin_right'] ?>px;
568 margin-bottom: <?php echo $output['betterdocs_archive_title_margin_bottom'] ?>px;
569 margin-left: <?php echo $output['betterdocs_archive_title_margin_left'] ?>px;
570 }
571 .betterdocs-category-wraper .docs-category-listing .docs-cat-title p {
572 color: <?php echo $output['betterdocs_archive_description_color'] ?>;
573 font-size: <?php echo $output['betterdocs_archive_description_font_size'] ?>px;
574 margin-top: <?php echo $output['betterdocs_archive_description_margin_top'] ?>px;
575 margin-right: <?php echo $output['betterdocs_archive_description_margin_right'] ?>px;
576 margin-bottom: <?php echo $output['betterdocs_archive_description_margin_bottom'] ?>px;
577 margin-left: <?php echo $output['betterdocs_archive_description_margin_left'] ?>px;
578 }
579 .docs-category-listing .docs-list ul li,
580 .docs-category-listing .docs-list .docs-sub-cat-title {
581 margin-top: <?php echo $output['betterdocs_archive_article_list_margin_top'] ?>px;
582 margin-right: <?php echo $output['betterdocs_archive_article_list_margin_right'] ?>px;
583 margin-bottom: <?php echo $output['betterdocs_archive_article_list_margin_bottom'] ?>px;
584 margin-left: <?php echo $output['betterdocs_archive_article_list_margin_left'] ?>px;
585 }
586 .docs-category-listing .docs-list ul li svg {
587 fill: <?php echo $output['betterdocs_archive_list_icon_color'] ?>;
588 font-size: <?php echo $output['betterdocs_archive_list_icon_font_size'] ?>px;
589 }
590 .docs-category-listing .docs-list ul li a {
591 color: <?php echo $output['betterdocs_archive_list_item_color'] ?>;
592 font-size: <?php echo $output['betterdocs_archive_list_item_font_size'] ?>px;
593 }
594 .docs-category-listing .docs-list ul li a:hover {
595 color: <?php echo $output['betterdocs_archive_list_item_hover_color'] ?>;
596 }
597 .betterdocs-search-form-wrap{
598 <?php if(!empty($output['betterdocs_live_search_background_color'])) { ?>
599 background-color: <?php echo $output['betterdocs_live_search_background_color'] ?>;
600 <?php } ?>
601 <?php if(!empty($output['betterdocs_live_search_background_image'])) { ?>
602 background-image: url(<?php echo $output['betterdocs_live_search_background_image'] ?>);
603 <?php } ?>
604 <?php if(!empty($output['betterdocs_live_search_background_size'])) { ?>
605 background-size: <?php echo $output['betterdocs_live_search_background_size'] ?>;
606 <?php } ?>
607 <?php if(!empty($output['betterdocs_live_search_background_repeat'])) { ?>
608 background-repeat: <?php echo $output['betterdocs_live_search_background_repeat'] ?>;
609 <?php } ?>
610 <?php if(!empty($output['betterdocs_live_search_background_attachment'])) { ?>
611 background-attachment: <?php echo $output['betterdocs_live_search_background_attachment'] ?>;
612 <?php } ?>
613 <?php if(!empty($output['betterdocs_live_search_background_position'])) { ?>
614 background-position: <?php echo $output['betterdocs_live_search_background_position'] ?>;
615 <?php } ?>
616 padding-top: <?php echo $output['betterdocs_live_search_padding_top'] ?>px;
617 padding-right: <?php echo $output['betterdocs_live_search_padding_right'] ?>px;
618 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] ?>px;
619 padding-left: <?php echo $output['betterdocs_live_search_padding_left'] ?>px;
620 }
621 .betterdocs-search-heading h2 {
622 line-height: 1.2;
623 font-size: <?php echo $output['betterdocs_live_search_heading_font_size'] ?>px;
624 color: <?php echo $output['betterdocs_live_search_heading_font_color'] ?>;
625 margin-top: <?php echo $output['betterdocs_search_heading_margin_top'] ?>px;
626 margin-right: <?php echo $output['betterdocs_search_heading_margin_right'] ?>px;
627 margin-bottom: <?php echo $output['betterdocs_search_heading_margin_bottom'] ?>px;
628 margin-left: <?php echo $output['betterdocs_search_heading_margin_left'] ?>px;
629 }
630 .betterdocs-search-heading h3 {
631 line-height: 1.2;
632 font-size: <?php echo $output['betterdocs_live_search_subheading_font_size'] ?>px;
633 color: <?php echo $output['betterdocs_live_search_subheading_font_color'] ?>;
634 margin-top: <?php echo $output['betterdocs_search_subheading_margin_top'] ?>px;
635 margin-right: <?php echo $output['betterdocs_search_subheading_margin_right'] ?>px;
636 margin-bottom: <?php echo $output['betterdocs_search_subheading_margin_bottom'] ?>px;
637 margin-left: <?php echo $output['betterdocs_search_subheading_margin_left'] ?>px;
638 }
639 .betterdocs-searchform {
640 background-color: <?php echo $output['betterdocs_search_field_background_color'] ?>;
641 border-radius: <?php echo $output['betterdocs_search_field_border_radius'] ?>px;
642 padding-top: <?php echo $output['betterdocs_search_field_padding_top'] ?>px;
643 padding-right: <?php echo $output['betterdocs_search_field_padding_right'] ?>px;
644 padding-bottom: <?php echo $output['betterdocs_search_field_padding_bottom'] ?>px;
645 padding-left: <?php echo $output['betterdocs_search_field_padding_left'] ?>px;
646 }
647 .betterdocs-searchform .betterdocs-search-field{
648 font-size: <?php echo $output['betterdocs_search_field_font_size'] ?>px;
649 color: <?php echo $output['betterdocs_search_field_color'] ?>;
650 }
651 .betterdocs-searchform svg.docs-search-icon {
652 fill: <?php echo $output['betterdocs_search_icon_color'] ?>;
653 height: <?php echo $output['betterdocs_search_icon_size'] ?>px;
654 }
655 .docs-search-close path.close-line {
656 fill: <?php echo $output['betterdocs_search_close_icon_color'] ?>;
657 }
658 .docs-search-close path.close-border {
659 fill: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
660 }
661 .docs-search-loader {
662 stroke: <?php echo $output['betterdocs_search_close_icon_border_color'] ?>;
663 }
664 .betterdocs-searchform svg.docs-search-icon:hover {
665 fill: <?php echo $output['betterdocs_search_icon_hover_color'] ?>;
666 }
667 .betterdocs-live-search .docs-search-result {
668 width: <?php echo $output['betterdocs_search_result_width'] ?>%;
669 max-width: <?php echo $output['betterdocs_search_result_max_width'] ?>px;
670 background-color: <?php echo $output['betterdocs_search_result_background_color'] ?>;
671 border-color: <?php echo $output['betterdocs_search_result_border_color'] ?>;
672 }
673 .betterdocs-search-result-wrap::before {
674 border-color: transparent transparent <?php echo $output['betterdocs_search_result_background_color'] ?>;
675 }
676 .betterdocs-live-search .docs-search-result li {
677 border-color: <?php echo $output['betterdocs_search_result_item_border_color'] ?>;
678 }
679 .betterdocs-live-search .docs-search-result li a {
680 font-size: <?php echo $output['betterdocs_search_result_item_font_size'] ?>px;
681 color: <?php echo $output['betterdocs_search_result_item_font_color'] ?>;
682 padding-top: <?php echo $output['betterdocs_search_result_item_padding_top'] ?>px;
683 padding-right: <?php echo $output['betterdocs_search_result_item_padding_right'] ?>px;
684 padding-bottom: <?php echo $output['betterdocs_search_result_item_padding_bottom'] ?>px;
685 padding-left: <?php echo $output['betterdocs_search_result_item_padding_left'] ?>px;
686 }
687 .betterdocs-live-search .docs-search-result li:only-child {
688 font-size: <?php echo $output['betterdocs_search_result_item_font_size'] ?>px;
689 color: <?php echo $output['betterdocs_search_result_item_font_color'] ?>;
690 }
691 .betterdocs-live-search .docs-search-result li:hover {
692 background-color: <?php echo $output['betterdocs_search_result_item_hover_background_color'] ?>;
693 }
694 .betterdocs-live-search .docs-search-result li a:hover {
695 color: <?php echo $output['betterdocs_search_result_item_hover_font_color'] ?>;
696 }
697 .betterdocs-category-box.pro-layout-3 .docs-single-cat-wrap img,
698 .docs-cat-list-2-box img {
699 margin-right: <?php echo $output['betterdocs_doc_page_column_content_space_image'] ?>px;
700 }
701 .betterdocs-wraper .betterdocs-search-form-wrap.cat-layout-4 {
702 padding-bottom: <?php echo $output['betterdocs_live_search_padding_bottom'] + 80 ?>px;
703 }
704 </style>
705 <script>
706 jQuery(document).ready(function() {
707 var masonryGrid = jQuery(".betterdocs-categories-wrap.layout-masonry");
708 var columnPerGrid = jQuery(".betterdocs-categories-wrap.layout-masonry").attr('data-column');
709 var masonryItem = jQuery(".betterdocs-categories-wrap.layout-masonry .docs-single-cat-wrap");
710 var doc_page_column_space = <?php echo $output['betterdocs_doc_page_column_space'] ?>;
711 var total_margin = columnPerGrid * doc_page_column_space;
712 if (masonryGrid.length) {
713 masonryItem.css("width", "calc((100% - "+total_margin+"px) / "+parseInt(columnPerGrid)+")");
714 masonryGrid.masonry({
715 itemSelector: ".docs-single-cat-wrap",
716 percentPosition: true,
717 gutter: doc_page_column_space
718 });
719 }
720 });
721 </script>
722 <?php
723 }
724 add_action( 'wp_head', 'betterdocs_customize_css');