Ticket #268 - Extended list of customizable parts.

modules/boonex/russian/data/langs/bx_uni/ru.xml

@@ -98,15 +98,22 @@
 	<string name="_bx_uni_stg_cpt_option_popup_title_font_size"><![CDATA[Размер шрифта заголовка]]></string>
 	<string name="_bx_uni_stg_cpt_option_popup_title_font_color"><![CDATA[Цвет шрифта заголовка]]></string>
 
-	<string name="_bx_uni_stg_cpt_category_styles_menu_slide"><![CDATA[Ниспадающее меню]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_color"><![CDATA[Цвет фона]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image"><![CDATA[Изображение фона]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_repeat"><![CDATA[Повтор изображение фона]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_size"><![CDATA[Размер изображение фона]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_content_padding"><![CDATA[Контентные отступы]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_border_color"><![CDATA[Цвет границы]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_border_size"><![CDATA[Размер границы]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_shadow"><![CDATA[Тень]]></string>
+	<string name="_bx_uni_stg_cpt_category_styles_menu_main"><![CDATA[Главное меню]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_color"><![CDATA[Цвет фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_image"><![CDATA[Изображение фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_image_repeat"><![CDATA[Повтор изображение фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_image_size"><![CDATA[Размер изображение фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_content_padding"><![CDATA[Контентные отступы]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_border_color"><![CDATA[Цвет границы]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_shadow"><![CDATA[Тень]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_family"><![CDATA[Набор шрифтов]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_size"><![CDATA[Размер шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_color"><![CDATA[Цвет шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_color_hover"><![CDATA[Цвет шрифта при наведении курсора]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_color_active"><![CDATA[Цвет шрифта активного пункта меню]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_shadow"><![CDATA[Тень шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_weight"><![CDATA[Насыщенность шрифта]]></string>
 
 	<string name="_bx_uni_stg_cpt_category_styles_menu_page"><![CDATA[Страничное меню]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_bg_color"><![CDATA[Цвет фона]]></string>
@@ -117,6 +124,23 @@
 	<string name="_bx_uni_stg_cpt_option_menu_page_border_color"><![CDATA[Цвет границы]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_border_size"><![CDATA[Размер границы]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_shadow"><![CDATA[Тень]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_family"><![CDATA[Набор шрифтов]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_size"><![CDATA[Размер шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_color"><![CDATA[Цвет шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_color_hover"><![CDATA[Цвет шрифта при наведении курсора]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_color_active"><![CDATA[Цвет шрифта активного пункта меню]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_shadow"><![CDATA[Тень шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_weight"><![CDATA[Насыщенность шрифта]]></string>
+
+	<string name="_bx_uni_stg_cpt_category_styles_menu_slide"><![CDATA[Ниспадающее меню]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_color"><![CDATA[Цвет фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image"><![CDATA[Изображение фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_repeat"><![CDATA[Повтор изображение фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_size"><![CDATA[Размер изображение фона]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_content_padding"><![CDATA[Контентные отступы]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_border_color"><![CDATA[Цвет границы]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_shadow"><![CDATA[Тень]]></string>
 
 	<string name="_bx_uni_stg_cpt_category_styles_form"><![CDATA[Forms]]></string>
 	<string name="_bx_uni_stg_cpt_option_form_input_height"><![CDATA[Высота поля]]></string>

modules/boonex/uni/classes/BxUniStudioPage.php

@@ -38,8 +38,9 @@ class BxUniStudioPage extends BxTemplStudioDesign
 			$sPrefix . '_styles_block',
 			$sPrefix . '_styles_card',
 			$sPrefix . '_styles_popup',
-			$sPrefix . '_styles_menu_slide',
+			$sPrefix . '_styles_menu_main',
 			$sPrefix . '_styles_menu_page',
+			$sPrefix . '_styles_menu_slide',
 			$sPrefix . '_styles_form',
 			$sPrefix . '_styles_large_button',
 			$sPrefix . '_styles_small_button',

modules/boonex/uni/data/template/system/css/default.less

@@ -65,11 +65,6 @@
 	-moz-box-shadow: @bx-shadow-menu-slide;
 	box-shadow: @bx-shadow-menu-slide;
 }
-.bx-menu-main-bar {
-	-webkit-box-shadow: @bx-shadow-menu-page;
-	-moz-box-shadow: @bx-shadow-menu-page;
-	box-shadow: @bx-shadow-menu-page;
-}
 .bx-btn {
 	-webkit-box-shadow: @bx-shadow-button;
 	-moz-box-shadow: @bx-shadow-button;
@@ -90,7 +85,8 @@
 .bx-def-box,
 .bx-popup-color-bg,
 .bx-popup-wrapper.bx-popup-slide-wrapper,
-.bx-menu-main-bar {
+.bx-sliding-menu-main,
+.bx-menu-main-bar-wrapper {
     background-position: center center;
 }
 .bx-def-image-bg-header {
@@ -175,7 +171,7 @@ a:hover > .sys-icon-a i {
 
 /* footer */
 .bx-footer {
-	color: @bx-color-font-footer;
+	color: @bx-font-color-footer;
 }
 .bx-footer.bx-def-color-bg-footer {
     .background-color (@bx-color-footer);    
@@ -210,7 +206,7 @@ a:hover > .sys-icon-a i {
 .bx-def-font-inputs {
 	font-family: @bx-font-family-form-input;
 	font-size: @bx-font-size-form-input;
-	color: @bx-color-font-form-input;
+	color: @bx-font-color-form-input;
 }
 .bx-def-font-small {
 	color: @bx-font-color-small;
@@ -308,8 +304,44 @@ h3,
 	padding: @bx-content-padding-menu-slide;
 }
 
+/* main menu */
+.bx-sliding-menu-main {
+	-webkit-box-shadow: @bx-shadow-menu-main;
+	-moz-box-shadow: @bx-shadow-menu-main;
+	box-shadow: @bx-shadow-menu-main;
+	
+	border: @bx-border-width-menu-main solid @bx-color-border-menu-main;
+
+	background-color: @bx-color-menu-main;
+
+	background-image: url(@bx-image-bg-menu-main);
+	background-repeat: @bx-image-bg-menu-main-repeat;
+    background-size: @bx-image-bg-menu-main-size;
+}
+.bx-sliding-menu-main-cnt {
+	padding: @bx-content-padding-menu-main;
+}
+.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a {
+	text-shadow: @bx-shadow-font-menu-main;
+
+	font-family: @bx-font-family-menu-main;
+	font-size: @bx-font-size-menu-main;
+	font-weight: @bx-font-weight-menu-main;
+	color: @bx-font-color-menu-main;
+}
+.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
+	color: @bx-font-color-menu-main-active;
+}
+.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover {
+	color: @bx-font-color-menu-main-hover;
+}
+
 /* page menu */
 .bx-menu-main-bar-wrapper {
+	-webkit-box-shadow: @bx-shadow-menu-page;
+	-moz-box-shadow: @bx-shadow-menu-page;
+	box-shadow: @bx-shadow-menu-page;
+
 	border: @bx-border-width-menu-page solid @bx-color-border-menu-page;
 
 	background-color: @bx-color-menu-page;
@@ -321,8 +353,20 @@ h3,
 .bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 	padding: @bx-content-padding-menu-page;
 }
+.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
+	text-shadow: @bx-shadow-font-menu-page;
 
-
+	font-family: @bx-font-family-menu-page;
+	font-size: @bx-font-size-menu-page;
+	font-weight: @bx-font-weight-menu-page;
+	color: @bx-font-color-menu-page;
+}
+.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
+	color: @bx-font-color-menu-page-hover;
+}
+.bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
+	color: @bx-font-color-menu-page-active;
+}
 
 /* form */
 .bx-form-value .bx-form-input-slider,
@@ -378,7 +422,7 @@ h3,
 	font-family: @bx-font-family-button;
 	font-size: @bx-font-size-button;
 	font-weight: @bx-font-weight-button;
-	color: @bx-color-font-button;
+	color: @bx-font-color-button;
 }
 .bx-btn:hover,
 .bx-btn:active,
@@ -387,16 +431,16 @@ h3,
 	border: @bx-border-width-button solid @bx-color-border-button-hover;
 	.background-color (@bx-color-button-hover);
 
-	color: @bx-color-font-button-hover;
+	color: @bx-font-color-button-hover;
 }
 .bx-btn .sys-icon {
-	color: @bx-color-font-button;
+	color: @bx-font-color-button;
 }
 .bx-btn:hover .sys-icon,
 .bx-btn:active .sys-icon,
 .bx-btn.bx-btn-primary:hover .sys-icon,
 .bx-btn.bx-btn-primary:active .sys-icon {
-	color: @bx-color-font-button-hover;
+	color: @bx-font-color-button-hover;
 }
 
 /* button small */
@@ -416,19 +460,19 @@ h3,
 	font-family: @bx-font-family-button-small;
 	font-size: @bx-font-size-button-small;
 	font-weight: @bx-font-weight-button-small;
-	color: @bx-color-font-button-small;
+	color: @bx-font-color-button-small;
 }
 .bx-btn.bx-btn-small:hover,
 .bx-btn.bx-btn-small:active {
 	border: @bx-border-width-button-small solid @bx-color-border-button-small-hover;
 	.background-color (@bx-color-button-small-hover);
 
-	color: @bx-color-font-button-small-hover;
+	color: @bx-font-color-button-small-hover;
 }
 .bx-btn.bx-btn-small .sys-icon {
-	color: @bx-color-font-button-small;
+	color: @bx-font-color-button-small;
 }
 .bx-btn.bx-btn-small:hover .sys-icon,
 .bx-btn.bx-btn-small:active .sys-icon {
-	color: @bx-color-font-button-small-hover;
+	color: @bx-font-color-button-small-hover;
 }

modules/boonex/uni/data/template/system/scripts/BxTemplConfig.php

@@ -40,12 +40,16 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-image-bg-popup'] = $this->_setBgUrl($sName . '_popup_bg_image', $oStorage);
         $this->_aConfig['aLessConfig']['bx-image-bg-popup-repeat'] = $this->_setBgRepeat($sName . '_popup_bg_image_repeat', 'no-repeat');
         $this->_aConfig['aLessConfig']['bx-image-bg-popup-size'] = $this->_setBgSize($sName . '_popup_bg_image_size', 'cover');
-        $this->_aConfig['aLessConfig']['bx-image-bg-menu-slide'] = $this->_setBgUrl($sName . '_menu_slide_bg_image', $oStorage);
-        $this->_aConfig['aLessConfig']['bx-image-bg-menu-slide-repeat'] = $this->_setBgRepeat($sName . '_menu_slide_bg_image_repeat', 'no-repeat');
-        $this->_aConfig['aLessConfig']['bx-image-bg-menu-slide-size'] = $this->_setBgSize($sName . '_menu_slide_bg_image_size', 'cover');
+        $this->_aConfig['aLessConfig']['bx-image-bg-menu-main'] = $this->_setBgUrl($sName . '_menu_main_bg_image', $oStorage);
+        $this->_aConfig['aLessConfig']['bx-image-bg-menu-main-repeat'] = $this->_setBgRepeat($sName . '_menu_main_bg_image_repeat', 'no-repeat');
+        $this->_aConfig['aLessConfig']['bx-image-bg-menu-main-size'] = $this->_setBgSize($sName . '_menu_main_bg_image_size', 'cover');
         $this->_aConfig['aLessConfig']['bx-image-bg-menu-page'] = $this->_setBgUrl($sName . '_menu_page_bg_image', $oStorage);
         $this->_aConfig['aLessConfig']['bx-image-bg-menu-page-repeat'] = $this->_setBgRepeat($sName . '_menu_page_bg_image_repeat', 'no-repeat');
         $this->_aConfig['aLessConfig']['bx-image-bg-menu-page-size'] = $this->_setBgSize($sName . '_menu_page_bg_image_size', 'cover');
+        $this->_aConfig['aLessConfig']['bx-image-bg-menu-slide'] = $this->_setBgUrl($sName . '_menu_slide_bg_image', $oStorage);
+        $this->_aConfig['aLessConfig']['bx-image-bg-menu-slide-repeat'] = $this->_setBgRepeat($sName . '_menu_slide_bg_image_repeat', 'no-repeat');
+        $this->_aConfig['aLessConfig']['bx-image-bg-menu-slide-size'] = $this->_setBgSize($sName . '_menu_slide_bg_image_size', 'cover');
+        
 
         //--- Shadow
         $this->_aConfig['aLessConfig']['bx-shadow-header'] = $this->_setShadow($sName . '_header_shadow');
@@ -53,12 +57,15 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-shadow-block'] = $this->_setShadow($sName . '_block_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-card'] = $this->_setShadow($sName . '_card_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-popup'] = $this->_setShadow($sName . '_popup_shadow');
-        $this->_aConfig['aLessConfig']['bx-shadow-menu-slide'] = $this->_setShadow($sName . '_menu_slide_shadow');
+        $this->_aConfig['aLessConfig']['bx-shadow-menu-main'] = $this->_setShadow($sName . '_menu_main_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-menu-page'] = $this->_setShadow($sName . '_menu_page_shadow');
+        $this->_aConfig['aLessConfig']['bx-shadow-menu-slide'] = $this->_setShadow($sName . '_menu_slide_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-form-input'] = $this->_setShadow($sName . '_form_input_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-button'] = $this->_setShadow($sName . '_button_lg_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-button-small'] = $this->_setShadow($sName . '_button_sm_shadow');
 
+        $this->_aConfig['aLessConfig']['bx-shadow-font-menu-main'] = $this->_setShadowFont($sName . '_menu_main_font_shadow');
+        $this->_aConfig['aLessConfig']['bx-shadow-font-menu-page'] = $this->_setShadowFont($sName . '_menu_page_font_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-font-button'] = $this->_setShadowFont($sName . '_button_lg_font_shadow');
         $this->_aConfig['aLessConfig']['bx-shadow-font-button-small'] = $this->_setShadowFont($sName . '_button_sm_font_shadow');
 
@@ -76,8 +83,9 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-content-padding-block'] = $this->_setMargin($sName . '_block_content_padding');
         $this->_aConfig['aLessConfig']['bx-content-padding-card'] = $this->_setMargin($sName . '_card_content_padding');
         $this->_aConfig['aLessConfig']['bx-content-padding-popup'] = $this->_setMargin($sName . '_popup_content_padding');
-        $this->_aConfig['aLessConfig']['bx-content-padding-menu-slide'] = $this->_setMargin($sName . '_menu_slide_content_padding');
+        $this->_aConfig['aLessConfig']['bx-content-padding-menu-main'] = $this->_setMargin($sName . '_menu_main_content_padding');
         $this->_aConfig['aLessConfig']['bx-content-padding-menu-page'] = $this->_setMargin($sName . '_menu_page_content_padding');
+        $this->_aConfig['aLessConfig']['bx-content-padding-menu-slide'] = $this->_setMargin($sName . '_menu_slide_content_padding');
 
 		$this->_aConfig['aLessConfig']['bx-title-padding-block'] = $this->_setMargin($sName . '_block_title_padding');
 		$this->_aConfig['aLessConfig']['bx-title-padding-popup'] = $this->_setMargin($sName . '_popup_title_padding');
@@ -96,8 +104,9 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-color-block-title-div'] = $this->_setColorRgba($sName . '_block_title_div_bg_color', 'rgba(208, 208, 208, 1)');        
         $this->_aConfig['aLessConfig']['bx-color-box'] = $this->_setColorRgba($sName . '_card_bg_color', 'rgba(242, 242, 242, 1)');
         $this->_aConfig['aLessConfig']['bx-color-popup'] = $this->_setColorRgba($sName . '_popup_bg_color', 'rgba(255, 255, 255, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-menu-slide'] = $this->_setColorRgba($sName . '_menu_slide_bg_color', 'rgba(255, 255, 255, 1)');
+        $this->_aConfig['aLessConfig']['bx-color-menu-main'] = $this->_setColorRgba($sName . '_menu_main_bg_color', 'rgba(255, 255, 255, 0.9)');
         $this->_aConfig['aLessConfig']['bx-color-menu-page'] = $this->_setColorRgba($sName . '_menu_page_bg_color', 'rgba(242, 242, 242, 1)');
+        $this->_aConfig['aLessConfig']['bx-color-menu-slide'] = $this->_setColorRgba($sName . '_menu_slide_bg_color', 'rgba(255, 255, 255, 1)');
 		$this->_aConfig['aLessConfig']['bx-color-form-input'] = $this->_setColorRgba($sName . '_form_input_bg_color', 'rgba(255, 255, 255, 1)');
 		$this->_aConfig['aLessConfig']['bx-color-form-input-active'] = $this->_setColorRgba($sName . '_form_input_bg_color_active', 'rgba(255, 255, 255, 1)');
         $this->_aConfig['aLessConfig']['bx-color-button'] = $this->_setColorRgba($sName . '_button_lg_bg_color', 'rgba(108, 170, 138, 1)');
@@ -108,19 +117,21 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-color-font-block-title'] = $this->_setColorRgba($sName . '_block_title_font_color', 'rgba(0, 0, 20, 1)');
         $this->_aConfig['aLessConfig']['bx-color-font-popup-title'] = $this->_setColorRgba($sName . '_popup_title_font_color', 'rgba(0, 0, 20, 1)');
 
-        $this->_aConfig['aLessConfig']['bx-color-border-header'] = $this->_setColorRgba($sName . '_header_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-footer'] = $this->_setColorRgba($sName . '_footer_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-block'] = $this->_setColorRgba($sName . '_block_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-box'] = $this->_setColorRgba($sName . '_card_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-popup'] = $this->_setColorRgba($sName . '_popup_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-menu-slide'] = $this->_setColorRgba($sName . '_menu_slide_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-menu-page'] = $this->_setColorRgba($sName . '_menu_page_border_color', 'rgba(208, 208, 208, 1)');
+        $sDefColBorder = 'rgba(208, 208, 208, 1)';
+        $this->_aConfig['aLessConfig']['bx-color-border-header'] = $this->_setColorRgba($sName . '_header_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-footer'] = $this->_setColorRgba($sName . '_footer_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-block'] = $this->_setColorRgba($sName . '_block_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-box'] = $this->_setColorRgba($sName . '_card_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-popup'] = $this->_setColorRgba($sName . '_popup_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-menu-main'] = $this->_setColorRgba($sName . '_menu_main_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-menu-page'] = $this->_setColorRgba($sName . '_menu_page_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-menu-slide'] = $this->_setColorRgba($sName . '_menu_slide_border_color', $sDefColBorder);
         $this->_aConfig['aLessConfig']['bx-color-border-form-input'] = $this->_setColorRgba($sName . '_form_input_border_color', 'rgba(121, 189, 154, 1)');
         $this->_aConfig['aLessConfig']['bx-color-border-form-input-active'] = $this->_setColorRgba($sName . '_form_input_border_color_active', 'rgba(108, 170, 138, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-button'] = $this->_setColorRgba($sName . '_button_lg_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-button-hover'] = $this->_setColorRgba($sName . '_button_lg_border_color_hover', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-button-small'] = $this->_setColorRgba($sName . '_button_sm_border_color', 'rgba(208, 208, 208, 1)');
-        $this->_aConfig['aLessConfig']['bx-color-border-button-small-hover'] = $this->_setColorRgba($sName . '_button_sm_border_color_hover', 'rgba(208, 208, 208, 1)');
+        $this->_aConfig['aLessConfig']['bx-color-border-button'] = $this->_setColorRgba($sName . '_button_lg_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-button-hover'] = $this->_setColorRgba($sName . '_button_lg_border_color_hover', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-button-small'] = $this->_setColorRgba($sName . '_button_sm_border_color', $sDefColBorder);
+        $this->_aConfig['aLessConfig']['bx-color-border-button-small-hover'] = $this->_setColorRgba($sName . '_button_sm_border_color_hover', $sDefColBorder);
 
 		$this->_aConfig['aLessConfig']['bx-color-icon-header'] = $this->_setColorRgba($sName . '_header_icon_color', 'rgba(255, 255, 255, 1)');
 		$this->_aConfig['aLessConfig']['bx-color-icon-header-hover'] = $this->_setColorRgba($sName . '_header_icon_color_hover', 'rgba(255, 255, 255, 1)');
@@ -136,21 +147,15 @@ class BxTemplConfig extends BxBaseConfig
 		$this->_aConfig['aLessConfig']['bx-color-link-body'] = $this->_setColorRgba($sName . '_body_link_color', 'rgba(62, 134, 133, 1)');
 		$this->_aConfig['aLessConfig']['bx-color-link-body-hover'] = $this->_setColorRgba($sName . '_body_link_color_hover', 'rgba(62, 134, 133, 1)');
 
-		$this->_aConfig['aLessConfig']['bx-color-font-footer'] = $this->_setColorRgba($sName . '_footer_font_color', 'rgba(51, 51, 51, 1)');
-		$this->_aConfig['aLessConfig']['bx-color-font-button'] = $this->_setColorRgba($sName . '_button_lg_font_color', 'rgba(255, 255, 255, 1)');
-		$this->_aConfig['aLessConfig']['bx-color-font-button-hover'] = $this->_setColorRgba($sName . '_button_lg_font_color_hover', 'rgba(255, 255, 255, 1)');
-		$this->_aConfig['aLessConfig']['bx-color-font-button-small'] = $this->_setColorRgba($sName . '_button_sm_font_color', 'rgba(255, 255, 255, 1)');
-		$this->_aConfig['aLessConfig']['bx-color-font-button-small-hover'] = $this->_setColorRgba($sName . '_button_sm_font_color_hover', 'rgba(255, 255, 255, 1)');
-		$this->_aConfig['aLessConfig']['bx-color-font-form-input'] = $this->_setColorRgba($sName . '_form_input_font_color', 'rgba(51, 51, 51, 1)');
-
         //--- Borders
         $this->_aConfig['aLessConfig']['bx-border-width-header'] = $this->_setSize($sName . '_header_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-footer'] = $this->_setSize($sName . '_footer_border_size', '1px');
         $this->_aConfig['aLessConfig']['bx-border-width-block'] = $this->_setSize($sName . '_block_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-box'] = $this->_setSize($sName . '_card_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-popup'] = $this->_setSize($sName . '_popup_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-menu-slide'] = $this->_setSize($sName . '_menu_slide_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-menu-main'] = $this->_setSize($sName . '_menu_main_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-menu-page'] = $this->_setSize($sName . '_menu_page_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-menu-slide'] = $this->_setSize($sName . '_menu_slide_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-form-input'] = $this->_setSize($sName . '_form_input_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSize($sName . '_button_lg_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSize($sName . '_button_sm_border_size');
@@ -181,6 +186,8 @@ class BxTemplConfig extends BxBaseConfig
 		$this->_aConfig['aLessConfig']['bx-font-family-block-title'] = $this->_setValue($sName . '_block_title_font_family');
 		$this->_aConfig['aLessConfig']['bx-font-family-popup-title'] = $this->_setValue($sName . '_popup_title_font_family');
 		$this->_aConfig['aLessConfig']['bx-font-family-form-input'] = $this->_setValue($sName . '_form_input_font_family');
+		$this->_aConfig['aLessConfig']['bx-font-family-menu-main'] = $this->_setValue($sName . '_menu_main_font_family');
+		$this->_aConfig['aLessConfig']['bx-font-family-menu-page'] = $this->_setValue($sName . '_menu_page_font_family');
 		$this->_aConfig['aLessConfig']['bx-font-family-button'] = $this->_setValue($sName . '_button_lg_font_family');
 		$this->_aConfig['aLessConfig']['bx-font-family-button-small'] = $this->_setValue($sName . '_button_sm_font_family');
 
@@ -188,19 +195,35 @@ class BxTemplConfig extends BxBaseConfig
 		$this->_aConfig['aLessConfig']['bx-font-size-block-title'] = $this->_setSize($sName . '_block_title_font_size', '1.5rem');
 		$this->_aConfig['aLessConfig']['bx-font-size-popup-title'] = $this->_setSize($sName . '_popup_title_font_size', '1.5rem');
 		$this->_aConfig['aLessConfig']['bx-font-size-form-input'] = $this->_setSize($sName . '_form_input_font_size', '1.125rem');
+		$this->_aConfig['aLessConfig']['bx-font-size-menu-main'] = $this->_setSize($sName . '_menu_main_font_size', '1.125rem');
+		$this->_aConfig['aLessConfig']['bx-font-size-menu-page'] = $this->_setSize($sName . '_menu_page_font_size', '1.2rem');
 		$this->_aConfig['aLessConfig']['bx-font-size-button'] = $this->_setSize($sName . '_button_lg_font_size', '1rem');
 		$this->_aConfig['aLessConfig']['bx-font-size-button-small'] = $this->_setSize($sName . '_button_sm_font_size', '0.9rem');
 
 		//--- Font Color
-		$sColorDefault = 'rgba(51, 51, 51, 1.0)';
-		$this->_aConfig['aLessConfig']['bx-font-color-small'] = $this->_setColorRgba($sName . '_font_color_small', $sColorDefault);
-		$this->_aConfig['aLessConfig']['bx-font-color-middle'] = $this->_setColorRgba($sName . '_font_color_middle', $sColorDefault);
-		$this->_aConfig['aLessConfig']['bx-font-color-large'] = $this->_setColorRgba($sName . '_font_color_large', $sColorDefault);
-		$this->_aConfig['aLessConfig']['bx-font-color-h1'] = $this->_setColorRgba($sName . '_font_color_h1', $sColorDefault);
-		$this->_aConfig['aLessConfig']['bx-font-color-h2'] = $this->_setColorRgba($sName . '_font_color_h2', $sColorDefault);
-		$this->_aConfig['aLessConfig']['bx-font-color-h3'] = $this->_setColorRgba($sName . '_font_color_h3', $sColorDefault);
+		$sDefColFont = 'rgba(51, 51, 51, 1.0)';
+		$this->_aConfig['aLessConfig']['bx-font-color-footer'] = $this->_setColorRgba($sName . '_footer_font_color', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-menu-main'] = $this->_setColorRgba($sName . '_menu_main_font_color', 'rgba(62, 134, 133, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-menu-main-hover'] = $this->_setColorRgba($sName . '_menu_main_font_color_hover', 'rgba(62, 134, 133, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-menu-main-active'] = $this->_setColorRgba($sName . '_menu_main_font_color_active', 'rgba(0, 0, 0, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-menu-page'] = $this->_setColorRgba($sName . '_menu_page_font_color', 'rgba(62, 134, 133, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-menu-page-hover'] = $this->_setColorRgba($sName . '_menu_page_font_color_hover', 'rgba(62, 134, 133, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-menu-page-active'] = $this->_setColorRgba($sName . '_menu_page_font_color_active', 'rgba(0, 0, 0, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-button'] = $this->_setColorRgba($sName . '_button_lg_font_color', 'rgba(255, 255, 255, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-button-hover'] = $this->_setColorRgba($sName . '_button_lg_font_color_hover', 'rgba(255, 255, 255, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-button-small'] = $this->_setColorRgba($sName . '_button_sm_font_color', 'rgba(255, 255, 255, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-button-small-hover'] = $this->_setColorRgba($sName . '_button_sm_font_color_hover', 'rgba(255, 255, 255, 1)');
+		$this->_aConfig['aLessConfig']['bx-font-color-form-input'] = $this->_setColorRgba($sName . '_form_input_font_color', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-small'] = $this->_setColorRgba($sName . '_font_color_small', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-middle'] = $this->_setColorRgba($sName . '_font_color_middle', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-large'] = $this->_setColorRgba($sName . '_font_color_large', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-h1'] = $this->_setColorRgba($sName . '_font_color_h1', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-h2'] = $this->_setColorRgba($sName . '_font_color_h2', $sDefColFont);
+		$this->_aConfig['aLessConfig']['bx-font-color-h3'] = $this->_setColorRgba($sName . '_font_color_h3', $sDefColFont);
 
 		//--- Font Weight
+		$this->_aConfig['aLessConfig']['bx-font-weight-menu-main'] = $this->_setValue($sName . '_menu_main_font_weight', '400');
+		$this->_aConfig['aLessConfig']['bx-font-weight-menu-page'] = $this->_setValue($sName . '_menu_page_font_weight', '400');
 		$this->_aConfig['aLessConfig']['bx-font-weight-button'] = $this->_setValue($sName . '_button_lg_font_weight', '400');
 		$this->_aConfig['aLessConfig']['bx-font-weight-button-small'] = $this->_setValue($sName . '_button_sm_font_weight', '400');
 

modules/boonex/uni/install/langs/en.xml

@@ -98,16 +98,23 @@
 	<string name="_bx_uni_stg_cpt_option_popup_title_font_size"><![CDATA[Title font size]]></string>
 	<string name="_bx_uni_stg_cpt_option_popup_title_font_color"><![CDATA[Title font color]]></string>
 
-	<string name="_bx_uni_stg_cpt_category_styles_menu_slide"><![CDATA[Slide Menus]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_color"><![CDATA[Background color]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image"><![CDATA[Background image]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_repeat"><![CDATA[Background image repeat]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_size"><![CDATA[Background image size]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_content_padding"><![CDATA[Content margin]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_border_color"><![CDATA[Border color]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_border_size"><![CDATA[Border size]]></string>
-	<string name="_bx_uni_stg_cpt_option_menu_slide_shadow"><![CDATA[Shadow]]></string>
-	
+	<string name="_bx_uni_stg_cpt_category_styles_menu_main"><![CDATA[Main Menu]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_color"><![CDATA[Background color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_image"><![CDATA[Background image]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_image_repeat"><![CDATA[Background image repeat]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_bg_image_size"><![CDATA[Background image size]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_content_padding"><![CDATA[Content margin]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_border_color"><![CDATA[Border color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_shadow"><![CDATA[Shadow]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_family"><![CDATA[Font stack]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_size"><![CDATA[Font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_color"><![CDATA[Font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_color_hover"><![CDATA[On-hover font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_color_active"><![CDATA[Active font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_shadow"><![CDATA[Font shadow]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_main_font_weight"><![CDATA[Font weight]]></string>
+
 	<string name="_bx_uni_stg_cpt_category_styles_menu_page"><![CDATA[Page Menu]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_bg_color"><![CDATA[Background color]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_bg_image"><![CDATA[Background image]]></string>
@@ -117,6 +124,23 @@
 	<string name="_bx_uni_stg_cpt_option_menu_page_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_border_size"><![CDATA[Border size]]></string>
 	<string name="_bx_uni_stg_cpt_option_menu_page_shadow"><![CDATA[Shadow]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_family"><![CDATA[Font stack]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_size"><![CDATA[Font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_color"><![CDATA[Font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_color_hover"><![CDATA[On-hover font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_color_active"><![CDATA[Active font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_shadow"><![CDATA[Font shadow]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_page_font_weight"><![CDATA[Font weight]]></string>
+
+	<string name="_bx_uni_stg_cpt_category_styles_menu_slide"><![CDATA[Slide Menus]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_color"><![CDATA[Background color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image"><![CDATA[Background image]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_repeat"><![CDATA[Background image repeat]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_bg_image_size"><![CDATA[Background image size]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_content_padding"><![CDATA[Content margin]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_border_color"><![CDATA[Border color]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_uni_stg_cpt_option_menu_slide_shadow"><![CDATA[Shadow]]></string>
 
 	<string name="_bx_uni_stg_cpt_category_styles_form"><![CDATA[Forms]]></string>
 	<string name="_bx_uni_stg_cpt_option_form_input_height"><![CDATA[Input height]]></string>

modules/boonex/uni/install/sql/install.sql

@@ -146,20 +146,27 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 (@iCategoryId, CONCAT(@sName, '_popup_title_font_color'), '_bx_uni_stg_cpt_option_popup_title_font_color', 'rgba(0, 0, 20, 1)', 'rgba', '', '', '', 13);
 
 
--- SETTINGS: UNI Styles Slide Menus
+-- SETTINGS: UNI Styles Main Menu
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_styles_menu_slide'), '_bx_uni_stg_cpt_category_styles_menu_slide', 9);
+(@iTypeId, CONCAT(@sName, '_styles_menu_main'), '_bx_uni_stg_cpt_category_styles_menu_main', 9);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
-(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_color'), '_bx_uni_stg_cpt_option_menu_slide_bg_color', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 1),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_image'), '_bx_uni_stg_cpt_option_menu_slide_bg_image', '', 'image', '', '', '', 2),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_image_repeat'), '_bx_uni_stg_cpt_option_menu_slide_bg_image_repeat', 'no-repeat', 'select', 'no-repeat,repeat,repeat-x,repeat-y', '', '', 3),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_image_size'), '_bx_uni_stg_cpt_option_menu_slide_bg_image_size', 'cover', 'select', 'auto,cover,contain', '', '', 4),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_content_padding'), '_bx_uni_stg_cpt_option_menu_slide_content_padding', '1.25rem', 'digit', '', '', '', 5),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_border_color'), '_bx_uni_stg_cpt_option_menu_slide_border_color', 'rgba(208, 208, 208, 1)', 'rgba', '', '', '', 6),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_border_size'), '_bx_uni_stg_cpt_option_menu_slide_border_size', '0px', 'digit', '', '', '', 7),
-(@iCategoryId, CONCAT(@sName, '_menu_slide_shadow'), '_bx_uni_stg_cpt_option_menu_slide_shadow', 'none', 'digit', '', '', '', 8);
+(@iCategoryId, CONCAT(@sName, '_menu_main_bg_color'), '_bx_uni_stg_cpt_option_menu_main_bg_color', 'rgba(255, 255, 255, 0.9)', 'rgba', '', '', '', 1),
+(@iCategoryId, CONCAT(@sName, '_menu_main_bg_image'), '_bx_uni_stg_cpt_option_menu_main_bg_image', '', 'image', '', '', '', 2),
+(@iCategoryId, CONCAT(@sName, '_menu_main_bg_image_repeat'), '_bx_uni_stg_cpt_option_menu_main_bg_image_repeat', 'no-repeat', 'select', 'no-repeat,repeat,repeat-x,repeat-y', '', '', 3),
+(@iCategoryId, CONCAT(@sName, '_menu_main_bg_image_size'), '_bx_uni_stg_cpt_option_menu_main_bg_image_size', 'cover', 'select', 'auto,cover,contain', '', '', 4),
+(@iCategoryId, CONCAT(@sName, '_menu_main_content_padding'), '_bx_uni_stg_cpt_option_menu_main_content_padding', '0px', 'digit', '', '', '', 5),
+(@iCategoryId, CONCAT(@sName, '_menu_main_border_color'), '_bx_uni_stg_cpt_option_menu_main_border_color', 'rgba(208, 208, 208, 1)', 'rgba', '', '', '', 6),
+(@iCategoryId, CONCAT(@sName, '_menu_main_border_size'), '_bx_uni_stg_cpt_option_menu_main_border_size', '0px', 'digit', '', '', '', 7),
+(@iCategoryId, CONCAT(@sName, '_menu_main_shadow'), '_bx_uni_stg_cpt_option_menu_main_shadow', 'none', 'digit', '', '', '', 8),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_family'), '_bx_uni_stg_cpt_option_menu_main_font_family', '"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif', 'digit', '', '', '', 9),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_size'), '_bx_uni_stg_cpt_option_menu_main_font_size', '1.125rem', 'digit', '', '', '', 10),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_color'), '_bx_uni_stg_cpt_option_menu_main_font_color', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 11),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_color_hover'), '_bx_uni_stg_cpt_option_menu_main_font_color_hover', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 12),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_color_active'), '_bx_uni_stg_cpt_option_menu_main_font_color_active', 'rgba(0, 0, 0, 1)', 'rgba', '', '', '', 13),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_shadow'), '_bx_uni_stg_cpt_option_menu_main_font_shadow', 'none', 'digit', '', '', '', 14),
+(@iCategoryId, CONCAT(@sName, '_menu_main_font_weight'), '_bx_uni_stg_cpt_option_menu_main_font_weight', '400', 'digit', '', '', '', 15);
 
 
 -- SETTINGS: UNI Styles Page Menu
@@ -175,12 +182,35 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 (@iCategoryId, CONCAT(@sName, '_menu_page_content_padding'), '_bx_uni_stg_cpt_option_menu_page_content_padding', '0px', 'digit', '', '', '', 5),
 (@iCategoryId, CONCAT(@sName, '_menu_page_border_color'), '_bx_uni_stg_cpt_option_menu_page_border_color', 'rgba(208, 208, 208, 1)', 'rgba', '', '', '', 6),
 (@iCategoryId, CONCAT(@sName, '_menu_page_border_size'), '_bx_uni_stg_cpt_option_menu_page_border_size', '0px', 'digit', '', '', '', 7),
-(@iCategoryId, CONCAT(@sName, '_menu_page_shadow'), '_bx_uni_stg_cpt_option_menu_page_shadow', 'none', 'digit', '', '', '', 8);
+(@iCategoryId, CONCAT(@sName, '_menu_page_shadow'), '_bx_uni_stg_cpt_option_menu_page_shadow', 'none', 'digit', '', '', '', 8),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_family'), '_bx_uni_stg_cpt_option_menu_page_font_family', '"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif', 'digit', '', '', '', 9),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_size'), '_bx_uni_stg_cpt_option_menu_page_font_size', '1.2rem', 'digit', '', '', '', 10),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_color'), '_bx_uni_stg_cpt_option_menu_page_font_color', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 11),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_color_hover'), '_bx_uni_stg_cpt_option_menu_page_font_color_hover', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 12),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_color_active'), '_bx_uni_stg_cpt_option_menu_page_font_color_active', 'rgba(0, 0, 0, 1)', 'rgba', '', '', '', 13),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_shadow'), '_bx_uni_stg_cpt_option_menu_page_font_shadow', 'none', 'digit', '', '', '', 14),
+(@iCategoryId, CONCAT(@sName, '_menu_page_font_weight'), '_bx_uni_stg_cpt_option_menu_page_font_weight', '400', 'digit', '', '', '', 15);
+
+
+-- SETTINGS: UNI Styles Slide Menus
+INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
+(@iTypeId, CONCAT(@sName, '_styles_menu_slide'), '_bx_uni_stg_cpt_category_styles_menu_slide', 11);
+SET @iCategoryId = LAST_INSERT_ID();
+
+INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
+(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_color'), '_bx_uni_stg_cpt_option_menu_slide_bg_color', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 1),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_image'), '_bx_uni_stg_cpt_option_menu_slide_bg_image', '', 'image', '', '', '', 2),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_image_repeat'), '_bx_uni_stg_cpt_option_menu_slide_bg_image_repeat', 'no-repeat', 'select', 'no-repeat,repeat,repeat-x,repeat-y', '', '', 3),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_bg_image_size'), '_bx_uni_stg_cpt_option_menu_slide_bg_image_size', 'cover', 'select', 'auto,cover,contain', '', '', 4),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_content_padding'), '_bx_uni_stg_cpt_option_menu_slide_content_padding', '1.25rem', 'digit', '', '', '', 5),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_border_color'), '_bx_uni_stg_cpt_option_menu_slide_border_color', 'rgba(208, 208, 208, 1)', 'rgba', '', '', '', 6),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_border_size'), '_bx_uni_stg_cpt_option_menu_slide_border_size', '0px', 'digit', '', '', '', 7),
+(@iCategoryId, CONCAT(@sName, '_menu_slide_shadow'), '_bx_uni_stg_cpt_option_menu_slide_shadow', 'none', 'digit', '', '', '', 8);
 
 
 -- SETTINGS: UNI Styles Forms
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_styles_form'), '_bx_uni_stg_cpt_category_styles_form', 11);
+(@iTypeId, CONCAT(@sName, '_styles_form'), '_bx_uni_stg_cpt_category_styles_form', 12);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
@@ -198,7 +228,7 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 
 -- SETTINGS: UNI Styles Large Buttons
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_styles_large_button'), '_bx_uni_stg_cpt_category_styles_large_button', 12);
+(@iTypeId, CONCAT(@sName, '_styles_large_button'), '_bx_uni_stg_cpt_category_styles_large_button', 13);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
@@ -219,7 +249,7 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 
 -- SETTINGS: UNI Styles Small Buttons
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_styles_small_button'), '_bx_uni_stg_cpt_category_styles_small_button', 13);
+(@iTypeId, CONCAT(@sName, '_styles_small_button'), '_bx_uni_stg_cpt_category_styles_small_button', 14);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
@@ -240,7 +270,7 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 
 -- SETTINGS: UNI Styles Font
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_styles_font'), '_bx_uni_stg_cpt_category_styles_font', 14);
+(@iTypeId, CONCAT(@sName, '_styles_font'), '_bx_uni_stg_cpt_category_styles_font', 15);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
@@ -264,7 +294,7 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 
 -- SETTINGS: UNI Viewport Tablet
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_viewport_tablet'), '_bx_uni_stg_cpt_category_viewport_tablet', 15);
+(@iTypeId, CONCAT(@sName, '_viewport_tablet'), '_bx_uni_stg_cpt_category_viewport_tablet', 16);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
@@ -272,7 +302,7 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 
 -- SETTINGS: UNI Viewport Mobile
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES 
-(@iTypeId, CONCAT(@sName, '_viewport_mobile'), '_bx_uni_stg_cpt_category_viewport_mobile', 16);
+(@iTypeId, CONCAT(@sName, '_viewport_mobile'), '_bx_uni_stg_cpt_category_viewport_mobile', 17);
 SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES

template/scripts/BxBaseMenuSite.php

@@ -20,7 +20,7 @@ class BxBaseMenuSite extends BxTemplMenu
     public function getCode ()
     {
         $s = parent::getCode ();
-        return '<div id="bx-sliding-menu-' . $this->_sObject . '" class="bx-sliding-menu-main bx-def-z-index-nav bx-def-color-bg-block bx-def-border-bottom" style="display:none;">' . $s . '</div>';
+        return '<div id="bx-sliding-menu-' . $this->_sObject . '" class="bx-sliding-menu-main bx-def-z-index-nav bx-def-color-bg-block bx-def-border-bottom" style="display:none;"><div class="bx-sliding-menu-main-cnt">' . $s . '</div></div>';
     }
 }