Ticket #268 - Extended list of customizable parts.

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

@@ -188,22 +188,31 @@
 
 	<string name="_bx_uni_stg_cpt_category_styles_font"><![CDATA[Шрифты]]></string>
 	<string name="_bx_uni_stg_cpt_option_font_family"><![CDATA[Набор шрифтов]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_default"><![CDATA[Размер стандартный шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_default"><![CDATA[Цвет стандартный шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_small"><![CDATA[Размер маленького шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_small"><![CDATA[Цвет маленького шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_middle"><![CDATA[Размер среднего шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_middle"><![CDATA[Цвет среднего шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_large"><![CDATA[Размер большого шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_large"><![CDATA[Цвет большого шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_h1"><![CDATA[Размер шрифта тэга H1]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_h1"><![CDATA[Цвет шрифта тэга H1]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_h2"><![CDATA[Размер шрифта тэга H2]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_h2"><![CDATA[Цвет шрифта тэга H2]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_h3"><![CDATA[Размер шрифта тэга H3]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_h3"><![CDATA[Цвет шрифта тэга H3]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_grayed"><![CDATA[Цвет сегого шрифта]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_contrasted"><![CDATA[Цвет контрастного шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_default"><![CDATA[Размер стандартный шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default"><![CDATA[Стандартный цвет шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed"><![CDATA[Серый цвет шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted"><![CDATA[Контрастный цвет шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_small"><![CDATA[Размер маленького шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_middle"><![CDATA[Размер среднего шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_large"><![CDATA[Размер большого шрифта]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_h1"><![CDATA[Размер шрифта тэга H1]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default_h1"><![CDATA[Стандартный цвет шрифта тэга H1]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed_h1"><![CDATA[Серый цвет шрифта тэга H1]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted_h1"><![CDATA[Контрастный цвет шрифта тэга H1]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h1"><![CDATA[Цвет линок в тэге H1]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h1_hover"><![CDATA[Цвет линок в тэге H1 при наведении курсора]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_h2"><![CDATA[Размер шрифта тэга H2]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default_h2"><![CDATA[Стандартный цвет шрифта тэга H2]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed_h2"><![CDATA[Серый цвет шрифта тэга H2]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted_h2"><![CDATA[Контрастный цвет шрифта тэга H2]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h2"><![CDATA[Цвет линок в тэге H2]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h2_hover"><![CDATA[Цвет линок в тэге H2 при наведении курсора]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_h3"><![CDATA[Размер шрифта тэга H3]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default_h3"><![CDATA[Стандартный цвет шрифта тэга H3]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed_h3"><![CDATA[Серый цвет шрифта тэга H3]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted_h3"><![CDATA[Контрастный цвет шрифта тэга H3]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h3"><![CDATA[Цвет линок в тэге H3]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h3_hover"><![CDATA[Цвет линок в тэге H3 при наведении курсора]]></string>
 
 	<string name="_bx_uni_stg_cpt_category_viewport_tablet"><![CDATA[Просмотр на планшете]]></string>
 	<string name="_bx_uni_stg_cpt_option_vpt_font_size_scale"><![CDATA[Масштаб размера шрифта]]></string>

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

@@ -208,29 +208,112 @@ a:hover > .sys-icon-a i {
 	font-size: @bx-font-size-form-input;
 	color: @bx-font-color-form-input;
 }
-.bx-def-font-small {
-	color: @bx-font-color-small;
-}
-.bx-def-font-middle {
-	color: @bx-font-color-middle;
-}
-.bx-def-font-large {
-	color: @bx-font-color-large;
-}
+
 h1,
 .bx-def-font-h1 {
-	color: @bx-font-color-h1;
+	color: @bx-font-color-default-h1;
+}
+h1.bx-def-font-grayed,
+h1 .bx-def-font-grayed,
+.bx-def-font-h1.bx-def-font-grayed,
+.bx-def-font-h1 .bx-def-font-grayed {
+	color: @bx-font-color-grayed-h1;
+}
+h1.bx-def-font-contrasted,
+h1.bx-def-font-contrasted:after,
+h1.bx-def-font-contrasted:before,
+h1 .bx-def-font-contrasted,
+h1 .bx-def-font-contrasted:after,
+h1 .bx-def-font-contrasted:before,
+.bx-def-font-h1.bx-def-font-contrasted,
+.bx-def-font-h1.bx-def-font-contrasted:after,
+.bx-def-font-h1.bx-def-font-contrasted:before,
+.bx-def-font-h1 .bx-def-font-contrasted,
+.bx-def-font-h1 .bx-def-font-contrasted:after,
+.bx-def-font-h1 .bx-def-font-contrasted:before {
+	color: @bx-font-color-contrasted-h1;
+}
+h1 a,
+.bx-def-font-h1 a,
+a.bx-def-font-h1 {
+	color: @bx-font-color-link-h1;
+}
+h1 a:hover,
+.bx-def-font-h1 a:hover,
+a.bx-def-font-h1:hover {
+	color: @bx-font-color-link-h1-hover;
 }
+
 h2,
 .bx-def-font-h2 {
-	color: @bx-font-color-h2;
+	color: @bx-font-color-default-h2;
+}
+h2.bx-def-font-grayed,
+h2 .bx-def-font-grayed,
+.bx-def-font-h2.bx-def-font-grayed,
+.bx-def-font-h2 .bx-def-font-grayed {
+	color: @bx-font-color-grayed-h2;
+}
+h2.bx-def-font-contrasted,
+h2.bx-def-font-contrasted:after,
+h2.bx-def-font-contrasted:before,
+h2 .bx-def-font-contrasted,
+h2 .bx-def-font-contrasted:after,
+h2 .bx-def-font-contrasted:before,
+.bx-def-font-h2.bx-def-font-contrasted,
+.bx-def-font-h2.bx-def-font-contrasted:after,
+.bx-def-font-h2.bx-def-font-contrasted:before,
+.bx-def-font-h2 .bx-def-font-contrasted,
+.bx-def-font-h2 .bx-def-font-contrasted:after,
+.bx-def-font-h2 .bx-def-font-contrasted:before {
+	color: @bx-font-color-contrasted-h2;
+}
+h2 a,
+.bx-def-font-h2 a,
+a.bx-def-font-h2 {
+	color: @bx-font-color-link-h2;
+}
+h2 a:hover,
+.bx-def-font-h2 a:hover,
+a.bx-def-font-h2:hover {
+	color: @bx-font-color-link-h2-hover;
 }
+
 h3,
 .bx-def-font-h3 {
-	color: @bx-font-color-h3;
+	color: @bx-font-color-default-h3;
+}
+h3.bx-def-font-grayed,
+h3 .bx-def-font-grayed,
+.bx-def-font-h3.bx-def-font-grayed,
+.bx-def-font-h3 .bx-def-font-grayed {
+	color: @bx-font-color-grayed-h3;
+}
+h3.bx-def-font-contrasted,
+h3.bx-def-font-contrasted:after,
+h3.bx-def-font-contrasted:before,
+h3 .bx-def-font-contrasted,
+h3 .bx-def-font-contrasted:after,
+h3 .bx-def-font-contrasted:before,
+.bx-def-font-h3.bx-def-font-contrasted,
+.bx-def-font-h3.bx-def-font-contrasted:after,
+.bx-def-font-h3.bx-def-font-contrasted:before,
+.bx-def-font-h3 .bx-def-font-contrasted,
+.bx-def-font-h3 .bx-def-font-contrasted:after,
+.bx-def-font-h3 .bx-def-font-contrasted:before {
+	color: @bx-font-color-contrasted-h3;
+}
+h3 a,
+.bx-def-font-h3 a,
+a.bx-def-font-h3 {
+	color: @bx-font-color-link-h3;
+}
+h3 a:hover,
+.bx-def-font-h3 a:hover,
+a.bx-def-font-h3:hover {
+	color: @bx-font-color-link-h3-hover;
 }
 
-
 /* block */
 .bx-def-border-block {
 	border: @bx-border-width-block @bx-border-type @bx-color-border-block;

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

@@ -201,8 +201,12 @@ class BxTemplConfig extends BxBaseConfig
 		$this->_aConfig['aLessConfig']['bx-font-size-button-small'] = $this->_setSize($sName . '_button_sm_font_size', '0.9rem');
 
 		//--- Font Color
-		$sDefColFont = 'rgba(51, 51, 51, 1.0)';
-		$this->_aConfig['aLessConfig']['bx-font-color-footer'] = $this->_setColorRgba($sName . '_footer_font_color', $sDefColFont);
+		$sColFontDef = 'rgba(51, 51, 51, 1.0)';		//--- Default
+		$sColFontGrd = 'rgba(153, 153, 153, 1)';	//--- Grayed
+		$sColFontCnt = 'rgba(255, 255, 255, 1)';	//--- Contrasted
+		$sColFontLnk = 'rgba(62, 134, 133, 1)';		//--- Link
+		$sColFontLnkHov = 'rgba(62, 134, 133, 1)';	//--- Link on-hiver
+		$this->_aConfig['aLessConfig']['bx-font-color-footer'] = $this->_setColorRgba($sName . '_footer_font_color', $sColFontDef);
 		$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)');
@@ -213,13 +217,22 @@ class BxTemplConfig extends BxBaseConfig
 		$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);
+		$this->_aConfig['aLessConfig']['bx-font-color-form-input'] = $this->_setColorRgba($sName . '_form_input_font_color', $sColFontDef);
+		$this->_aConfig['aLessConfig']['bx-font-color-default-h1'] = $this->_setColorRgba($sName . '_font_color_default_h1', $sColFontDef);
+        $this->_aConfig['aLessConfig']['bx-font-color-grayed-h1'] = $this->_setColorRgba($sName . '_font_color_grayed_h1', $sColFontGrd);
+        $this->_aConfig['aLessConfig']['bx-font-color-contrasted-h1'] = $this->_setColorRgba($sName . '_font_color_contrasted_h1', $sColFontCnt);
+        $this->_aConfig['aLessConfig']['bx-font-color-link-h1'] = $this->_setColorRgba($sName . '_font_color_link_h1', $sColFontLnk);
+        $this->_aConfig['aLessConfig']['bx-font-color-link-h1-hover'] = $this->_setColorRgba($sName . '_font_color_link_h1_hover', $sColFontLnkHov);
+        $this->_aConfig['aLessConfig']['bx-font-color-default-h2'] = $this->_setColorRgba($sName . '_font_color_default_h2', $sColFontDef);
+        $this->_aConfig['aLessConfig']['bx-font-color-grayed-h2'] = $this->_setColorRgba($sName . '_font_color_grayed_h2', $sColFontGrd);
+        $this->_aConfig['aLessConfig']['bx-font-color-contrasted-h2'] = $this->_setColorRgba($sName . '_font_color_contrasted_h2', $sColFontCnt);
+        $this->_aConfig['aLessConfig']['bx-font-color-link-h2'] = $this->_setColorRgba($sName . '_font_color_link_h2', $sColFontLnk);
+        $this->_aConfig['aLessConfig']['bx-font-color-link-h2-hover'] = $this->_setColorRgba($sName . '_font_color_link_h2_hover', $sColFontLnkHov);
+        $this->_aConfig['aLessConfig']['bx-font-color-default-h3'] = $this->_setColorRgba($sName . '_font_color_default_h3', $sColFontDef);
+        $this->_aConfig['aLessConfig']['bx-font-color-grayed-h3'] = $this->_setColorRgba($sName . '_font_color_grayed_h3', $sColFontGrd);
+        $this->_aConfig['aLessConfig']['bx-font-color-contrasted-h3'] = $this->_setColorRgba($sName . '_font_color_contrasted_h3', $sColFontCnt);
+        $this->_aConfig['aLessConfig']['bx-font-color-link-h3'] = $this->_setColorRgba($sName . '_font_color_link_h3', $sColFontLnk);
+        $this->_aConfig['aLessConfig']['bx-font-color-link-h3-hover'] = $this->_setColorRgba($sName . '_font_color_link_h3_hover', $sColFontLnkHov);
 
 		//--- Font Weight
 		$this->_aConfig['aLessConfig']['bx-font-weight-menu-main'] = $this->_setValue($sName . '_menu_main_font_weight', '400');

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

@@ -188,23 +188,31 @@
 
 	<string name="_bx_uni_stg_cpt_category_styles_font"><![CDATA[Fonts]]></string>
 	<string name="_bx_uni_stg_cpt_option_font_family"><![CDATA[Font stack]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_default"><![CDATA[Default font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_default"><![CDATA[Default font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_small"><![CDATA[Small font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_small"><![CDATA[Small font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_middle"><![CDATA[Middle font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_middle"><![CDATA[Middle font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_large"><![CDATA[Large font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_large"><![CDATA[Large font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_h1"><![CDATA[H1 font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_h1"><![CDATA[H1 font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_h2"><![CDATA[H2 font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_h2"><![CDATA[H2 font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_size_h3"><![CDATA[H3 font size]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_h3"><![CDATA[H3 font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_grayed"><![CDATA[Grayed font color]]></string>
-	<string name="_bx_uni_stg_cpt_option_color_contrasted"><![CDATA[Contrasted font color]]></string>
-	
+	<string name="_bx_uni_stg_cpt_option_font_size_default"><![CDATA[Default font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default"><![CDATA[Default font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed"><![CDATA[Grayed font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted"><![CDATA[Contrasted font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_small"><![CDATA[Small font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_middle"><![CDATA[Middle font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_large"><![CDATA[Large font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_h1"><![CDATA[H1 font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default_h1"><![CDATA[H1 default font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed_h1"><![CDATA[H1 grayed font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted_h1"><![CDATA[H1 contrasted font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h1"><![CDATA[H1 link font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h1_hover"><![CDATA[H1 on-hover link font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_h2"><![CDATA[H2 font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default_h2"><![CDATA[H2 default font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed_h2"><![CDATA[H2 grayed font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted_h2"><![CDATA[H2 contrasted font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h2"><![CDATA[H2 link font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h2_hover"><![CDATA[H2 on-hover link font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_size_h3"><![CDATA[H3 font size]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_default_h3"><![CDATA[H3 default font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_grayed_h3"><![CDATA[H3 grayed font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_contrasted_h3"><![CDATA[H3 contrasted font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h3"><![CDATA[H3 link font color]]></string>
+	<string name="_bx_uni_stg_cpt_option_font_color_link_h3_hover"><![CDATA[H3 on-hover link font color]]></string>
 
 	<string name="_bx_uni_stg_cpt_category_viewport_tablet"><![CDATA[Tablet Viewport]]></string>
 	<string name="_bx_uni_stg_cpt_option_vpt_font_size_scale"><![CDATA[Fonts size scale]]></string>

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

@@ -275,22 +275,31 @@ SET @iCategoryId = LAST_INSERT_ID();
 
 INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `extra`, `check`, `check_error`, `order`) VALUES
 (@iCategoryId, CONCAT(@sName, '_font_family'), '_bx_uni_stg_cpt_option_font_family', '"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif', 'digit', '', '', '', 1),
-(@iCategoryId, CONCAT(@sName, '_font_size_default'), '_bx_uni_stg_cpt_option_size_default', '18px', 'digit', '', '', '', 2),
-(@iCategoryId, CONCAT(@sName, '_font_color_default'), '_bx_uni_stg_cpt_option_color_default', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 3),
-(@iCategoryId, CONCAT(@sName, '_font_size_small'), '_bx_uni_stg_cpt_option_size_small', '14px', 'digit', '', '', '', 4),
-(@iCategoryId, CONCAT(@sName, '_font_color_small'), '_bx_uni_stg_cpt_option_color_small', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 5),
-(@iCategoryId, CONCAT(@sName, '_font_size_middle'), '_bx_uni_stg_cpt_option_size_middle', '16px', 'digit', '', '', '', 6),
-(@iCategoryId, CONCAT(@sName, '_font_color_middle'), '_bx_uni_stg_cpt_option_color_middle', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 7),
-(@iCategoryId, CONCAT(@sName, '_font_size_large'), '_bx_uni_stg_cpt_option_size_large', '22px', 'digit', '', '', '', 8),
-(@iCategoryId, CONCAT(@sName, '_font_color_large'), '_bx_uni_stg_cpt_option_color_large', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 9),
-(@iCategoryId, CONCAT(@sName, '_font_size_h1'), '_bx_uni_stg_cpt_option_size_h1', '38px', 'digit', '', '', '', 10),
-(@iCategoryId, CONCAT(@sName, '_font_color_h1'), '_bx_uni_stg_cpt_option_color_h1', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 11),
-(@iCategoryId, CONCAT(@sName, '_font_size_h2'), '_bx_uni_stg_cpt_option_size_h2', '24px', 'digit', '', '', '', 12),
-(@iCategoryId, CONCAT(@sName, '_font_color_h2'), '_bx_uni_stg_cpt_option_color_h2', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 13),
-(@iCategoryId, CONCAT(@sName, '_font_size_h3'), '_bx_uni_stg_cpt_option_size_h3', '18px', 'digit', '', '', '', 14),
-(@iCategoryId, CONCAT(@sName, '_font_color_h3'), '_bx_uni_stg_cpt_option_color_h3', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 15),
-(@iCategoryId, CONCAT(@sName, '_font_color_grayed'), '_bx_uni_stg_cpt_option_color_grayed', 'rgba(153, 153, 153, 1)', 'rgba', '', '', '', 16),
-(@iCategoryId, CONCAT(@sName, '_font_color_contrasted'), '_bx_uni_stg_cpt_option_color_contrasted', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 17);
+(@iCategoryId, CONCAT(@sName, '_font_size_default'), '_bx_uni_stg_cpt_option_font_size_default', '18px', 'digit', '', '', '', 2),
+(@iCategoryId, CONCAT(@sName, '_font_color_default'), '_bx_uni_stg_cpt_option_font_color_default', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 3),
+(@iCategoryId, CONCAT(@sName, '_font_color_grayed'), '_bx_uni_stg_cpt_option_font_color_grayed', 'rgba(153, 153, 153, 1)', 'rgba', '', '', '', 4),
+(@iCategoryId, CONCAT(@sName, '_font_color_contrasted'), '_bx_uni_stg_cpt_option_font_color_contrasted', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 5),
+(@iCategoryId, CONCAT(@sName, '_font_size_small'), '_bx_uni_stg_cpt_option_font_size_small', '14px', 'digit', '', '', '', 6),
+(@iCategoryId, CONCAT(@sName, '_font_size_middle'), '_bx_uni_stg_cpt_option_font_size_middle', '16px', 'digit', '', '', '', 7),
+(@iCategoryId, CONCAT(@sName, '_font_size_large'), '_bx_uni_stg_cpt_option_font_size_large', '22px', 'digit', '', '', '', 8),
+(@iCategoryId, CONCAT(@sName, '_font_size_h1'), '_bx_uni_stg_cpt_option_font_size_h1', '38px', 'digit', '', '', '', 9),
+(@iCategoryId, CONCAT(@sName, '_font_color_default_h1'), '_bx_uni_stg_cpt_option_font_color_default_h1', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 10),
+(@iCategoryId, CONCAT(@sName, '_font_color_grayed_h1'), '_bx_uni_stg_cpt_option_font_color_grayed_h1', 'rgba(153, 153, 153, 1)', 'rgba', '', '', '', 11),
+(@iCategoryId, CONCAT(@sName, '_font_color_contrasted_h1'), '_bx_uni_stg_cpt_option_font_color_contrasted_h1', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 12),
+(@iCategoryId, CONCAT(@sName, '_font_color_link_h1'), '_bx_uni_stg_cpt_option_font_color_link_h1', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 13),
+(@iCategoryId, CONCAT(@sName, '_font_color_link_h1_hover'), '_bx_uni_stg_cpt_option_font_color_link_h1_hover', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 14),
+(@iCategoryId, CONCAT(@sName, '_font_size_h2'), '_bx_uni_stg_cpt_option_font_size_h2', '24px', 'digit', '', '', '', 15),
+(@iCategoryId, CONCAT(@sName, '_font_color_default_h2'), '_bx_uni_stg_cpt_option_font_color_default_h2', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 16),
+(@iCategoryId, CONCAT(@sName, '_font_color_grayed_h2'), '_bx_uni_stg_cpt_option_font_color_grayed_h2', 'rgba(153, 153, 153, 1)', 'rgba', '', '', '', 17),
+(@iCategoryId, CONCAT(@sName, '_font_color_contrasted_h2'), '_bx_uni_stg_cpt_option_font_color_contrasted_h2', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 18),
+(@iCategoryId, CONCAT(@sName, '_font_color_link_h2'), '_bx_uni_stg_cpt_option_font_color_link_h2', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 19),
+(@iCategoryId, CONCAT(@sName, '_font_color_link_h2_hover'), '_bx_uni_stg_cpt_option_font_color_link_h2_hover', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 20),
+(@iCategoryId, CONCAT(@sName, '_font_size_h3'), '_bx_uni_stg_cpt_option_font_size_h3', '18px', 'digit', '', '', '', 21),
+(@iCategoryId, CONCAT(@sName, '_font_color_default_h3'), '_bx_uni_stg_cpt_option_font_color_default_h3', 'rgba(51, 51, 51, 1)', 'rgba', '', '', '', 22),
+(@iCategoryId, CONCAT(@sName, '_font_color_grayed_h3'), '_bx_uni_stg_cpt_option_font_color_grayed_h3', 'rgba(153, 153, 153, 1)', 'rgba', '', '', '', 23),
+(@iCategoryId, CONCAT(@sName, '_font_color_contrasted_h3'), '_bx_uni_stg_cpt_option_font_color_contrasted_h3', 'rgba(255, 255, 255, 1)', 'rgba', '', '', '', 24),
+(@iCategoryId, CONCAT(@sName, '_font_color_link_h3'), '_bx_uni_stg_cpt_option_font_color_link_h3', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 25),
+(@iCategoryId, CONCAT(@sName, '_font_color_link_h3_hover'), '_bx_uni_stg_cpt_option_font_color_link_h3_hover', 'rgba(62, 134, 133, 1)', 'rgba', '', '', '', 26);
 
 -- SETTINGS: UNI Viewport Tablet
 INSERT INTO `sys_options_categories`(`type_id`, `name`, `caption`, `order`) VALUES