appside-options-style.php (19603B)
1 <?php 2 if ( ! defined( 'ABSPATH' ) ) { 3 exit(); //exit if access directly 4 } 5 $appside = Appside(); 6 global $theme_customize_css; 7 $theme_customize_css = ''; 8 9 ob_start(); 10 11 /*--------------------------------- 12 Preloader 13 ---------------------------------*/ 14 $preloader_bg_color = cs_get_option('preloader_bg_color'); 15 echo <<<CSS 16 .preloader-wrapper{ 17 background-color: {$preloader_bg_color}; 18 } 19 CSS; 20 21 /*--------------------------------- 22 Breadcrumb 23 ---------------------------------*/ 24 $breadcrumb_bg = cs_get_option('breadcrumb_bg'); 25 $breadcrumb_bg_image = isset($breadcrumb_bg['background-image']['url']) && !empty($breadcrumb_bg['background-image']['url']) ? $breadcrumb_bg['background-image']['url'] : ''; 26 $breadcrumb_bg_image_size = isset($breadcrumb_bg['background-size']) && !empty($breadcrumb_bg['background-size']) ? $breadcrumb_bg['background-size'] : 'cover'; 27 $breadcrumb_bg_image_position = isset($breadcrumb_bg['background-position']) && !empty($breadcrumb_bg['background-position']) ? $breadcrumb_bg['background-position'] : 'center center'; 28 $breadcrumb_bg_image_repeat = isset($breadcrumb_bg['background-repeat']) && !empty($breadcrumb_bg['background-repeat']) ? $breadcrumb_bg['background-repeat'] : 'no-repeat'; 29 $breadcrumb_bg_image_attachment = isset($breadcrumb_bg['background-attachment']) && !empty($breadcrumb_bg['background-attachment']) ? $breadcrumb_bg['background-attachment'] : 'scroll'; 30 echo <<<CSS 31 .breadcrumb-area{ 32 background-image:url({$breadcrumb_bg_image}) ; 33 background-position :{$breadcrumb_bg_image_position}; 34 background-repeat:{$breadcrumb_bg_image_repeat}; 35 background-size:{$breadcrumb_bg_image_size}; 36 background-attachment:{$breadcrumb_bg_image_attachment}; 37 } 38 CSS; 39 40 /*--------------------------------- 41 Footer Options 42 ---------------------------------*/ 43 $footer_spacing = cs_get_switcher_option('footer_spacing'); 44 $footer_top_spacing = cs_get_option('footer_top_spacing'); 45 $footer_bottom_spacing = cs_get_option('footer_bottom_spacing'); 46 $footer_padding_top = !empty($footer_top_spacing) ? 'padding-top:'.$appside->sanitize_px($footer_top_spacing).';': ''; 47 $footer_padding_bottom = !empty($footer_bottom_spacing) ? 'padding-bottom:'.$appside->sanitize_px($footer_bottom_spacing).';': ''; 48 49 if ($footer_spacing){ 50 echo <<<CSS 51 .footer-top{ 52 {$footer_padding_top} 53 {$footer_padding_bottom} 54 } 55 CSS; 56 57 } 58 /*--------------------------------- 59 Copyright Area Options 60 ---------------------------------*/ 61 $copyright_area_spacing = cs_get_switcher_option('copyright_area_spacing'); 62 $copyright_area_top_spacing = cs_get_option('copyright_area_top_spacing'); 63 $copyright_area_bottom_spacing = cs_get_option('copyright_area_bottom_spacing'); 64 $copyright_padding_top = !empty($copyright_area_top_spacing) ? 'padding-top:'.$appside->sanitize_px($copyright_area_top_spacing).';': ''; 65 $copyright_padding_bottom = !empty($copyright_area_bottom_spacing) ? 'padding-bottom:'.$appside->sanitize_px($copyright_area_bottom_spacing).';': ''; 66 67 if ($copyright_area_spacing){ 68 echo <<<CSS 69 .copyright-inner{ 70 {$copyright_padding_top} 71 {$copyright_padding_bottom} 72 } 73 CSS; 74 75 } 76 77 78 /*--------------------------------- 79 Header One 80 ---------------------------------*/ 81 $header_01_nav_bar_bg_color = cs_get_customize_option( 'header_01_nav_bar_bg_color' ); 82 $header_01_nav_bar_color = cs_get_customize_option( 'header_01_nav_bar_color' ); 83 $header_01_dropdown_bg_color = cs_get_customize_option( 'header_01_dropdown_bg_color' ); 84 $header_01_dropdown_color = cs_get_customize_option( 'header_01_dropdown_color' ); 85 86 echo <<<CSS 87 .header-style-default .navbar-area.navbar-default .nav-container .navbar-collapse .navbar-nav li a, 88 .header-style-default .navbar-area.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before{ 89 color: {$header_01_nav_bar_color}; 90 } 91 .header-style-default .navbar-area.navbar-default { 92 background-color: {$header_01_nav_bar_bg_color}; 93 } 94 .header-style-default .navbar-area.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { 95 background-color: {$header_01_dropdown_bg_color}; 96 color: {$header_01_dropdown_color}; 97 } 98 .header-style-default .navbar-area.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover { 99 background-color: var(--main-color-one); 100 color: #fff; 101 } 102 .header-style-default .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover { 103 color: var(--main-color-one); 104 } 105 CSS; 106 107 /*--------------------------------- 108 Header Two 109 ---------------------------------*/ 110 $header_02_nav_bar_bg_color = cs_get_customize_option( 'header_02_nav_bar_bg_color' ); 111 $header_02_nav_bar_color = cs_get_customize_option( 'header_02_nav_bar_color' ); 112 $header_02_dropdown_bg_color = cs_get_customize_option( 'header_02_dropdown_bg_color' ); 113 $header_02_dropdown_color = cs_get_customize_option( 'header_02_dropdown_color' ); 114 115 echo <<<CSS 116 .header-style-01 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li a, 117 .header-style-01 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before{ 118 color: {$header_02_nav_bar_color}; 119 } 120 .header-style-01 .navbar-area.navbar-style-transparent { 121 background-color: {$header_02_nav_bar_bg_color}; 122 } 123 .header-style-01 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { 124 background-color: {$header_02_dropdown_bg_color}; 125 color: {$header_02_dropdown_color}; 126 } 127 .header-style-01 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover { 128 background-color: var(--main-color-one); 129 color: #fff; 130 } 131 132 CSS; 133 /*--------------------------------- 134 Header Three 135 ---------------------------------*/ 136 $header_03_nav_bar_bg_color = cs_get_customize_option( 'header_03_nav_bar_bg_color' ); 137 $header_03_nav_bar_color = cs_get_customize_option( 'header_03_nav_bar_color' ); 138 $header_03_dropdown_bg_color = cs_get_customize_option( 'header_03_dropdown_bg_color' ); 139 $header_03_dropdown_color = cs_get_customize_option( 'header_03_dropdown_color' ); 140 141 //btn one options 142 $header_03_btn_one_border_color = cs_get_customize_option('header_03_btn_one_border_color'); 143 $header_03_btn_one_color = cs_get_customize_option('header_03_btn_one_color'); 144 $header_03_btn_one_hover_border_color = cs_get_customize_option('header_03_btn_one_hover_border_color'); 145 $header_03_btn_one_hover_color = cs_get_customize_option('header_03_btn_one_hover_color'); 146 $header_03_btn_one_hover_bg_color = cs_get_customize_option('header_03_btn_one_hover_bg_color'); 147 148 //button two options 149 $header_03_btn_two_background_color = cs_get_customize_option('header_03_btn_two_background_color'); 150 $header_03_btn_two_color = cs_get_customize_option('header_03_btn_two_color'); 151 152 echo <<<CSS 153 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li a, 154 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before{ 155 color: {$header_03_nav_bar_color}; 156 } 157 .header-style-02 .navbar-area.navbar-style-transparent { 158 background-color: {$header_03_nav_bar_bg_color}; 159 } 160 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { 161 background-color: {$header_03_dropdown_bg_color}; 162 color: {$header_03_dropdown_color}; 163 } 164 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover { 165 background-color: var(--main-color-one); 166 color: #fff; 167 } 168 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .nav-right-content ul li .boxed-btn:first-child{ 169 border-color:{$header_03_btn_one_border_color}; 170 color:{$header_03_btn_one_color}; 171 } 172 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .nav-right-content ul li .boxed-btn:first-child:hover { 173 background-color: {$header_03_btn_one_hover_bg_color}; 174 border-color: {$header_03_btn_one_hover_border_color}; 175 color: {$header_03_btn_one_hover_color}; 176 } 177 .header-style-02 .navbar-area.navbar-style-transparent .nav-container .nav-right-content ul li .boxed-btn { 178 background-color: {$header_03_btn_two_background_color}; 179 color: {$header_03_btn_two_color}; 180 } 181 CSS; 182 /*--------------------------------- 183 Header Four 184 ---------------------------------*/ 185 $header_04_nav_bar_bg_color = cs_get_customize_option( 'header_04_nav_bar_bg_color' ); 186 $header_04_nav_bar_color = cs_get_customize_option( 'header_04_nav_bar_color' ); 187 $header_04_dropdown_bg_color = cs_get_customize_option( 'header_04_dropdown_bg_color' ); 188 $header_04_dropdown_color = cs_get_customize_option( 'header_04_dropdown_color' ); 189 190 //button two options 191 $header_04_btn_background_color = cs_get_customize_option('header_04_btn_background_color'); 192 $header_04_btn_color = cs_get_customize_option('header_04_btn_color'); 193 194 echo <<<CSS 195 .header-style-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li a, 196 .header-style-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before{ 197 color: {$header_04_nav_bar_color}; 198 } 199 .header-style-03 .navbar-area { 200 background-color: {$header_04_nav_bar_bg_color}; 201 } 202 .header-style-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { 203 background-color: {$header_04_dropdown_bg_color}; 204 color: {$header_04_dropdown_color}; 205 } 206 .header-style-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover { 207 background-color: var(--main-color-one); 208 color: #fff; 209 } 210 211 .header-style-03 .navbar-area .nav-container .nav-right-content ul li .boxed-btn { 212 background-color: {$header_04_btn_background_color}; 213 color: {$header_04_btn_color}; 214 border-color: {$header_04_btn_background_color}; 215 } 216 CSS; 217 /*--------------------------------- 218 Sidebar 219 ---------------------------------*/ 220 $widget_border_color = cs_get_customize_option( 'sidebar_widget_border_color' ); 221 $widget_title_color = cs_get_customize_option( 'sidebar_widget_title_color' ); 222 $widget_text_color = cs_get_customize_option( 'sidebar_widget_text_color' ); 223 224 echo <<<CSS 225 .widget{ 226 border-color: {$widget_border_color} !important; 227 } 228 .widget .widget-title, 229 .widget_rss ul li a.rsswidget, 230 .widget .recent_post_item li.single-recent-post-item .content .title>a{ 231 color:{$widget_title_color} 232 } 233 .widget ul li a, 234 .widget ul li , 235 .widget p, 236 .widget .table td, 237 .widget .table th, 238 .widget caption, 239 .widget_tag_cloud .tagcloud a, 240 .calendar_wrap table td,.calendar_wrap table tr { 241 color:{$widget_text_color} 242 } 243 CSS; 244 /*----------------------------------- 245 Footer Options 246 -----------------------------------*/ 247 $footer_area_bg_color = cs_get_customize_option( 'footer_area_bg_color' ); 248 $footer_widget_title_color = cs_get_customize_option( 'footer_widget_title_color' ); 249 $footer_widget_text_color = cs_get_customize_option( 'footer_widget_text_color' ); 250 $copyright_area_border_top_color = cs_get_customize_option( 'copyright_area_border_top_color' ); 251 $copyright_area_text_color = cs_get_customize_option( 'copyright_area_text_color' ); 252 253 echo <<<CSS 254 .footer-area{ 255 background-color: {$footer_area_bg_color}; 256 } 257 CSS; 258 259 echo <<<CSS 260 261 .widget.footer-widget p, 262 .footer-widget.widget_tag_cloud .tagcloud a, 263 .widget.footer-widget.widget_calendar caption, 264 .widget.footer-widget.widget_calendar th, 265 .widget.footer-widget.widget_calendar td, 266 .footer-widget.widget p, 267 .footer-widget.widget a, 268 .footer-widget.widget, 269 .widget.footer-widget ul li a, .widget.footer-widget ul li{ 270 color: {$footer_widget_text_color}; 271 } 272 .widget.footer-widget .widget-title , 273 .widget.footer-widget .widget-title a, 274 .footer-widget.widget_rss ul li a.rsswidget, 275 .footer-widget.widget .recent_post_item li.single-recent-post-item .content .title>a{ 276 color: {$footer_widget_title_color}; 277 } 278 .footer-widget.widget_appside_about_us .social-icon li a { 279 color: var(--main-color-one) !important; 280 } 281 282 CSS; 283 /* Copyright Area 284 * */ 285 echo <<<CSS 286 .copyright-inner { 287 border-top: 1px solid {$copyright_area_border_top_color}; 288 color: {$copyright_area_text_color}; 289 } 290 CSS; 291 292 /*--------------------------------- 293 404 Error Page Options 294 ---------------------------------*/ 295 $error_page_bg_color = cs_get_option( '404_bg_color' ) ? cs_get_option( '404_bg_color' ) : '#fff'; 296 $err_404_spacing_top = cs_get_option( '404_spacing_top' ) ? cs_get_option( '404_spacing_top' ) : 120; 297 $err_404_spacing_bottom = cs_get_option( '404_spacing_bottom' ) ? cs_get_option( '404_spacing_bottom' ) : 120; 298 echo <<<CSS 299 .error_page_content_area { 300 background-color: {$error_page_bg_color}; 301 padding-top: {$appside->sanitize_px( $err_404_spacing_top )}; 302 padding-bottom: {$appside->sanitize_px( $err_404_spacing_bottom )}; 303 } 304 CSS; 305 /*--------------------------------- 306 Blog Page Options 307 ---------------------------------*/ 308 $blog_page_bg_color = cs_get_option( 'blog_bg_color' ) ? cs_get_option( 'blog_bg_color' ) : '#fff'; 309 $blog_page_spacing_top = cs_get_option( 'blog_spacing_top' ) ? cs_get_option( 'blog_spacing_top' ) : 120; 310 $blog_page_spacing_bottom = cs_get_option( 'blog_spacing_bottom' ) ? cs_get_option( 'blog_spacing_bottom' ) : 120; 311 echo <<<CSS 312 .blog-page-content-area { 313 background-color: {$blog_page_bg_color}; 314 padding-top: {$appside->sanitize_px( $blog_page_spacing_top )}; 315 padding-bottom: {$appside->sanitize_px( $blog_page_spacing_bottom )}; 316 } 317 CSS; 318 /*--------------------------------- 319 Blog Single Page Options 320 ---------------------------------*/ 321 $blog_single_page_bg_color = cs_get_option( 'blog_single_bg_color' ) ? cs_get_option( 'blog_single_bg_color' ) : '#fff'; 322 $blog_single_page_spacing_top = cs_get_option( 'blog_single_spacing_top' ) ? cs_get_option( 'blog_single_spacing_top' ) : 120; 323 $blog_single_page_spacing_bottom = cs_get_option( 'blog_single_spacing_bottom' ) ? cs_get_option( 'blog_single_spacing_bottom' ) : 120; 324 echo <<<CSS 325 .blog-single-page-content-area { 326 background-color: {$blog_single_page_bg_color}; 327 padding-top: {$appside->sanitize_px( $blog_single_page_spacing_top )}; 328 padding-bottom: {$appside->sanitize_px( $blog_single_page_spacing_bottom )}; 329 } 330 CSS; 331 /*--------------------------------- 332 Archive Page Options 333 ---------------------------------*/ 334 $archive_page_bg_color = cs_get_option( 'archive_bg_color' ) ? cs_get_option( 'archive_bg_color' ) : '#fff'; 335 $archive_page_spacing_top = cs_get_option( 'archive_spacing_top' ) ? cs_get_option( 'archive_spacing_top' ) : 120; 336 $archive_page_spacing_bottom = cs_get_option( 'archive_spacing_bottom' ) ? cs_get_option( 'archive_spacing_bottom' ) : 120; 337 echo <<<CSS 338 .archive-page-content-area { 339 background-color: {$archive_page_bg_color}; 340 padding-top: {$appside->sanitize_px( $archive_page_spacing_top )}; 341 padding-bottom: {$appside->sanitize_px( $archive_page_spacing_bottom )}; 342 } 343 CSS; 344 /*--------------------------------- 345 Search Page Options 346 ---------------------------------*/ 347 $search_page_bg_color = cs_get_option( 'search_bg_color' ) ? cs_get_option( 'search_bg_color' ) : '#fff'; 348 $search_page_spacing_top = cs_get_option( 'search_spacing_top' ) ? cs_get_option( 'search_spacing_top' ) : 120; 349 $search_page_spacing_bottom = cs_get_option( 'search_spacing_bottom' ) ? cs_get_option( 'search_spacing_bottom' ) : 120; 350 echo <<<CSS 351 .search-page-content-area { 352 background-color: {$search_page_bg_color}; 353 padding-top: {$appside->sanitize_px( $search_page_spacing_top )}; 354 padding-bottom: {$appside->sanitize_px( $search_page_spacing_bottom )}; 355 } 356 CSS; 357 358 359 /*-------------------------------- 360 Portfolio Details Page 361 --------------------------------*/ 362 $portfolio_bg_color = cs_get_option( 'portfolio_bg_color' ) ? cs_get_option( 'portfolio_bg_color' ) : '#fff'; 363 $portfolio_spacing_top = cs_get_option( 'portfolio_spacing_top' ) ? cs_get_option( 'portfolio_spacing_top' ) : 120; 364 $portfolio_spacing_bottom = cs_get_option( 'portfolio_spacing_bottom' ) ? cs_get_option( 'portfolio_spacing_bottom' ) : 120; 365 echo <<<CSS 366 .portfolio-details-page { 367 background-color: {$portfolio_bg_color}; 368 padding-top: {$appside->sanitize_px( $portfolio_spacing_top )}; 369 padding-bottom: {$appside->sanitize_px( $portfolio_spacing_bottom )}; 370 } 371 CSS; 372 373 /*-------------------------------- 374 Typography 375 --------------------------------*/ 376 377 /* body font */ 378 $body_font = cs_get_option('_body_font') ? cs_get_option('_body_font') : false; 379 $body_font_variant = cs_get_option('body_font_variant') ? cs_get_option('body_font_variant') : false; 380 $body_font['family'] = ( isset($body_font['font-family']) && !empty($body_font['font-family']) ) ? $body_font['font-family'] : 'Poppins'; 381 $body_font['weight'] = ( isset($body_font['font-weight']) && !empty($body_font['font-weight']) ) ? $body_font['font-weight'] : '400'; 382 $body_font['size'] = ( isset($body_font['font-size']) && !empty($body_font['font-size']) ) ? $body_font['font-size'] : '16px'; 383 $body_font['height'] = ( isset($body_font['line-height']) && !empty($body_font['line-height']) ) ? $body_font['line-height'] : '26px'; 384 385 echo <<<CSS 386 html, 387 body{ 388 font-family: "{$body_font['family']}", sans-serif; 389 } 390 body,p{ 391 font-size : {$appside->sanitize_px($body_font['size'])}; 392 font-weight:{$body_font['weight'] }; 393 } 394 :root { 395 --body-font: "{$body_font['family']}", sans-serif; 396 } 397 CSS; 398 399 /* heading font */ 400 $heading_font_enable = false; 401 if (null == cs_get_option('heading_font_enable')){ 402 $heading_font_enable = false; 403 }elseif ('0' == cs_get_option('heading_font_enable')){ 404 $heading_font_enable = true; 405 }elseif('1' == cs_get_option('heading_font_enable')){ 406 $heading_font_enable = false; 407 } 408 $heading_font = cs_get_option('heading_font') ? cs_get_option('heading_font') : false; 409 $heading_font_variant = cs_get_option('heading_font_variant') ? cs_get_option('heading_font_variant') : false; 410 $heading_font['family'] = ( isset($heading_font['font-family']) && !empty($heading_font['font-family']) ) ? $heading_font['font-family'] : 'Poppins'; 411 $heading_font['weight'] = ( isset($heading_font['font-weight']) && !empty($heading_font['font-weight']) ) ? $heading_font['font-weight'] : '700'; 412 413 if (!$heading_font_enable){ 414 echo <<<CSS 415 h1, 416 h2, 417 h3, 418 h4, 419 h5, 420 h6{ 421 font-family: "{$heading_font['family']}", sans-serif; 422 font-weight:{$heading_font['weight'] }; 423 } 424 :root { 425 --heading-font: "{$heading_font['family']}", sans-serif; 426 } 427 CSS; 428 429 }else{ 430 echo <<<CSS 431 :root { 432 --heading-font: "{$body_font['family']}", sans-serif; 433 } 434 CSS; 435 436 } 437 438 439 440 441 /*--------------------------------- 442 Main Color 443 ---------------------------------*/ 444 $main_color = cs_get_customize_option('main_color'); 445 $secondary_color = cs_get_customize_option('secondary_color'); 446 $heading_color = cs_get_customize_option('heading_color'); 447 $paragraph_color = cs_get_customize_option('paragraph_color'); 448 449 echo <<<CSS 450 :root { 451 --main-color-one: {$main_color}; 452 --secondary-color: {$secondary_color}; 453 --heading-color:{$heading_color}; 454 --paragraph-color: {$paragraph_color}; 455 } 456 CSS; 457 458 459 $theme_customize_css = ob_get_clean();