<?php
defined( '_JEXEC' ) or die( 'Restricted index access' );
include ("convert_rgb.php");
$document->addStyleDeclaration('
:root {
--primary: '.$this->params->get('button_color').';
--primary-color: '.$this->params->get('button_color').';
--secondary-color: '.$this->params->get('button_hover_color').';
--base-color: '.$this->params->get('body_font_color').';
--button-color: '.$this->params->get('button_color').';
--hornav_font_color: '.$this->params->get('hornav_font_color').';
--mobile-menu-bg: '.$this->params->get('mobile_menu_bg').';
--mobile-menu-toggle: '.$this->params->get('mobile_menu_color').';
}
.hornav>ul>li>a, .hornav>ul>li>span {
white-space: nowrap;
}
.j51-inline-icon svg {
display: inline-block;
font-size: inherit;
max-width: 1em;
max-height: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.hornav .j51-inline-icon svg {
max-width: 12px;
margin-left: 5px;
position: relative;
top: -1px;
}
.layerslideshow .slidelink {
z-index: 1111;
}
body, .hornav ul ul, .hornav ul ul a {
color: '.$this->params->get('body_font_color').';
font-family:'.str_replace("+"," ",$body_fontstyle).';
font-size: '.$this->params->get('body_fontsize').'px;
}
.header_row {
background-color: '.$this->params->get('header_color').';
}
#logo, #logo::before, .hornav > ul > li::before {
background-color: '.$this->params->get('logo_bg_color').';
}
a {
color: '.$this->params->get('content_link_color').';
}
h1 {
font-family:'.str_replace("+"," ",$h1head_fontstyle).'
}
h2,
h2 a:link,
h2 a:visited {
color: '.$this->params->get('articletitle_font_color').';
font-family:'.str_replace("+"," ",$articlehead_fontstyle).'
}
h3,
.module h3,
.module_menu h3,
.btn,
button {
color: '.$this->params->get('modulehead_font_color').';
font-family:'.str_replace("+"," ",$modulehead_fontstyle).'
}
h4 {
font-family:'.str_replace("+"," ",$h4head_fontstyle).';
color: '.$this->params->get('h4head_font_color').';
}
.hornav, .btn, .button, button {
font-family:'.str_replace("+"," ",$hornav_fontstyle).'
}
hr {
border-color: '.$this->params->get('content_link_color').' !important;
}
.wrapper960 {
width: '.$this->params->get('wrapper_width').'px;
}
.logo a {
top: '.$this->params->get('logo_y').'px;
left: '.$this->params->get('logo_x').'px;
}
.logo-text h1,
.logo-text h1 a {
color: '.$this->params->get('logo_font_color').';
font-family:'.str_replace("+"," ",$logo_fontstyle).';
font-size: '.$this->params->get('logo_font_size').'px;
}
.site-slogan {
color: '.$this->params->get('slogan_font_color').';
font-size: '.$this->params->get('slogan_font_size').'px;
}
.hornav ul li a,
.hornav > ul > .parent::after,
.hornav .menu li [class^="fa-"]::before,
.hornav .menu li [class*=" fa-"]::before {
color: '.$this->params->get('hornav_font_color').';
}
.hornav > ul > li::before {
background-color: '.$this->params->get('button_color').';
}
.hornav ul ul li a {
color: '.$this->params->get('hornav_dd_color').';
}
.hornav ul ul {
background-color: '.$this->params->get('hornav_ddbackground_color').';
}
.hornav ul ul:before {
border-color: transparent transparent '.$this->params->get('hornav_ddbackground_color').' transparent;
}
.sidecol_a {
width: '.$this->params->get('sidecola_width').'%;
}
.sidecol_b {
width: '.$this->params->get('sidecolb_width').'%;
}
@media only screen and (max-width: '.$this->params->get('headerslidewidth').'px) {
.vegas-slide-inner {
background-size: cover !important;
}
}
.btn, button, .btn-group.open .btn.dropdown-toggle, .input-append .add-on, .input-prepend .add-on, .pager.pagenav a, .btn-primary:active,
.btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn:hover, .slidesjs-next.slidesjs-navigation,
.slidesjs-previous.slidesjs-navigation,
.search .icon-search, .dropdown-toggle, .label-info[href], .badge-info[href], #mc-embedded-subscribe:hover, .tagspopular a:hover,
.hornav > ul > li > ul > li:hover > a, .hornav > ul > li ul > li > ul > li:hover > a {
background-color: '.$this->params->get('button_color').';
color: #fff;
}
.btn, .button, button, .item-title::after, .page-header::after, .j51_profile .profile-image::after, .j51news .newsimg::after {
background-color: '.$this->params->get('button_color').';
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .readmore .btn:hover, .dropdown-toggle:hover,
.search .icon-search:hover, .search .button:hover, .owl-theme .owl-controls.clickable .owl-buttons div:hover {
background-color: '.$this->params->get('button_hover_color').' !important; color: #ffffff;
}
.btn:hover, .button:hover, button:hover {
border-color: '.$this->params->get('button_hover_color').';
}
.owl-theme .owl-controls .owl-buttons div {
background-color: '.$this->params->get('button_color').' !important;
}
.tags .label-info[href] {
background-color: transparent;
color: '.$this->params->get('button_color').';
}
.owl-theme .owl-controls .owl-buttons div {
background-color: '.$this->params->get('button_color').' !important;
}
body, #body_panel {background-color: '.$this->params->get('bgcolor').';}
.slicknav_menu, .slideout-menu {
background: '.$this->params->get('mobile_menu_bg').'
}
.slideout-toggle .fa-bars::before {
color: '.$this->params->get('mobile_menu_color').' !important;
}
#container_main {
background-color: '.$this->params->get('elementcolor3').';
}
#container_base {
background-color: '.$this->params->get('elementcolor9').';
}
[id] {
scroll-margin-top: '.$this->params->get('scrollto_offset').'px;
}
.pagination {
list-style: none;
}
@media only screen and (max-width: 767px) {
#main {
display: flex;
flex-direction: column;
}
}
');
// Responsive Logo
if($this->params->get('mobilelogoimagefile') != '') {
$document->addStyleDeclaration('@media only screen and (max-width: '.$this->params->get('mobilelogo_breakpoint').'px) {.primary-logo-image{display:none;} .mobile-logo-image{display:inline-block;}}');
}
// Responsive Style
if($this->params->get('responsive_sw')) {
$document->addCustomTag('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>');
$document->addStyleDeclaration('
@media only screen and (max-width: '.$this->params->get('wrapper_width').'px) {
.module_block, .wrapper960 {
width:100% !important;
}
.content_main {
border-radius: 0;
}
}
@media only screen and (max-width: '.$this->params->get('hornav_breakpoint').'px) {
.hornav {display:none !important;}
.slicknav_menu, .slideout-toggle {display:block;}
#header {
background-color: transparent !important;
box-shadow: none !important;
}
#container_header_slide {
padding-top: 60px;
}
}
');
}
// Responsive Switches
if($this->params->get('responsive_sw') == "1") {
if($this->params->get('res_sidecola_sw') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {.sidecol_a {display:none;}}');
}
}
if($this->params->get('responsive_sw') == "1") {
if($this->params->get('res_sidecolb_sw') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {.sidecol_b {display:none;}}');
}
}
if($this->params->get('responsive_sw') == "1") {
if($this->params->get('res_base_sw') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {#base1_modules, #base2_modules {display:none;}}');
}
}
if($this->params->get('responsive_sw') == "1") {
if($this->params->get('res_header1_sw') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {.header-1 {display:none;}}');
}
}
if($this->params->get('responsive_sw') == "1") {
if($this->params->get('res_header2_sw') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {.header-2 {display:none;}}');
}
}
if($this->params->get('responsive_sw') == "1") {
if($this->params->get('mobile_showcase_sw') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {.showcase {display:none;} .mobile_showcase {display:inline;}}');
}
}
// Responsive Custom CSS
if($this->params->get('tabport_css') != "1") {
$document->addStyleDeclaration('@media only screen and (min-width: 768px) and (max-width: 959px) {'.$this->params->get('tabport_css').'}');
}
if($this->params->get('mobland_css') != "1") {
$document->addStyleDeclaration('@media only screen and ( max-width: 767px ) {'.$this->params->get('mobland_css').'}');
}
if($this->params->get('mobport_css') != "1") {
$document->addStyleDeclaration('@media only screen and (max-width: 440px) {'.$this->params->get('mobport_css').'}');
}
// Module Overrides
$moduleoverrides = $this->params->get('moduleoverrides');
if (!empty($moduleoverrides)) {
foreach ($moduleoverrides as $item) : if($item->module_position != "0") :
if (!empty($item->module_bg_image)) {
$document->addStyleDeclaration('
.'.$item->module_position.' .module_surround {
background-image: url('.$this->baseurl.'/'.$item->module_bg_image.');
background-position: 50% 50%;
}');
}
if (!empty($item->module_bg_color)) {
$document->addStyleDeclaration('
.'.$item->module_position.' .module_surround {
background-color: '.$item->module_bg_color.';
}');
}
if (!empty($item->module_text_color)) {
$document->addStyleDeclaration('
.'.$item->module_position.' {
color: '.$item->module_text_color.' !important;
}');
}
if (!empty($item->module_title_color)) {
$document->addStyleDeclaration('
.'.$item->module_position.' .module_header h3,
.'.$item->module_position.' h1,
.'.$item->module_position.' h2,
.'.$item->module_position.' h3,
.'.$item->module_position.' h4,
.'.$item->module_position.' h5,
.'.$item->module_position.' h6 {
color: '.$item->module_title_color.' !important;
}');
}
if (!empty($item->module_button_color)) {
$document->addStyleDeclaration('
.'.$item->module_position.' .btn {
background-color: '.$item->module_button_color.'
}');
}
if (!empty($item->module_padding)) {
$document->addStyleDeclaration('
.'.$item->module_position.' .module_surround {
padding: '.$item->module_padding.'px !important;
}');
}
if (!($item->module_padding_top == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {padding-top: '.$item->module_padding_top.'px !important;}');
}
if (!($item->module_padding_right == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {padding-right: '.$item->module_padding_right.'px !important;}');
}
if (!($item->module_padding_bottom == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {padding-bottom: '.$item->module_padding_bottom.'px !important;}');
}
if (!($item->module_padding_left == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {padding-left: '.$item->module_padding_left.'px !important;}');
}
if (!($item->module_margin_top == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {margin-top: '.$item->module_margin_top.'px !important;}');
}
if (!($item->module_margin_right == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {margin-right: '.$item->module_margin_right.'px !important;}');
}
if (!($item->module_margin_bottom == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {margin-bottom: '.$item->module_margin_bottom.'px !important;}');
}
if (!($item->module_margin_left == NULL)) {
$document->addStyleDeclaration('.'.$item->module_position.' .module_surround {margin-left: '.$item->module_margin_left.'px !important;}');
}
endif;
endforeach;
}
// Custom.css
$document->addStyleDeclaration($this->params->get('custom_css'));
if($this->params->get('customcss_sw') == "1") {
$document->addStyleSheet('templates/'.$this->template.'/css/custom.css');
}
?>