Ticket #1590

modules/boonex/lucid/classes/BxLucidConfig.php

@@ -0,0 +1,26 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    Lucid Lucid template
+ * @ingroup     UnaModules
+ *
+ * @{
+ */
+
+bx_import('BxBaseModTemplateConfig');
+
+class BxLucidConfig extends BxBaseModTemplateConfig
+{
+    function __construct($aModule)
+    {
+        parent::__construct($aModule);
+
+        $this->_aPrefixes = array(
+        	'option' => 'bx_lucid_'
+        );
+    }
+}
+
+/** @} */

modules/boonex/lucid/classes/BxLucidDb.php

@@ -0,0 +1,25 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    Lucid Lucid template
+ * @ingroup     UnaModules
+ *
+ * @{
+ */
+
+bx_import('BxBaseModGeneralDb');
+
+/*
+ * Module database queries
+ */
+class BxLucidDb extends BxBaseModGeneralDb
+{
+    function __construct(&$oConfig)
+    {
+        parent::__construct($oConfig);
+    }
+}
+
+/** @} */

modules/boonex/lucid/classes/BxLucidModule.php

@@ -0,0 +1,22 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    Lucid Lucid template
+ * @ingroup     UnaModules
+ *
+ * @{
+ */
+
+bx_import ('BxBaseModTemplateModule');
+
+class BxLucidModule extends BxBaseModTemplateModule
+{
+    function __construct(&$aModule)
+    {
+        parent::__construct($aModule);
+    }
+}
+
+/** @} */

modules/boonex/lucid/classes/BxLucidStudioPage.php

@@ -0,0 +1,77 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    Lucid Lucid template
+ * @ingroup     UnaModules
+ *
+ * @{
+ */
+
+define('BX_LUCID_STUDIO_TEMPL_TYPE_STYLES', 'styles');
+
+class BxLucidStudioPage extends BxTemplStudioDesign
+{
+    function __construct($sModule = "", $sPage = "")
+    {
+    	$this->MODULE = 'bx_lucid';
+        parent::__construct($sModule, $sPage);
+
+        $this->aMenuItems[BX_LUCID_STUDIO_TEMPL_TYPE_STYLES] = array('caption' => '_bx_lucid_lmi_cpt_styles', 'icon' => 'paint-brush');
+        unset($this->aMenuItems[BX_DOL_STUDIO_TEMPL_TYPE_LOGO]);
+    }
+
+    protected function getSettings($mixedCategory = '', $sMix = '')
+    {
+    	return parent::getSettings('bx_lucid_system', $sMix);
+    }
+
+	protected function getStyles($sMix = '')
+    {
+    	$oTemplate = BxDolStudioTemplate::getInstance();
+
+    	$sPrefix = $this->MODULE;
+    	$aCategories = array(
+    		$sPrefix . '_styles_general',
+			$sPrefix . '_styles_header',
+			$sPrefix . '_styles_footer',
+			$sPrefix . '_styles_body',
+			$sPrefix . '_styles_cover',
+			$sPrefix . '_styles_block',
+			$sPrefix . '_styles_card',
+			$sPrefix . '_styles_popup',
+			$sPrefix . '_styles_menu_main',
+			$sPrefix . '_styles_menu_account',
+			$sPrefix . '_styles_menu_add',
+			$sPrefix . '_styles_menu_page',
+			$sPrefix . '_styles_menu_slide',
+			$sPrefix . '_styles_form',
+			$sPrefix . '_styles_large_button',
+			$sPrefix . '_styles_large_button_primary',
+			$sPrefix . '_styles_button',
+			$sPrefix . '_styles_button_primary',
+			$sPrefix . '_styles_small_button',
+			$sPrefix . '_styles_small_button_primary',
+			$sPrefix . '_styles_font',
+			$sPrefix . '_styles_custom',
+			$sPrefix . '_viewport_tablet',
+			$sPrefix . '_viewport_mobile'
+		);
+    	$oPage = new BxTemplStudioSettings($this->sTemplate, $aCategories, $sMix);
+    	$oPage->enableReadOnly(true);
+    	$oPage->enableMixes(true);
+
+    	$oTemplate->addJs(array('codemirror/codemirror.min.js'));
+        $oTemplate->addCss(BX_DIRECTORY_PATH_PLUGINS_PUBLIC . 'codemirror/|codemirror.css');
+
+        return BxDolStudioTemplate::getInstance()->parseHtmlByName('design.html', array(
+            'content' => $oPage->getPageCode(),
+        	'js_content' => $this->getPageJsCode(array(
+				"sCodeMirror" => "textarea[name='" . $sPrefix . "_styles_custom']"
+			))
+        ));
+    }
+}
+
+/** @} */

modules/boonex/lucid/classes/BxLucidTemplate.php

@@ -0,0 +1,24 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    Lucid Lucid template
+ * @ingroup     UnaModules
+ *
+ * @{
+ */
+
+bx_import('BxBaseModGeneralTemplate');
+
+class BxLucidTemplate extends BxBaseModGeneralTemplate
+{
+    function __construct(&$oConfig, &$oDb)
+    {
+        $this->MODULE = 'bx_lucid';
+
+        parent::__construct($oConfig, $oDb);
+    }
+}
+
+/** @} */

modules/boonex/lucid/data/template/bx_channels/css/main.css

@@ -0,0 +1,65 @@
+@import url(../../../../../spaces/template/css/main.css);
+
+
+/*--- Unit ---*/
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover a.bx-base-pofile-unit-cover {
+	text-align: left;
+}
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover div.bx-def-unit-img {
+	display: inline-block;
+	vertical-align: middle;
+	width: 5.25rem;
+	height: 5.25rem;
+	margin-left: 1rem;
+}
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb,
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-def-unit-img img {
+	display: block;	
+	width: 5rem;
+	height: 5rem;
+	border: 0.125rem solid rgba(255,255,255,1);
+	border-radius: 0.5rem;
+	background-clip: border-box;
+	overflow: hidden;
+}
+
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	line-height: 4.7rem;
+	text-align: center;
+}
+
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-def-unit-img img {
+	background-color: #ffffff;
+}
+
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-base-pofile-unit-title {
+	text-align: left;
+}
+
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-base-pofile-unit-title a {
+	font-weight: 800;
+	font-size: 1.25rem;
+	color: rgba(29, 75, 96, 1.0);
+}
+
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom {
+	display: -webkit-flex;
+   	display: flex;
+   	-webkit-align-items: center;
+   	align-items: center;
+	-webkit-justify-content: left;
+	justify-content: left;
+}
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li {
+	-webkit-flex: 0 1 auto; 
+	-ms-flex:  0 1 auto; 
+	flex:  0 1 auto;
+}
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li.bx-menu-item-stretcher {
+	-webkit-flex-grow: 3;
+	flex-grow: 3;
+}
+
+.bx-base-pofile-unit-with-cover.bx-channels-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li .bx-base-profile-unit-meta-item {
+	line-height: normal;
+}

modules/boonex/lucid/data/template/bx_channels/unit.html

@@ -0,0 +1,21 @@
+<div class="__class__ bx-channels-unit-with-cover bx-def-padding-sec bx-def-box-sizing">
+    <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
+	    <a class="bx-base-pofile-unit-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+	    	<div class="bx-def-unit-img bx-def-thumb-size">
+	            <bx_if:show_avatar_image>
+	                <img class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size" src="__avatar_url__" />
+	            </bx_if:show_avatar_image>
+	            <bx_if:show_thumb_letter>
+	                <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+	            </bx_if:show_thumb_letter>
+	            <bx_if:show_online>
+					<div class="bx-base-pofile-unit-online"></div>
+				</bx_if:show_online>
+			</div>
+	    </a>
+	    <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding"><a href="__content_url__" onclick="__content_click__">__title__</a></div>
+	    <div class="bx-base-pofile-unit-info">
+            <bx_if:meta><div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-rightbottomleft">__meta__</div></bx_if:meta>
+	    </div>
+    </div>
+</div>

modules/boonex/lucid/data/template/bx_channels/unit_with_cover_showcase.html

@@ -0,0 +1 @@
+<bx_include_auto:unit.html />

modules/boonex/lucid/data/template/bx_events/css/main.css

@@ -0,0 +1,65 @@
+@import url(../../../../../events/template/css/main.css);
+
+
+/*--- Unit ---*/
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover a.bx-base-pofile-unit-cover {
+	text-align: right;
+}
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover div.bx-def-unit-img {
+	display: inline-block;
+	vertical-align: middle;
+	width: 5.25rem;
+	height: 5.25rem;
+	margin-right: 1rem;
+}
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb,
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-def-unit-img img {
+	display: block;	
+	width: 5rem;
+	height: 5rem;
+	border: 0.125rem solid rgba(255,255,255,1);
+	border-radius: 0.5rem;
+	background-clip: border-box;
+	overflow: hidden;
+}
+
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	line-height: 4.7rem;
+	text-align: center;
+}
+
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-def-unit-img img {
+	background-color: #ffffff;
+}
+
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-base-pofile-unit-title {
+	text-align: left;
+}
+
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-base-pofile-unit-title a {
+	font-weight: 800;
+	font-size: 1.25rem;
+	color: rgba(29, 75, 96, 1.0);
+}
+
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom {
+	display: -webkit-flex;
+   	display: flex;
+   	-webkit-align-items: center;
+   	align-items: center;
+	-webkit-justify-content: left;
+	justify-content: left;
+}
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li {
+	-webkit-flex: 0 1 auto; 
+	-ms-flex:  0 1 auto; 
+	flex:  0 1 auto;
+}
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li.bx-menu-item-stretcher {
+	-webkit-flex-grow: 3;
+	flex-grow: 3;
+}
+
+.bx-base-pofile-unit-with-cover.bx-events-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li .bx-base-profile-unit-meta-item {
+	line-height: normal;
+}

modules/boonex/lucid/data/template/bx_events/unit.html

@@ -0,0 +1,21 @@
+<div class="__class__ bx-events-unit-with-cover bx-def-padding-sec bx-def-box-sizing">
+    <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
+	    <a class="bx-base-pofile-unit-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+	    	<div class="bx-def-unit-img bx-def-thumb-size">
+	            <bx_if:show_avatar_image>
+	                <img class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size" src="__avatar_url__" />
+	            </bx_if:show_avatar_image>
+	            <bx_if:show_thumb_letter>
+	                <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+	            </bx_if:show_thumb_letter>
+	            <bx_if:show_online>
+					<div class="bx-base-pofile-unit-online"></div>
+				</bx_if:show_online>
+			</div>
+	    </a>
+	    <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding"><a href="__content_url__" onclick="__content_click__">__title__</a></div>
+	    <div class="bx-base-pofile-unit-info">
+            <bx_if:meta><div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-rightbottomleft">__meta__</div></bx_if:meta>
+	    </div>
+    </div>
+</div>

modules/boonex/lucid/data/template/bx_events/unit_with_cover_showcase.html

@@ -0,0 +1 @@
+<bx_include_auto:unit.html />

modules/boonex/lucid/data/template/bx_forum/css/main.css

@@ -0,0 +1,5 @@
+@import url(../../../../../forum/template/css/main.css);
+
+.cmt.bx-def-box .cmt-info > .bx-def-hr {
+    display: none;
+}

modules/boonex/lucid/data/template/bx_groups/css/main.css

@@ -0,0 +1,65 @@
+@import url(../../../../../groups/template/css/main.css);
+
+
+/*--- Unit ---*/
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover a.bx-base-pofile-unit-cover {
+	text-align: left;
+}
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover div.bx-def-unit-img {
+	display: inline-block;
+	vertical-align: middle;
+	width: 5.25rem;
+	height: 5.25rem;
+	margin-left: 1rem;
+}
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb,
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-def-unit-img img {
+	display: block;	
+	width: 5rem;
+	height: 5rem;
+	border: 0.125rem solid rgba(255,255,255,1);
+	border-radius: 0.5rem;
+	background-clip: border-box;
+	overflow: hidden;
+}
+
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	line-height: 4.7rem;
+	text-align: center;
+}
+
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-def-unit-img img {
+	background-color: #ffffff;
+}
+
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-base-pofile-unit-title {
+	text-align: left;
+}
+
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-base-pofile-unit-title a {
+	font-weight: 800;
+	font-size: 1.25rem;
+	color: rgba(29, 75, 96, 1.0);
+}
+
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom {
+	display: -webkit-flex;
+   	display: flex;
+   	-webkit-align-items: center;
+   	align-items: center;
+	-webkit-justify-content: left;
+	justify-content: left;
+}
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li {
+	-webkit-flex: 0 1 auto; 
+	-ms-flex:  0 1 auto; 
+	flex:  0 1 auto;
+}
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li.bx-menu-item-stretcher {
+	-webkit-flex-grow: 3;
+	flex-grow: 3;
+}
+
+.bx-base-pofile-unit-with-cover.bx-groups-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li .bx-base-profile-unit-meta-item {
+	line-height: normal;
+}

modules/boonex/lucid/data/template/bx_groups/unit.html

@@ -0,0 +1,21 @@
+<div class="__class__ bx-groups-unit-with-cover bx-def-padding-sec bx-def-box-sizing">
+    <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
+	    <a class="bx-base-pofile-unit-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+	    	<div class="bx-def-unit-img bx-def-thumb-size">
+	            <bx_if:show_avatar_image>
+	                <img class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size" src="__avatar_url__" />
+	            </bx_if:show_avatar_image>
+	            <bx_if:show_thumb_letter>
+	                <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+	            </bx_if:show_thumb_letter>
+	            <bx_if:show_online>
+					<div class="bx-base-pofile-unit-online"></div>
+				</bx_if:show_online>
+			</div>
+	    </a>
+	    <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding"><a href="__content_url__" onclick="__content_click__">__title__</a></div>
+	    <div class="bx-base-pofile-unit-info">
+            <bx_if:meta><div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-rightbottomleft">__meta__</div></bx_if:meta>
+	    </div>
+    </div>
+</div>

modules/boonex/lucid/data/template/bx_groups/unit_with_cover_showcase.html

@@ -0,0 +1 @@
+<bx_include_auto:unit.html />

modules/boonex/lucid/data/template/bx_notifications/css/view.css

@@ -0,0 +1,11 @@
+@import url(../../../../../notifications/template/css/view.css);
+
+
+/*--- Preview Popup Style ---*/
+.bx-menu-object-bx_notifications_preview .bx-menu-item-event {
+	margin-top: 0.5rem;
+	border-radius: 0.5rem;
+}
+.bx-menu-object-bx_notifications_preview .bx-menu-item-event:first-child {
+	margin-top: 0;
+}

modules/boonex/lucid/data/template/bx_persons/css/main.css

@@ -0,0 +1,58 @@
+@import url(../../../../../persons/template/css/main.css);
+
+
+/*--- Unit ---*/
+
+.bx-base-pofile-unit-with-cover div.bx-def-unit-img {
+	display: inline-block;
+	vertical-align: middle;
+	width: 5.25rem;
+	height: 5.25rem;
+}
+.bx-base-pofile-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb,
+.bx-base-pofile-unit-with-cover .bx-def-unit-img img {
+	display: block;	
+	width: 5rem;
+	height: 5rem;
+	border: 0.125rem solid rgba(255,255,255,1);
+	border-radius: 3rem;
+	background-clip: border-box;
+	overflow: hidden;
+}
+
+.bx-base-pofile-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	line-height: 5rem;
+	text-align: center;
+}
+
+.bx-base-pofile-unit-with-cover .bx-def-unit-img img {
+	background-color: #ffffff;
+}
+
+.bx-base-pofile-unit-with-cover .bx-base-pofile-unit-title a {
+	font-weight: 800;
+	font-size: 1.25rem;
+	color: rgba(29, 75, 96, 1.0);
+}
+
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom {
+	display: -webkit-flex;
+   	display: flex;
+   	-webkit-align-items: center;
+   	align-items: center;
+	-webkit-justify-content: left;
+	justify-content: left;
+}
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li {
+	-webkit-flex: 0 1 auto; 
+	-ms-flex:  0 1 auto; 
+	flex:  0 1 auto;
+}
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li.bx-menu-item-stretcher {
+	-webkit-flex-grow: 3;
+	flex-grow: 3;
+}
+
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li .bx-base-profile-unit-meta-item {
+	line-height: normal;
+}

modules/boonex/lucid/data/template/bx_persons/unit_with_cover.html

@@ -0,0 +1,21 @@
+<div class="__class__ bx-def-padding-sec bx-def-box-sizing">
+    <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
+	    <a class="bx-base-pofile-unit-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+	    	<div class="bx-def-unit-img bx-def-thumb-size">
+	            <bx_if:show_avatar_image>
+	                <img class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border" src="__avatar_url__" />
+	            </bx_if:show_avatar_image>
+	            <bx_if:show_thumb_letter>
+	                <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+	            </bx_if:show_thumb_letter>
+	            <bx_if:show_online>
+					<div class="bx-base-pofile-unit-online"></div>
+				</bx_if:show_online>
+			</div>
+	    </a>
+	    <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding"><a href="__content_url__" onclick="__content_click__">__title__</a></div>
+	    <div class="bx-base-pofile-unit-info">
+            <bx_if:meta><div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-rightbottomleft">__meta__</div></bx_if:meta>
+	    </div>
+    </div>
+</div>

modules/boonex/lucid/data/template/bx_persons/unit_with_cover_showcase.html

@@ -0,0 +1 @@
+<bx_include_auto:unit_with_cover.html />

modules/boonex/lucid/data/template/bx_posts/css/main.css

@@ -0,0 +1,6 @@
+@import url(../../../../../posts/template/css/main.css);
+
+.bx-def-box.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}

modules/boonex/lucid/data/template/bx_posts/unit.html

@@ -0,0 +1,14 @@
+<div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
+	<bx_if:thumb>
+		<div class="bx-base-text-unit-cover">
+			<img class="bx-base-text-unit-cover bx-def-round-corners" alt="__title__" src="__thumb_url__" />
+		</div>
+	</bx_if:thumb>
+	<div class="bx-base-text-unit-text bx-def-padding bx-def-box-sizing">
+	    <h2 class="bx-base-text-unit-title"><a href="__content_url__">__title__</a></h2>
+	    <div class="bx-base-text-unit-summary bx-def-margin-sec-top bx-clearfix">__summary__</div> 
+	    <div class="bx-base-text-unit-info bx-def-margin-sec-top bx-def-font-small">
+            <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
+        </div>
+	</div>
+</div>

modules/boonex/lucid/data/template/bx_spaces/css/main.css

@@ -0,0 +1,65 @@
+@import url(../../../../../spaces/template/css/main.css);
+
+
+/*--- Unit ---*/
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover a.bx-base-pofile-unit-cover {
+	text-align: left;
+}
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover div.bx-def-unit-img {
+	display: inline-block;
+	vertical-align: middle;
+	width: 5.25rem;
+	height: 5.25rem;
+	margin-left: 1rem;
+}
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb,
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-def-unit-img img {
+	display: block;	
+	width: 5rem;
+	height: 5rem;
+	border: 0.125rem solid rgba(255,255,255,1);
+	border-radius: 0.5rem;
+	background-clip: border-box;
+	overflow: hidden;
+}
+
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	line-height: 4.7rem;
+	text-align: center;
+}
+
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-def-unit-img img {
+	background-color: #ffffff;
+}
+
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-base-pofile-unit-title {
+	text-align: left;
+}
+
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-base-pofile-unit-title a {
+	font-weight: 800;
+	font-size: 1.25rem;
+	color: rgba(29, 75, 96, 1.0);
+}
+
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom {
+	display: -webkit-flex;
+   	display: flex;
+   	-webkit-align-items: center;
+   	align-items: center;
+	-webkit-justify-content: left;
+	justify-content: left;
+}
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li {
+	-webkit-flex: 0 1 auto; 
+	-ms-flex:  0 1 auto; 
+	flex:  0 1 auto;
+}
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li.bx-menu-item-stretcher {
+	-webkit-flex-grow: 3;
+	flex-grow: 3;
+}
+
+.bx-base-pofile-unit-with-cover.bx-spaces-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom li .bx-base-profile-unit-meta-item {
+	line-height: normal;
+}

modules/boonex/lucid/data/template/bx_spaces/unit.html

@@ -0,0 +1,21 @@
+<div class="__class__ bx-spaces-unit-with-cover bx-def-padding-sec bx-def-box-sizing">
+    <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
+	    <a class="bx-base-pofile-unit-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+	    	<div class="bx-def-unit-img bx-def-thumb-size">
+	            <bx_if:show_avatar_image>
+	                <img class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size" src="__avatar_url__" />
+	            </bx_if:show_avatar_image>
+	            <bx_if:show_thumb_letter>
+	                <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+	            </bx_if:show_thumb_letter>
+	            <bx_if:show_online>
+					<div class="bx-base-pofile-unit-online"></div>
+				</bx_if:show_online>
+			</div>
+	    </a>
+	    <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding"><a href="__content_url__" onclick="__content_click__">__title__</a></div>
+	    <div class="bx-base-pofile-unit-info">
+            <bx_if:meta><div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-rightbottomleft">__meta__</div></bx_if:meta>
+	    </div>
+    </div>
+</div>

modules/boonex/lucid/data/template/bx_spaces/unit_with_cover_showcase.html

@@ -0,0 +1 @@
+<bx_include_auto:unit.html />

modules/boonex/lucid/data/template/bx_timeline/comments.html

@@ -0,0 +1,5 @@
+<div id="bx-timeline-comments-__id__" class="__style_prefix__-item-comments-wrp">
+	<div class="__style_prefix__-item-comments bx-def-margin-top">
+		<div class="__style_prefix__-comments-cnt">__content__</div>
+	</div>
+</div>

modules/boonex/lucid/data/template/bx_timeline/css/post.css

@@ -0,0 +1,76 @@
+@import url(../../../../../timeline/template/css/post.css);
+
+/*--- Post Form ---*/
+.bx-tl-post-submenu {
+	border-bottom-color: #e6f0fa;
+}
+
+.bx-tl-post-submenu-cnt {
+	display: -webkit-flex;
+  display: flex;
+}
+
+.bx-tl-post-submenu-item {
+	-webkit-flex: 0 1 33.3%; 
+	-ms-flex:  0 1 33.3%; 
+	flex:  0 1 33.3%;
+
+	border-left: 1px solid #e6f0fa;
+}
+
+.bx-tl-post-submenu-item:first-child {
+	border-left-width: 0px;
+}
+
+.bx-tl-post-submenu-item > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.bx-tl-post-submenu-item > div.bx-def-border-bottom {
+    border-color: #68b4e1;
+}
+
+.bx-tl-post-submenu-item .bx-tl-psi-icon,
+.bx-tl-post-submenu-item .bx-tl-psi-icon img {
+	width: 1.5rem;
+	height: 1.5rem;
+}
+.bx-tl-post-submenu-item .bx-tl-psi-icon img {
+	color: #002e74;
+}
+
+.bx-tl-post-submenu-item .sys-icon {
+	vertical-align: middle;
+	font-size: 1.5rem;
+}
+
+.bx-tl-post .bx-form-value .bx-form-input-wrapper-textarea {
+	overflow: hidden;
+}
+
+div#bx-timeline-post div#bx-form-element-attachments {
+	position: relative;
+	top: 0;
+	left: 0;
+	right: auto;
+}
+div#bx-timeline-post div#bx-form-element-attachments ul.bx-menu-btns-hor {
+	text-align: left;
+}
+
+/*+++ Froala +++*/
+.bx-tl-post .bx-form-element-wrapper .bx-form-input-wrapper-textarea .fr-toolbar.fr-top,
+.bx-tl-post .bx-form-element-wrapper .bx-form-input-wrapper-textarea .fr-box.fr-basic.fr-top .fr-wrapper {
+    border-width: 0px;
+    box-shadow: none;
+}
+
+/*--- Phone ---*/
+
+/*--- Post Form ---*/
+.bx-media-phone .bx-tl-post-submenu .bx-tl-post-submenu-item > div {
+    display: block;
+    text-align: center;
+}
+

modules/boonex/lucid/data/template/bx_timeline/css/view-media-desktop.css

@@ -0,0 +1,236 @@
+
+/*--- View Block Style ---*/
+.bx-media-desktop .bx-tl-grid-sizer {
+    width: 33.3%;
+}
+.bx-media-desktop .bx-layout-column-wide .bx-tl-grid-sizer,
+.bx-media-desktop .bx-layout-column-half .bx-tl-grid-sizer {
+   width: 50%;
+}
+.bx-media-desktop .bx-layout-column-thin .bx-tl-grid-sizer {
+   width: 100%;
+}
+
+
+.bx-media-desktop .bx-tl-grid-item-sizer {
+   width: 33.3%;
+}
+.bx-media-desktop .bx-tl-grid-item-sizer.bx-tl-gis-pnd,
+.bx-media-desktop .bx-tl-grid-item-sizer.bx-tl-gis-pnd-pmd {
+    width: 66.6%;
+}
+.bx-media-desktop .bx-layout-column-wide .bx-tl-grid-item-sizer,
+.bx-media-desktop .bx-layout-column-half .bx-tl-grid-item-sizer {
+    width: 50%;
+}
+.bx-media-desktop .bx-layout-column-wide .bx-tl-grid-item-sizer.bx-tl-gis-pnd,
+.bx-media-desktop .bx-layout-column-wide .bx-tl-grid-item-sizer.bx-tl-gis-pnd-pmd,
+.bx-media-desktop .bx-layout-column-half .bx-tl-grid-item-sizer.bx-tl-gis-pnd,
+.bx-media-desktop .bx-layout-column-half .bx-tl-grid-item-sizer.bx-tl-gis-pnd-pmd {
+    width: 100%;
+}
+
+.bx-media-desktop .bx-layout-column-thin .bx-tl-item-grid-sizer {
+    width: 100%;
+}
+
+/*--- Animation ---*/
+.bx-media-desktop.cssanimations div.bx-tl-view-timeline .bx-tl-item-type.is-hidden {
+    visibility: hidden;
+}
+.bx-media-desktop.cssanimations div.bx-tl-view-timeline .bx-tl-item-type.bounce-in {
+    visibility: visible;
+    -webkit-animation: cd-bounce-1 0.6s;
+    -moz-animation: cd-bounce-1 0.6s;
+    animation: cd-bounce-1 0.6s;
+}
+.bx-media-desktop.cssanimations div.bx-tl-view-timeline .bx-tl-item-cnt.is-hidden {
+    visibility: hidden;
+}
+.bx-media-desktop.cssanimations div.bx-tl-view-timeline .bx-tl-item-cnt.bounce-in {
+    visibility: visible;
+    -webkit-animation: cd-bounce-2 0.6s;
+    -moz-animation: cd-bounce-2 0.6s;
+    animation: cd-bounce-2 0.6s;
+}
+/* inverse bounce effect on even content blocks */
+.bx-media-desktop.cssanimations .bx-layout-column-fullwidth div.bx-tl-view-timeline .bx-tl-item:nth-child(even) .bx-tl-item-cnt.bounce-in {
+    -webkit-animation: cd-bounce-2-inverse 0.6s;
+    -moz-animation: cd-bounce-2-inverse 0.6s;
+    animation: cd-bounce-2-inverse 0.6s;
+}
+
+
+/*--- Animation ---*/
+@-webkit-keyframes cd-bounce-1 {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.5);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale(1.2);
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+  }
+}
+@-moz-keyframes cd-bounce-1 {
+  0% {
+    opacity: 0;
+    -moz-transform: scale(0.5);
+  }
+
+  60% {
+    opacity: 1;
+    -moz-transform: scale(1.2);
+  }
+
+  100% {
+    -moz-transform: scale(1);
+  }
+}
+@keyframes cd-bounce-1 {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.5);
+    -moz-transform: scale(0.5);
+    -ms-transform: scale(0.5);
+    -o-transform: scale(0.5);
+    transform: scale(0.5);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale(1.2);
+    -moz-transform: scale(1.2);
+    -ms-transform: scale(1.2);
+    -o-transform: scale(1.2);
+    transform: scale(1.2);
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+@-webkit-keyframes cd-bounce-2 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-100px);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translateX(20px);
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+  }
+}
+@-moz-keyframes cd-bounce-2 {
+  0% {
+    opacity: 0;
+    -moz-transform: translateX(-100px);
+  }
+
+  60% {
+    opacity: 1;
+    -moz-transform: translateX(20px);
+  }
+
+  100% {
+    -moz-transform: translateX(0);
+  }
+}
+@keyframes cd-bounce-2 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-100px);
+    -moz-transform: translateX(-100px);
+    -ms-transform: translateX(-100px);
+    -o-transform: translateX(-100px);
+    transform: translateX(-100px);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translateX(20px);
+    -moz-transform: translateX(20px);
+    -ms-transform: translateX(20px);
+    -o-transform: translateX(20px);
+    transform: translateX(20px);
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+    -moz-transform: translateX(0);
+    -ms-transform: translateX(0);
+    -o-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@-webkit-keyframes cd-bounce-2-inverse {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(100px);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translateX(-20px);
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+  }
+}
+@-moz-keyframes cd-bounce-2-inverse {
+  0% {
+    opacity: 0;
+    -moz-transform: translateX(100px);
+  }
+
+  60% {
+    opacity: 1;
+    -moz-transform: translateX(-20px);
+  }
+
+  100% {
+    -moz-transform: translateX(0);
+  }
+}
+@keyframes cd-bounce-2-inverse {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(100px);
+    -moz-transform: translateX(100px);
+    -ms-transform: translateX(100px);
+    -o-transform: translateX(100px);
+    transform: translateX(100px);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translateX(-20px);
+    -moz-transform: translateX(-20px);
+    -ms-transform: translateX(-20px);
+    -o-transform: translateX(-20px);
+    transform: translateX(-20px);
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+    -moz-transform: translateX(0);
+    -ms-transform: translateX(0);
+    -o-transform: translateX(0);
+    transform: translateX(0);
+  }
+}

modules/boonex/lucid/data/template/bx_timeline/css/view-media-tablet.css

@@ -0,0 +1,24 @@
+
+/*--- View Block Style ---*/
+.bx-media-tablet .bx-tl-grid-sizer {
+    width: 50%;
+}
+.bx-media-tablet .bx-layout-column-half .bx-tl-grid-sizer, 
+.bx-media-tablet .bx-layout-column-thin .bx-tl-grid-sizer {
+    width: 100%;
+}
+
+.bx-media-tablet .bx-tl-grid-item-sizer { 
+    width: 50%;
+}
+
+.bx-media-tablet .bx-tl-grid-item-sizer.bx-tl-gis-pnd,
+.bx-media-tablet .bx-tl-grid-item-sizer.bx-tl-gis-pnd-pmd { 
+    width: 100%;
+}
+
+.bx-media-tablet .bx-layout-column-half .bx-tl-grid-item-sizer, 
+.bx-media-tablet .bx-layout-column-thin .bx-tl-grid-item-sizer {
+    width: 100%;
+}
+

modules/boonex/lucid/data/template/bx_timeline/css/view.css

@@ -0,0 +1,276 @@
+@import url(../../../../../timeline/template/css/view.css);
+
+.bx-tl-grid-sizer {
+	width: 100%;
+}
+	
+.bx-tl-grid-item-sizer {
+    width: 100%;
+}
+
+div.bx-tl-view-timeline div.bx-tl-items:before {
+    top: 1px;
+}
+div.bx-tl-view-timeline div.bx-tl-item-type {
+    display: none;
+}
+
+div.bx-tl-view div.bx-tl-item .bx-tl-item-cnt {
+    overflow: visible;
+}
+
+div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name {
+    line-height: 1rem;
+}
+div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name > * {
+    vertical-align: middle;
+}
+div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name .bx-tl-hot img {
+	display: inline-block;
+	vertical-align: sub;
+}
+	
+div.bx-tl-view div.bx-tl-item-text div.bx-tl-title {
+	font-size: 1.375rem;
+    font-weight: 900;
+}
+
+div.bx-tl-view div.bx-tl-item-text div.bx-tl-content p {
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+}
+
+div.bx-tl-view div.bx-tl-item-images {
+	text-align: center;
+}
+div.bx-tl-view div.bx-tl-item-images div.bx-tl-item-image img {
+    position: relative;
+    display: block;
+    max-width: 100%;
+
+    margin-left: auto;
+    margin-right: auto;
+}
+div.bx-tl-view div.bx-tl-item div.bx-tl-item-owner div.bx-tl-owner-info {
+    position: relative;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+	-webkit-justify-content: space-between;
+    justify-content: space-between;
+
+    margin-right: 0;
+}
+div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name a.bx-tl-owner-name, 
+div.bx-tl-view div.bx-tl-item div.bx-tl-owner-name .bx-tl-timeline-owner-name a.bx-tl-ton-item {
+    font-size: 1rem;
+    font-weight: bold;
+}
+div.bx-tl-view div.bx-tl-item div.bx-tl-owner-actions {
+    position: relative;
+    line-height: normal;
+}
+
+/*+++ Pinned +++*/
+/*
+.bx-tl-view div.bx-tl-item.bx-tl-pinned div.bx-tl-item-text div.bx-tl-title a,
+.bx-tl-view div.bx-tl-item.bx-tl-pinned div.bx-tl-item-text div.bx-tl-content *,
+.bx-tl-view div.bx-tl-item.bx-tl-pinned div.bx-tl-item-date a,	
+.bx-tl-view div.bx-tl-item.bx-tl-pinned div.bx-tl-item-date span.bx-def-font-small,
+.bx-tl-view div.bx-tl-item.bx-tl-pinned div.bx-tl-item-owner a {
+    color: #ffffff;
+}
+.bx-tl-view div.bx-tl-item.bx-tl-pinned .bx-def-box.bx-def-color-bg-block,
+.bx-tl-view div.bx-tl-item.bx-tl-pinned .bx-def-box.bx-def-color-bg-box:not(.cmt-box) {
+    background: -moz-linear-gradient(top, rgba(107,192,215,1) 0%, rgba(0,147,205,1) 100%);
+    background: -webkit-linear-gradient(top, rgba(107,192,215,1) 0%,rgba(0,147,205,1) 100%);
+    background: linear-gradient(to bottom, rgba(107,192,215,1) 0%, rgba(0,147,205,1) 100%);
+}
+*/
+
+/*+++ Item Note +++*/
+.bx-tl-in-divider {
+	border-color: rgba(238, 241, 244, 1.0);
+}
+	
+/*+++ Item Author +++*/
+.bx-tl-item-owner {
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+.bx-tl-item-owner-cnt {
+	position: relative;
+}
+.bx-tl-item-owner .bx-def-thumb-size {
+    width: 2.25rem;
+    height: 2.25rem;
+}
+.bx-tl-item-owner div.bx-def-unit-img p.bx-base-pofile-unit-thumb {
+    line-height: 2.25rem;
+    font-size: 1.65rem;
+}
+.bx-tl-item-owner .bx-def-thumb-size-min-height {
+	min-height: 2.25rem;
+}
+.bx-tl-item-owner .bx-def-thumb-size-left-indent {
+	margin-left: 2.875rem;	
+}
+
+/*+++ Item Context +++*/
+.bx-tl-item-context {
+	position: relative;
+	display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+
+    border-color: rgba(238, 241, 244, 1.0);
+}
+.bx-tl-item-context-owner {
+	position: relative;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+
+	height: 2rem;
+    line-height: 2rem;
+
+    border-radius: 2rem;
+    overflow: hidden;
+}
+.bx-tl-item-context-owner .bx-tl-ico-icon {
+	border: 1px solid transparent;
+}
+.bx-tl-item-context-owner .bx-tl-ico-icon .bx-def-thumb-size {
+	width: 1.875rem;
+	height: 1.875rem;
+	line-height: 1.875rem;
+}
+.bx-tl-item-context-owner .bx-tl-ico-icon .bx-base-pofile-unit-wo-info p.bx-base-pofile-unit-thumb, 
+.bx-tl-item-context-owner .bx-tl-ico-icon .bx-base-pofile-unit-wo-info p.bx-base-pofile-unit-ava {
+    display: block;
+    margin: 0px;
+    border-width: 0;
+    border-radius: 2rem;
+    line-height: 1.875rem;
+    font-size: 1.5rem;
+    font-weight: 800;
+}
+.bx-tl-item-context-owner .bx-tl-ico-icon,
+.bx-tl-item-context-owner .bx-tl-ico-info {
+    background-color: rgba(246, 249, 252, 1.0);
+}
+
+
+/*+++ Item Images +++*/
+div.bx-tl-view.bx-tl-view-timeline div.bx-tl-item-image,
+div.bx-tl-view.bx-tl-view-search div.bx-tl-item-image,
+div.bx-tl-view.bx-tl-view-item div.bx-tl-item-image {
+	display: block;
+    margin-right: 0;
+}
+
+/*+++ Activity and Comments +++*/
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-comments-holder .bx-tl-item-comments-wrp {
+	padding: 0.5rem 1rem;
+	border-top: 1px solid rgba(238, 241, 244, 1.0);
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-comments-holder .bx-tl-item-comments {
+	margin-top: 0.5rem;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-comments-holder .cmt-reply {
+    margin-bottom: 0;
+    padding-bottom: 1.25rem;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor::before, 
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor::after { 
+    content: none;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li {
+    display: block;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li > span {
+	display: inline-block;
+    vertical-align: top;
+	margin-top: 0;
+    margin-right: 0;
+	margin-bottom: 0;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li > span:not(.item-share) span.bx-menu-custom-item-title {
+	display: none;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li > span.item-share span.bx-menu-custom-item-title {
+	font-size: 1.25rem;
+	color: rgba(0,147,205,1);
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li .bx-vote-likes .bx-vote-element-holder,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li .bx-vote-likes .bx-vote-counter-holder {
+	line-height: inherit;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a {
+    font-size: 1.25rem;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li .sys-icon,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a .sys-icon {
+    vertical-align: baseline;
+    font-size: 1.5rem;
+    color: rgba(0,147,205,1);
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li .bx-vote-disabled .sys-icon,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a.bx-vote-disabled .sys-icon,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li .bx-score-disabled .sys-icon,
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a.bx-score-disabled .sys-icon{
+    color: #ddd;
+}
+.bx-tl-view div.bx-tl-item div.bx-tl-item-activity .bx-menu-hor li a img {
+	display: inline-block;
+    vertical-align: sub;
+
+    width: 1.625rem;
+    height: 1.625rem;
+    box-sizing: border-box;
+    background-size: contain;
+    background-clip: content-box;
+    border: 1px solid transparent;
+}
+
+/*--- Item Content Style ---*/
+div.bx-tl-item-text div.bx-tl-content {
+    max-height: 250px;
+}
+div.bx-tl-item-date {
+	color: #E0E8EB;
+}
+div.bx-tl-item-date span.bx-def-font-small {
+    color: #50585D;
+}
+div.bx-tl-item-date .bx-tl-timeline-owner-name a.bx-tl-ton-item {
+    color: #0093CD;
+}
+div.bx-tl-item-date a.bx-tl-date {
+	font-size: 0.75rem;
+	color: #50585D;
+}
+div.bx-tl-item-date .bx-tl-hot img {
+	display: inline-block;
+    vertical-align: text-top;
+}
+
+/*--- Outline view: Card ---*/
+.bx-tl-view.bx-tl-view-item div.bx-tl-item .bx-tl-item-cnt,
+.bx-tl-view.bx-tl-view-outline div.bx-tl-item .bx-tl-item-cnt {
+    padding-bottom: 0;
+}

modules/boonex/lucid/data/template/bx_timeline/item_outline.html

@@ -0,0 +1,58 @@
+<div id="__html_id__" class="__style_prefix__-item __class__">
+	<div class="__style_prefix__-item-ind bx-def-padding-sec">
+	    <div class="__style_prefix__-item-cnt bx-def-box bx-def-round-corners __class_content__">
+	    	<div class="__style_prefix__-item-owner bx-def-padding-top bx-def-padding-sec-bottom">
+                    <div class="__style_prefix__-item-owner-cnt"> 
+	                <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
+	                <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+	                    <!-- NOTE: Spaces after and between elements in 'owner-name' DIV are needed for better line folding -->
+	                    <div class="__style_prefix__-owner-name bx-def-font-middle bx-def-font-grayed">
+	                        <a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__item_owner_name__</a> 
+	                        <bx_if:show_timeline_owner>
+                                    <i class="sys-icon caret-right"></i>
+                                    <span class="__style_prefix__-timeline-owner-name">
+                                        <bx_repeat:owners><span class="__style_prefix__-ton-div">, </span><a href="__owner_url__" class="__style_prefix__-ton-item">__owner_username__</a></bx_repeat:owners>
+                                    </span>
+                                </bx_if:show_timeline_owner><br /> 
+	                        <bx_if:show_menu_item_meta>
+                                    <span class="__style_prefix__-item-meta bx-def-font-small">__meta__</span>
+                                </bx_if:show_menu_item_meta>
+                                <bx_if:show_pinned>
+                                    <span class="__style_prefix__-pinned bx-def-margin-thd-left">
+                                        <i class="sys-icon thumbtack bx-def-margin-thd-left" title="<bx_text_attribute:_bx_timeline_txt_pinned />"></i>
+                                    </span>
+                                </bx_if:show_pinned>
+                                <bx_if:show_sticked>
+                                    <span class="__style_prefix__-sticked bx-def-margin-thd-left">
+                                        <i class="sys-icon thumbtack bx-def-margin-thd-left" title="<bx_text_attribute:_bx_timeline_txt_sticked />"></i>
+                                    </span>
+                                </bx_if:show_sticked>
+                                <bx_if:show_hot>
+                                    <span class="__style_prefix__-hot bx-def-margin-thd-left">
+                                        <i class="sys-icon fire bx-def-margin-thd-left" title="<bx_text_attribute:_bx_timeline_txt_hot />"></i>
+                                    </span>
+                                </bx_if:show_hot> 
+	                    </div>
+	                    <bx_if:show_owner_actions>
+                                <div class="__style_prefix__-owner-actions  bx-def-margin-left-auto">
+                                    <bx_repeat:owner_actions>
+                                        <a class="bx-btn bx-btn-small" href="__href__" onclick="__onclick__" title="__title__">__content__</a>
+                                    </bx_repeat:owner_actions>
+                                </div>
+                            </bx_if:show_owner_actions>
+	                </div>
+                    </div>
+                </div>
+	    	<div class="__style_prefix__-item-content bx-clearfix">__content__</div>
+                <bx_if:show_location>
+                    <div class="__style_prefix__-item-location bx-def-margin-sec-top bx-def-font-grayed bx-clearfix">__location__</div>
+                </bx_if:show_location>
+                <div class="__style_prefix__-item-footer">
+                    <bx_if:show_menu_item_actions>
+                        <div class="__style_prefix__-item-activity bx-def-margin-sec-top bx-clearfix">__menu_item_actions__</div>
+                    </bx_if:show_menu_item_actions>
+                    <div class="__style_prefix__-item-comments-holder">__comments__</div>
+                </div>
+            </div>
+	</div>
+</div>

modules/boonex/lucid/data/template/bx_timeline/item_timeline.html

@@ -0,0 +1,68 @@
+<div id="__html_id__" class="__style_prefix__-item __class__ bx-def-thumb-size-min-height bx-def-padding-bottom bx-clearfix">
+    <a name="timeline-event-__id__"></a>
+    <div class="__style_prefix__-item-type bx-def-media-phone-hide">
+	    <div class="__style_prefix__-item-circle">
+			<i class="sys-icon __item_icon__"></i>
+        </div>
+    </div>
+    <div class="__style_prefix__-item-cnt bx-def-box bx-def-round-corners __class_content__">
+        <bx_if:show_note>
+            <div class="__style_prefix__-item-note">
+                <div class="__style_prefix__-in-text bx-def-padding-sec-topbottom bx-def-padding-leftright bx-def-font-grayed<bx_if:show_note_color> col-__item_note_color__</bx_if:show_note_color>">__item_note__</div>
+                <div class="__style_prefix__-in-divider bx-def-hr"></div>
+            </div>
+        </bx_if:show_note>
+        <div class="__style_prefix__-item-owner bx-def-padding-top bx-def-padding-sec-bottom __class_owner__"> 
+            <div class="__style_prefix__-item-owner-cnt">
+                <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
+                <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+                    <!-- NOTE: Spaces after and between elements in 'owner-name' DIV are needed for better line folding -->
+                    <div class="__style_prefix__-owner-name bx-def-font-middle bx-def-font-grayed">
+                        <a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__item_owner_name__</a> 
+                        <bx_if:show_timeline_owner>
+                            <i class="sys-icon caret-right"></i>
+                            <span class="__style_prefix__-timeline-owner-name">
+                                <bx_repeat:owners><span class="__style_prefix__-ton-div">, </span><a href="__owner_url__" class="__style_prefix__-ton-item">__owner_username__</a></bx_repeat:owners>
+                            </span>
+                        </bx_if:show_timeline_owner><br /> 
+                        <bx_if:show_menu_item_meta>
+                            <span class="__style_prefix__-item-meta bx-def-font-small">__meta__</span>
+                        </bx_if:show_menu_item_meta>
+                        <bx_if:show_pinned>
+                            <span class="__style_prefix__-pinned bx-def-margin-thd-left">
+                                <i class="sys-icon thumbtack bx-def-margin-thd-left" title="<bx_text_attribute:_bx_timeline_txt_pinned />"></i>
+                            </span>
+                        </bx_if:show_pinned>
+                        <bx_if:show_sticked>
+                            <span class="__style_prefix__-sticked bx-def-margin-thd-left">
+                                <i class="sys-icon thumbtack bx-def-margin-thd-left" title="<bx_text_attribute:_bx_timeline_txt_sticked />"></i>
+                            </span>
+                        </bx_if:show_sticked>
+                        <bx_if:show_hot>
+                            <span class="__style_prefix__-hot bx-def-margin-thd-left">
+                                <i class="sys-icon fire bx-def-margin-thd-left" title="<bx_text_attribute:_bx_timeline_txt_hot />"></i>
+                            </span>
+                        </bx_if:show_hot>
+                    </div>
+                    <bx_if:show_owner_actions>
+                        <div class="__style_prefix__-owner-actions bx-def-margin-left-auto">
+                            <bx_repeat:owner_actions>
+                                <a class="bx-btn bx-btn-small" href="__href__" onclick="__onclick__">__content__</a>
+                            </bx_repeat:owner_actions>
+                        </div>
+                    </bx_if:show_owner_actions>
+                </div>
+            </div>
+        </div>
+        <div class="__style_prefix__-item-content bx-clearfix">__content__</div>
+        <bx_if:show_location>
+            <div class="__style_prefix__-item-location bx-def-margin-leftright bx-def-margin-sec-top bx-def-font-grayed bx-clearfix">__location__</div>
+        </bx_if:show_location>
+        <div class="__style_prefix__-item-footer">
+            <bx_if:show_menu_item_actions>
+                <div class="__style_prefix__-item-activity bx-def-border-top bx-def-margin-sec-top bx-clearfix">__menu_item_actions__</div>
+            </bx_if:show_menu_item_actions>
+            <div class="__style_prefix__-item-comments-holder">__comments__</div>
+        </div>
+    </div>
+</div>

modules/boonex/lucid/data/template/bx_timeline/type_post.html

@@ -0,0 +1,45 @@
+<bx_if:show_images>
+    <div class="__style_prefix__-item-images bx-def-margin-top-auto">
+        <bx_repeat:images>
+            <div class="__style_prefix__-item-image">__image__</div>
+        </bx_repeat:images>
+    </div>
+</bx_if:show_images>
+<bx_if:show_videos>
+    <div class="__style_prefix__-item-videos bx-def-margin-top-auto">
+        <bx_repeat:videos>
+            <div class="__style_prefix__-item-video bx-def-margin-top-auto">__video__</div>
+        </bx_repeat:videos>
+    </div>
+</bx_if:show_videos>
+<div class="__style_prefix__-item-text bx-def-margin-leftright bx-def-margin-sec-top-auto">
+	<bx_if:show_title>
+		<div class="__style_prefix__-title bx-def-margin-thd-top-auto bx-def-font-h3">__title__</div>
+	</bx_if:show_title>
+	<bx_if:show_content>
+		<div class="__style_prefix__-content bx-def-margin-thd-top-auto">__item_content__</div>
+	</bx_if:show_content>
+	<bx_if:show_content_raw>__item_content_raw__</bx_if:show_content_raw>
+</div>
+<bx_if:show_links>
+	<div class="__style_prefix__-item-links bx-def-margin-leftright bx-def-margin-top-auto">
+		<bx_repeat:links>
+	   		<div class="__style_prefix__-item-link bx-def-margin-top-auto bx-def-padding-sec bx-def-border">
+				<bx_if:show_embed_outer>
+				    <div class="__style_prefix__-il-embed">__embed__</div>
+				</bx_if:show_embed_outer>
+                <bx_if:show_embed_inner>
+		   			<bx_if:show_thumbnail>
+		   				<div class="__style_prefix__-il-thumbnail">
+		   					<img src="__thumbnail__" />
+		   				</div>
+		   			</bx_if:show_thumbnail>
+		   			<div class="__style_prefix__-il-title">__link__</div>
+		   			<bx_if:show_text>
+		   				<div class="__style_prefix__-il-text bx-def-font-small bx-def-font-grayed">__text__</div>
+		   			</bx_if:show_text>
+                </bx_if:show_embed_inner>
+	   		</div>
+	   	</bx_repeat:links>
+	</div>
+</bx_if:show_links>

modules/boonex/lucid/data/template/bx_timeline/type_repost.html

@@ -0,0 +1,8 @@
+<bx_if:show_title>
+	<div class="__style_prefix__-title bx-def-margin-leftright bx-def-margin-sec-bottom">__title__</div>
+</bx_if:show_title>
+<bx_if:show_content>
+	<div class="__style_prefix__-content __style_prefix__-reposted bx-def-margin-sec-bottom">
+	__content__
+	</div>
+</bx_if:show_content>

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioBuilderPage.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioBuilderPage extends BxBaseStudioBuilderPage
+{
+    function __construct($sType = '', $sPage = '')
+    {
+        parent::__construct($sType, $sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioBuilderPageUploaderHTML5.php

@@ -0,0 +1,19 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+
+class BxTemplStudioBuilderPageUploaderHTML5 extends BxBaseStudioBuilderPageUploaderHTML5
+{
+    function __construct ($aObject, $sStorageObject, $sUniqId, $oTemplate)
+    {
+        parent::__construct($aObject, $sStorageObject, $sUniqId, $oTemplate);
+    }
+}
+
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioBuilderPageUploaderSimple.php

@@ -0,0 +1,19 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+
+class BxTemplStudioBuilderPageUploaderSimple extends BxBaseStudioBuilderPageUploaderSimple
+{
+    function __construct ($aObject, $sStorageObject, $sUniqId, $oTemplate)
+    {
+        parent::__construct($aObject, $sStorageObject, $sUniqId, $oTemplate);
+    }
+}
+
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioConfig.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioConfig extends BxBaseStudioConfig
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioDashboard.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioDashboard extends BxBaseStudioDashboard
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioDesign.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioDesign extends BxBaseStudioDesign
+{
+    function __construct($sTemplate = "", $sPage = "")
+    {
+        parent::__construct($sTemplate, $sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioDesignServices.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioDesignServices extends BxBaseStudioDesignServices
+{
+    public function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioDesigner.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioDesigner extends BxBaseStudioDesigner
+{
+    function __construct($sPage = '')
+    {
+        parent::__construct($sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioDesigns.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioDesigns extends BxBaseStudioDesigns
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormView.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormView extends BxBaseStudioFormView
+{
+    function __construct($aInfo, $oTemplate = false)
+    {
+        parent::__construct($aInfo, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioForms.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioForms extends BxBaseStudioForms
+{
+    function __construct($sPage = '')
+    {
+        parent::__construct($sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsDisplays.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsDisplays extends BxBaseStudioFormsDisplays
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsField.php

@@ -0,0 +1,124 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsField extends BxBaseStudioFormsField
+{
+}
+
+class BxTemplStudioFormsFieldBlockHeader extends BxBaseStudioFormsFieldBlockHeader
+{
+}
+
+class BxTemplStudioFormsFieldValue extends BxBaseStudioFormsFieldValue
+{
+}
+
+class BxTemplStudioFormsFieldText extends BxBaseStudioFormsFieldText
+{
+}
+
+class BxTemplStudioFormsFieldPassword extends BxBaseStudioFormsFieldPassword
+{
+}
+
+class BxTemplStudioFormsFieldTextarea extends BxBaseStudioFormsFieldTextarea
+{
+}
+
+class BxTemplStudioFormsFieldNumber extends BxBaseStudioFormsFieldNumber
+{
+}
+
+class BxTemplStudioFormsFieldDatepicker extends BxBaseStudioFormsFieldDatepicker
+{
+}
+
+class BxTemplStudioFormsFieldDatetime extends BxBaseStudioFormsFieldDatetime
+{
+}
+
+class BxTemplStudioFormsFieldCheckbox extends BxBaseStudioFormsFieldCheckbox
+{
+}
+
+class BxTemplStudioFormsFieldSwitcher extends BxBaseStudioFormsFieldSwitcher
+{
+}
+
+class BxTemplStudioFormsFieldFile extends BxBaseStudioFormsFieldFile
+{
+}
+
+class BxTemplStudioFormsFieldFiles extends BxBaseStudioFormsFieldFiles
+{
+}
+
+class BxTemplStudioFormsFieldSlider extends BxBaseStudioFormsFieldSlider
+{
+}
+
+class BxTemplStudioFormsFieldDoublerange extends BxBaseStudioFormsFieldDoublerange
+{
+}
+
+class BxTemplStudioFormsFieldHidden extends BxBaseStudioFormsFieldHidden
+{
+}
+
+class BxTemplStudioFormsFieldButton extends BxBaseStudioFormsFieldButton
+{
+}
+
+class BxTemplStudioFormsFieldReset extends BxBaseStudioFormsFieldReset
+{
+}
+
+class BxTemplStudioFormsFieldSubmit extends BxBaseStudioFormsFieldSubmit
+{
+}
+
+class BxTemplStudioFormsFieldImage extends BxBaseStudioFormsFieldImage
+{
+}
+
+class BxTemplStudioFormsFieldSelect extends BxBaseStudioFormsFieldSelect
+{
+}
+
+class BxTemplStudioFormsFieldSelectMultiple extends BxBaseStudioFormsFieldSelectMultiple
+{
+}
+
+class BxTemplStudioFormsFieldCheckboxSet extends BxBaseStudioFormsFieldCheckboxSet
+{
+}
+
+class BxTemplStudioFormsFieldRadioSet extends BxBaseStudioFormsFieldRadioSet
+{
+}
+
+class BxTemplStudioFormsFieldCustom extends BxBaseStudioFormsFieldCustom
+{
+}
+
+class BxTemplStudioFormsFieldInputSet extends BxBaseStudioFormsFieldInputSet
+{
+}
+
+class BxTemplStudioFormsFieldCaptcha extends BxBaseStudioFormsFieldCaptcha
+{
+}
+
+class BxTemplStudioFormsFieldLocation extends BxBaseStudioFormsFieldLocation
+{
+}
+
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsFields.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsFields extends BxBaseStudioFormsFields
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsForms.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsForms extends BxBaseStudioFormsForms
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsPreLists.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsPreLists extends BxBaseStudioFormsPreLists
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsPreValues.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsPreValues extends BxBaseStudioFormsPreValues
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsSearchFields.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsSearchFields extends BxBaseStudioFormsSearchFields
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFormsSearchForms.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFormsSearchForms extends BxBaseStudioFormsSearchForms
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioFunctions.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioFunctions extends BxBaseStudioFunctions
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioGrid.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioGrid extends BxBaseStudioGrid
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioGridNavigation.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioGridNavigation extends BxBaseStudioGridNavigation
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioGridStorages.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioGridStorages extends BxBaseStudioGridStorages
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioLanguage.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioLanguage extends BxBaseStudioLanguage
+{
+    function __construct($sLanguage="", $sPage = "")
+    {
+        parent::__construct($sLanguage, $sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioLanguages.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioLanguages extends BxBaseStudioLanguages
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioLauncher.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioLauncher extends BxBaseStudioLauncher
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioMenu.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioMenu extends BxBaseStudioMenu
+{
+    public function __construct ($aObject, $oTemplate = false)
+    {
+        parent::__construct ($aObject, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioMenuTop.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioMenuTop extends BxBaseStudioMenuTop
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioModule.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioModule extends BxBaseStudioModule
+{
+    function __construct($sModule = "", $sPage = "")
+    {
+        parent::__construct($sModule, $sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioModules.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioModules extends BxBaseStudioModules
+{
+    function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioNavigation.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioNavigation extends BxBaseStudioNavigation
+{
+    function __construct($sPage = '')
+    {
+        parent::__construct($sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioNavigationImport.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioNavigationImport extends BxBaseStudioNavigationImport
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioNavigationItems.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioNavigationItems extends BxBaseStudioNavigationItems
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioNavigationMenus.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioNavigationMenus extends BxBaseStudioNavigationMenus
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioNavigationSets.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioNavigationSets extends BxBaseStudioNavigationSets
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPage.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPage extends BxBaseStudioPage
+{
+    function __construct($mixedPageName)
+    {
+        parent::__construct($mixedPageName);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPermissions.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPermissions extends BxBaseStudioPermissions
+{
+    function __construct($sPage = '')
+    {
+        parent::__construct($sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPermissionsActions.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPermissionsActions extends BxBaseStudioPermissionsActions
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPermissionsLevels.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPermissionsLevels extends BxBaseStudioPermissionsLevels
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPolyglot.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPolyglot extends BxBaseStudioPolyglot
+{
+    function __construct($sPage = '')
+    {
+        parent::__construct($sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPolyglotEtemplates.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPolyglotEtemplates extends BxBaseStudioPolyglotEtemplates
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioPolyglotKeys.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioPolyglotKeys extends BxBaseStudioPolyglotKeys
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioSettings.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioSettings extends BxBaseStudioSettings
+{
+    function __construct($sType = '', $sCategory = '')
+    {
+        parent::__construct($sType, $sCategory);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioSettingsServices.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioSettingsServices extends BxBaseStudioSettingsServices
+{
+    public function __construct()
+    {
+        parent::__construct();
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioSettingsUploaderHTML5.php

@@ -0,0 +1,19 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+
+class BxTemplStudioSettingsUploaderHTML5 extends BxBaseStudioSettingsUploaderHTML5
+{
+    function __construct ($aObject, $sStorageObject, $sUniqId, $oTemplate)
+    {
+        parent::__construct($aObject, $sStorageObject, $sUniqId, $oTemplate);
+    }
+}
+
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioStorages.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioStorages extends BxBaseStudioStorages
+{
+    function __construct($sType = '', $sPage = '')
+    {
+        parent::__construct($sType, $sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioStoragesFiles.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioStoragesFiles extends BxBaseStudioStoragesFiles
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioStoragesImages.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioStoragesImages extends BxBaseStudioStoragesImages
+{
+    function __construct($aOptions, $oTemplate = false)
+    {
+        parent::__construct($aOptions, $oTemplate);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioStore.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioStore extends BxBaseStudioStore
+{
+    function __construct($sPage = "")
+    {
+        parent::__construct($sPage);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioUploaderCropCover.php

@@ -0,0 +1,19 @@
+<?php defined('BX_DOL') or die('hack attempt');
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+
+class BxTemplStudioUploaderCropCover extends BxBaseStudioUploaderCropCover
+{
+    function __construct ($aObject, $sStorageObject, $sUniqId, $oTemplate)
+    {
+        parent::__construct($aObject, $sStorageObject, $sUniqId, $oTemplate);
+    }
+}
+
+/** @} */

modules/boonex/lucid/data/template/studio/scripts/BxTemplStudioWidgets.php

@@ -0,0 +1,19 @@
+<?php
+/**
+ * Copyright (c) UNA, Inc - https://una.io
+ * MIT License - https://opensource.org/licenses/MIT
+ *
+ * @defgroup    UnaStudioView UNA Studio Representation classes
+ * @ingroup     UnaStudio
+ * @{
+ */
+defined('BX_DOL') or die('hack attempt');
+
+class BxTemplStudioWidgets extends BxBaseStudioWidgets
+{
+    function __construct($mixedPageName)
+    {
+        parent::__construct($mixedPageName);
+    }
+}
+/** @} */

modules/boonex/lucid/data/template/system/_header_js_custom.html

@@ -0,0 +1,106 @@
+<script type="text/javascript" language="javascript">
+    $(document).ready(function () {
+        bx_activate_anim_icons('#283c50');
+
+        /*--- Sandwich Menu: BEG ---*/
+        var sidebarTrigger = $('.cd-nav-trigger');
+
+        //mobile only - open sidebar when user clicks the hamburger menu
+        sidebarTrigger.on('click', function(event) {
+            event.preventDefault();
+
+            $(sidebarTrigger).toggleClass('nav-is-visible');
+        });
+        /*--- Sandwich Menu: AND ---*/
+
+
+        /*--- Dropdown Menu: BEG ---*/
+        //open/close mega-navigation
+        $('.cd-dropdown-trigger').on('click', function(event){
+            event.preventDefault();
+            toggleNav();
+        });
+
+        //close meganavigation
+        $('.cd-dropdown .cd-close').on('click', function(event){
+            event.preventDefault();
+            toggleNav();
+
+            $(sidebarTrigger).toggleClass('nav-is-visible');
+        });
+
+        //on mobile - open submenu
+        $('.has-children').children('a').on('click', function(event){
+            //prevent default clicking on direct children of .has-children 
+            event.preventDefault();
+            var selected = $(this);
+            selected.next('ul').removeClass('is-hidden').end().parent('.has-children').parent('ul').addClass('move-out');
+        });
+
+        //on desktop - differentiate between a user trying to hover over a dropdown item vs trying to navigate into a submenu's contents
+        var submenuDirection = ( !$('.cd-dropdown-wrapper').hasClass('open-to-left') ) ? 'right' : 'left';
+        $('.cd-dropdown-content').menuAim({
+            activate: function(row) {
+                $(row).children().addClass('is-active').removeClass('fade-out');
+                if( $('.cd-dropdown-content .fade-in').length == 0 ) $(row).children('ul').addClass('fade-in');
+            },
+            deactivate: function(row) {
+                $(row).children().removeClass('is-active');
+                if( $('li.has-children:hover').length == 0 || $('li.has-children:hover').is($(row)) ) {
+                    $('.cd-dropdown-content').find('.fade-in').removeClass('fade-in');
+                    $(row).children('ul').addClass('fade-out')
+                }
+            },
+            exitMenu: function() {
+                $('.cd-dropdown-content').find('.is-active').removeClass('is-active');
+                return true;
+            },
+            submenuDirection: submenuDirection,
+        });
+
+        //submenu items - go back link
+        $('.go-back').on('click', function(){
+            var selected = $(this),
+                visibleNav = $(this).parent('ul').parent('.has-children').parent('ul');
+            selected.parent('ul').addClass('is-hidden').parent('.has-children').parent('ul').removeClass('move-out');
+        }); 
+
+        function toggleNav(){
+            var navIsVisible = ( !$('.cd-dropdown').hasClass('dropdown-is-active') ) ? true : false;
+            $('.cd-dropdown').toggleClass('dropdown-is-active', navIsVisible);
+            $('.cd-dropdown-trigger').toggleClass('dropdown-is-active', navIsVisible);
+            if( !navIsVisible ) {
+                $('.cd-dropdown').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
+                    $('.has-children ul').addClass('is-hidden');
+                    $('.move-out').removeClass('move-out');
+                    $('.is-active').removeClass('is-active');
+                }); 
+            }
+        }
+
+        //IE9 placeholder fallback
+        //credits http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
+        if(!Modernizr.input.placeholder){
+            $('[placeholder]').focus(function() {
+                var input = $(this);
+                if (input.val() == input.attr('placeholder')) {
+                    input.val('');
+                }
+            }).blur(function() {
+                var input = $(this);
+                if (input.val() == '' || input.val() == input.attr('placeholder')) {
+                    input.val(input.attr('placeholder'));
+                }
+            }).blur();
+            $('[placeholder]').parents('form').submit(function() {
+                $(this).find('[placeholder]').each(function() {
+                    var input = $(this);
+                    if (input.val() == input.attr('placeholder')) {
+                        input.val('');
+                    }
+                })
+            });
+        }
+        /*--- Dropdown Menu: END ---*/
+    });
+</script>

modules/boonex/lucid/data/template/system/_header_js_spinner.html

@@ -0,0 +1,4 @@
+<script type="text/javascript" language="javascript">
+    var bUseSvgLoading = true;
+    var sUseSvgLoading = '<svg width="24px"  height="24px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-wedges __class__" style="background: none;"><g transform="translate(50,50)"><g ng-attr-transform="scale({{config.scale}})" transform="scale(0.7)"><g transform="translate(-50,-50)"><g transform="rotate(231.429 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7s" begin="0s" repeatCount="indefinite"></animateTransform><path ng-attr-fill-opacity="{{config.opacity}}" ng-attr-fill="{{config.c1}}" d="M50 50L50 0A50 50 0 0 1 100 50Z" fill-opacity="0.8" fill="#3be8b0"></path></g><g transform="rotate(263.571 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="0.9333333333333332s" begin="0s" repeatCount="indefinite"></animateTransform><path ng-attr-fill-opacity="{{config.opacity}}" ng-attr-fill="{{config.c2}}" d="M50 50L50 0A50 50 0 0 1 100 50Z" transform="rotate(90 50 50)" fill-opacity="0.8" fill="#1aafd0"></path></g><g transform="rotate(295.714 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1.4s" begin="0s" repeatCount="indefinite"></animateTransform><path ng-attr-fill-opacity="{{config.opacity}}" ng-attr-fill="{{config.c3}}" d="M50 50L50 0A50 50 0 0 1 100 50Z" transform="rotate(180 50 50)" fill-opacity="0.8" fill="#6a67ce"></path></g><g transform="rotate(327.857 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="2.8s" begin="0s" repeatCount="indefinite"></animateTransform><path ng-attr-fill-opacity="{{config.opacity}}" ng-attr-fill="{{config.c4}}" d="M50 50L50 0A50 50 0 0 1 100 50Z" transform="rotate(270 50 50)" fill-opacity="0.8" fill="#ffb900"></path></g></g></g></g></svg>';
+</script>

modules/boonex/lucid/data/template/system/_header_js_toolbar.html

@@ -0,0 +1,40 @@
+<script type="text/javascript" language="javascript">
+    var iToolbarSubmenuTopOffset = -2;
+
+    function checkMQ() {
+        //check if mobile or desktop device
+        return window.getComputedStyle(document.querySelector('.cd-main-content'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");
+    }
+
+    $(document).ready(function () {
+        var mq = checkMQ();
+        if(mq == 'mobile') {
+            // hide toolbar on scrolldown, show - on scroll up
+            new Headroom($('#bx-toolbar').get(0), {
+                tolerance: {
+                    down: 10,
+                    up: 20
+                },
+                offset: 200,
+                classes: {
+                    initial: "bx-toolbar-anim",
+                    pinned: "bx-toolbar-reset",
+                    unpinned: "bx-toolbar-up"
+                },
+                onUnpin: function() {
+                    bx_menu_slide_close_all_opened();
+                }
+            }).init();
+
+			//process submenu in top menu
+			$('.bx-menu-floating-blocks-big:visible > li:has(.bx-sliding-smenu-submenu) > a').bind('click', function() {
+				var sActive = 'bx-sliding-smenu-tab-active';
+				$(this).parents('.bx-menu-floating-blocks-big:visible:first').find('li.' + sActive).removeClass(sActive);
+
+			    $(this).parent('li:first').toggleClass(sActive);
+
+			    return false;
+			});
+        }
+    });
+</script>

modules/boonex/lucid/data/template/system/_sub_footer.html

@@ -0,0 +1,83 @@
+						
+						                <bx_injection:injection_content_after />
+						
+						                <div class="bx-clear"></div>
+						
+						            <bx_injection:banner_bottom />
+						
+						        </div> <!-- #bx-content-main -->
+						
+						        <bx_injection:injection_between_content_footer />
+						
+						    </div> <!-- #bx-content-container -->
+						
+						</div>
+				
+					</div> <!-- #bx-content-wrapper -->
+	
+	                <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
+				        <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
+				            <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+				                <div class="bx-footer-cnt bx-content-padding-footer">
+				                    <bx_injection:injection_footer_before />
+				                    <div id="bx-menu-bottom" class="bx-footer-line bx-fl1 bx-def-margin-sec-top-auto">
+				                        <bx_menu:sys_footer />
+				                    </div>
+				                    <!--
+				                    <div class="bx-footer-line bx-fl2 bx-def-margin-sec-top-auto">
+				                        <div class="bx-footer-cell bx-fc1"></div>
+				                        <div class="bx-footer-cell bx-fc2"></div>
+				                        <div class="bx-footer-cell bx-fc3"></div>
+                                    </div>
+                                    -->
+                                    <div class="bx-footer-line bx-fl3 bx-def-margin-sec-top-auto">
+                                        <div class="bx-footer-cell bx-fc1"></div>
+                                        <div class="bx-footer-cell bx-fc2">__copyright__</div>
+                                    </div>
+				                    <div class="bx-footer-line bx-fl4 bx-menu-switch-language-inline bx-def-margin-sec-top-auto">
+				                        <bx_menu:sys_switch_language_inline />
+				                    </div>
+				        
+				                    <bx_injection:injection_footer_after />
+				                </div>
+				            </div>
+				        </div>
+	                </div>
+	
+		        </div> <!-- .content-wrapper -->
+	
+	        </div> <!-- .content-wrapper-wrp -->
+	
+	    </div> <!-- .cd-main-content -->
+
+    </div> <!-- .cd-main-content-wrp -->
+
+    <div id="bx-toolbar" class="bx-header bx-def-image-bg-header bx-def-color-bg-header bx-def-border-header bx-shadow-header bx-def-z-index-nav cd-main-header">
+        <div class="bx-toolbar-content-hgap bx-def-padding-sec-leftright bx-def-box-sizing">
+            <div class="bx-toolbar-content-wrapper bx-content-padding-header">
+                <div id="bx-toolbar-content" class="bx-toolbar-content bx-clearfix">
+                    <div id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-left">
+                    	<!-- <a href="#0" class="cd-nav-trigger cd-dropdown-trigger">Menu<span></span></a> -->
+                    	
+                        <bx_menu:sys_toolbar_site />
+                    </div>
+                    <div id="bx-logo-container" class="bx-toolbar-item bx-ti-logo">
+                        <bx_injection:injection_logo_before />
+                            __main_logo__
+                        <bx_injection:injection_logo_after />
+                    </div>
+                    <div id="bx-menu-main-container" class="bx-toolbar-item bx-ti-menu bx-ti-stretcher">
+						<bx_menu:sys_site />
+                    </div>
+                    <div id="bx-menu-toolbar-2-container" class="bx-toolbar-item bx-ti-right cd-nav">
+                        <bx_menu:sys_toolbar_member />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+	<bx_menu:sys_site_action />
+</div>
+
+<bx_include_auto:_footer.html />

modules/boonex/lucid/data/template/system/_sub_header.html

@@ -0,0 +1,31 @@
+<bx_include_auto:_header.html />
+
+<div class="bx-main">
+	<bx_injection:top />
+
+	<div class="cd-main-content-wrp">
+		<div class="cd-main-content bx-clearfix">
+	        <div class="content-wrapper-wrp">
+		        <div class="content-wrapper bx-def-box-sizing">
+					<bx_injection:injection_between_cover_logo />
+				
+				    __cover__
+					
+					<bx_injection:injection_between_cover_top_menu />
+					
+					<div id="bx-menu-main-bar-wrapper" class="bx-menu-main-bar-wrapper bx-def-color-bg-sec">
+					    <div id="bx-menu-main-bar" class="bx-menu-main-bar bx-def-page-width bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
+					        <bx_injection:injection_top_menu_before />
+				        	<bx_menu:sys_site_submenu />
+					        <bx_injection:injection_top_menu_after />
+					    </div>
+					</div>
+					
+					<bx_injection:injection_between_content_menu />
+				
+					<div id="bx-content-wrapper" class="bx-content-wrapper">
+						__informer__
+						<div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
+						    <div id="bx-content-container" class="bx-def-padding-sec-left bx-def-padding-sec-right">
+						        <bx_injection:injection_content_before />
+						        <div id="bx-content-main" class="bx-def-margin-sec-topbottom">

modules/boonex/lucid/data/template/system/comment.html

@@ -0,0 +1,27 @@
+<li id="cmt__id__" class="__style_prefix____class__ bx-def-margin-top-auto">
+    <div class="__style_prefix__-cnt__class_cnt__">
+        <div class="__style_prefix__-blink-plate"></div>
+        <div class="__style_prefix__-avatar bx-def-thumb-size">__author_unit__</div>
+        <div class="__style_prefix__-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+            <div class="__style_prefix__-head bx-clearfix">
+                <bx_if:show_reply_to>
+                    <span class="__style_prefix__-reply-to">
+                        <a href="__par_cmt_link__" title="__par_cmt_title__"><i class="sys-icon reply"></i></a>
+                    </span>
+                </bx_if:show_reply_to>
+                <bx_if:meta><span class="__style_prefix__-meta">__meta__</span></bx_if:meta>
+            </div>
+            <div class="__style_prefix__-cont bx-def-margin-sec-topbottom">
+                <div class="__style_prefix__-cont-cnt">
+                    <div class="__style_prefix__-body">__text__<bx_if:show_more><span class="__style_prefix__-body-see-more">... <a class="bx-def-font-small" href="javascript:void(0)" onclick="__js_object__.showMore(this);"><bx_text:_see_more /></a></span><span style="display:none;"> __text_more__</span></bx_if:show_more></div>
+                    <bx_if:show_attached>
+                        <div class="__style_prefix__-attached bx-def-margin-thd-leftright-neg bx-clearfix">__attached__</div>
+                    </bx_if:show_attached>
+                </div>
+            </div>
+            __actions__
+            <div class="bx-def-hr bx-def-margin-top"></div>
+        </div>
+    </div>
+    <ul class="cmts cmts-margin">__replies__</ul>
+</li>

modules/boonex/lucid/data/template/system/css/account.css

@@ -0,0 +1,18 @@
+@import url(../../../../../../../template/css/account.css);
+
+
+/*-- My Prpfiles: Switch Profile --*/
+.sys-profile-switch-row {
+    white-space: nowrap;
+}
+.sys-profile-switch-row.bx-def-color-bg-box {
+	background-color: transparent;
+}
+.sys-profile-switch-row.bx-def-margin-leftright-neg {
+	margin-left: 0px;
+	margin-right: 0px;
+}
+.sys-profile-switch-row.bx-def-padding-leftright {
+	padding-left: 0px;
+	padding-right: 0px;
+}

modules/boonex/lucid/data/template/system/css/auth.css

@@ -0,0 +1,5 @@
+@import url(../../../../../../../template/css/auth.css);
+
+.sys-auth .bx-btn {
+    width: auto;
+}

modules/boonex/lucid/data/template/system/css/cmts.css

@@ -0,0 +1,53 @@
+@import url(../../../../../../../template/css/cmts.css);
+
+div.cmts ul.cmts-margin,
+div.cmts div.cmt-reply-margin {
+	margin-top: 1rem;
+	padding-left: 2.5rem;
+}
+
+div.cmts li .cmt-cnt {
+	border: 1px solid transparent;
+}
+
+div.cmts li.cmt div.cmt-cnt .bx-def-hr {
+	border-color: rgba(20, 80, 100, 0.1);
+}
+
+div.cmts li.cmt div.cmt-cnt .cmt-info.bx-def-thumb-size-left-indent {
+	margin-left: 2.5rem;
+}
+
+div.cmts li.cmt div.cmt-cnt div.cmt-head .cmt-meta-username {
+	font-weight: 600;
+	font-size: 0.875rem;
+}
+div.cmts li.cmt div.cmt-cnt div.cmt-head .cmt-meta-ago,
+div.cmts li.cmt div.cmt-cnt div.cmt-head .cmt-meta-ago a {
+	color: #cccccc;
+}
+
+div.cmts li.cmt div.cmt-cnt div.cmt-cont,
+div.cmts li.cmt div.cmt-cnt div.cmt-cont p {
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+}
+
+div.cmts li.cmt div.cmt-cnt div.cmt-cont .cmt-body {
+	font-weight: 600;
+	font-size: 0.875rem;
+}
+
+div.cmts li.cmt div.cmt-cnt .cmt-actions .bx-menu-custom.bx-menu-hor > li > span {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+div.cmts li.cmt div.cmt-cnt .cmt-actions .cmt-comment-manage-link {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+div.cmts li.cmt div.cmt-reply {
+	padding-top: 0;
+}

modules/boonex/lucid/data/template/system/css/common.css

@@ -0,0 +1,50 @@
+@import url(../../../../../../../template/css/common.css);
+
+/* --- Buttons --- */
+.bx-btn i,
+.bx-btn u {
+    display: inline-block;
+    vertical-align: top !important;
+}
+
+/* --- Popup boxes --- */
+.bx-popup {    
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/* --- Live Search --- */
+.bx-def-unit-live-search .bx-def-unit-info.bx-def-thumb-size-max-height {
+	max-height: none;
+}
+
+/* --- Profile Thumbnails/Avatars --- */
+img.bx-base-pofile-unit-ava,
+img.bx-base-pofile-unit-thumb {
+    background-color: #fff;
+}
+
+div.bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	line-height: 30px;
+	line-height: 1.9rem;
+        font-size: 1.5rem;
+}
+
+div.bx-base-pofile-unit div.bx-def-unit-img p.bx-base-pofile-unit-thumb {
+	font-size: 1.5rem;
+}
+
+div.bx-def-unit-img p.bx-base-pofile-unit-ava {
+	line-height: 92px;
+	line-height: 5.8rem;
+}
+
+/*--- Group based Profile Cover ---*/
+.bx-base-group-cover-wrapper .bx-base-pofile-cover-info .bx-base-pofile-cover-user .bx-def-ava {
+	border-radius: 0.5rem;
+	-moz-border-radius: 0.5rem;
+	-webkit-border-radius: 0.5rem;
+
+	background-clip: border-box;
+}

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

@@ -0,0 +1,1124 @@
+@import '../../../../../../../template/css/default.less';
+
+/* viewport */
+
+html.bx-media-tablet {
+    font-size: @bx-viewport-font-tablet !important;
+}
+
+html.bx-media-phone {
+	font-size: @bx-viewport-font-mobile !important;
+}
+
+/* height */
+.bx-header {
+    height: auto !important;
+}
+
+#bx-toolbar-content {
+	height: @bx-height-header !important;
+}
+
+.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a img:not(.bx-def-thumb-size) {
+    max-width: @bx-height-header - 2;
+    max-height: @bx-height-header - 2;
+}
+
+.cd-main-content .content-wrapper {
+    padding-top: @bx-height-header;
+}
+
+
+/* content paddings */
+.bx-content-padding-header {
+	padding: @bx-content-padding-header;
+}
+.bx-content-padding-footer {
+	padding: @bx-content-padding-footer;
+}
+.bx-content-padding-block {
+	padding: @bx-content-padding-block;
+}
+
+
+/* shadow */
+.bx-shadow-header {
+    -webkit-box-shadow: @bx-shadow-header;
+    -moz-box-shadow: @bx-shadow-header;
+    box-shadow: @bx-shadow-header;
+}
+.bx-shadow-footer {
+    -webkit-box-shadow: @bx-shadow-footer;
+    -moz-box-shadow: @bx-shadow-footer;
+    box-shadow: @bx-shadow-footer;
+}
+.bx-shadow-block {
+    -webkit-box-shadow: @bx-shadow-block;
+    -moz-box-shadow: @bx-shadow-block;
+    box-shadow: @bx-shadow-block;
+}
+.bx-def-box {
+    -webkit-box-shadow: @bx-shadow-card;
+    -moz-box-shadow: @bx-shadow-card;
+    box-shadow: @bx-shadow-card;
+}
+.bx-popup-applied {
+    .radius(@bx-border-radius-popup);
+}
+.bx-popup-applied:not(.bx-popup-chain),
+.bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
+    -webkit-box-shadow: @bx-shadow-popup;
+    -moz-box-shadow: @bx-shadow-popup;
+    box-shadow: @bx-shadow-popup;
+}
+.bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
+    background-color: @bx-color-hl;
+}
+.bx-popup-wrapper.bx-popup-slide-wrapper {
+    -webkit-box-shadow: @bx-shadow-menu-slide;
+    -moz-box-shadow: @bx-shadow-menu-slide;
+    box-shadow: @bx-shadow-menu-slide;
+}
+
+
+/* background images */
+.bx-def-image-bg-header,
+.bx-def-image-bg-footer,
+.bx-def-image-bg-page,
+.bx-def-image-bg-block,
+.bx-def-box,
+.bx-popup-color-bg,
+.bx-popup-wrapper.bx-popup-slide-wrapper,
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main,
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
+#bx-sliding-menu-account.bx-sliding-menu-main,
+.bx-menu-main-bar-wrapper {
+    background-position: center center;
+}
+.bx-def-image-bg-header {
+	background-image: @bx-image-bg-header;
+	background-repeat: @bx-image-bg-header-repeat;
+    background-size: @bx-image-bg-header-size;
+}
+.bx-def-image-bg-footer {
+	background-image: @bx-image-bg-footer;
+	background-repeat: @bx-image-bg-footer-repeat;
+    background-size: @bx-image-bg-footer-size;
+}
+.bx-def-image-bg-page {
+	background-image: @bx-image-bg-page;
+	background-repeat: @bx-image-bg-page-repeat;
+    background-size: @bx-image-bg-page-size;
+}
+.bx-def-image-bg-block {
+	background-image: @bx-image-bg-block;
+	background-repeat: @bx-image-bg-block-repeat;
+    background-size: @bx-image-bg-block-size;
+}
+.bx-def-box {
+	background-image: @bx-image-bg-box;
+	background-repeat: @bx-image-bg-box-repeat;
+	background-attachment: @bx-image-bg-box-attachment;
+    background-size: @bx-image-bg-box-size;
+}
+
+/* body */
+a {
+	color: @bx-color-link-body; 
+}
+a:hover {
+	color: @bx-color-link-body-hover; 
+}
+.sys-icon,
+.sys-icon-a {
+	color: @bx-color-icon-body; 
+}
+a:hover > .sys-icon,
+a:hover > .sys-icon-a {
+	color: @bx-color-icon-body-hover; 
+}
+.sys-icon-a i {
+	.background-color (@bx-color-icon-body) !important;
+	color: @bx-color-icon-body;
+}
+a:hover > .sys-icon-a i {
+	.background-color (@bx-color-icon-body-hover) !important;
+	color: @bx-color-icon-body-hover;
+}
+
+/* header */
+.bx-header.bx-def-color-bg-header {
+    .background-color (@bx-color-header);
+}
+.bx-header.bx-def-border-header {
+    border-bottom-width: @bx-border-width-header;
+    border-bottom-style: @bx-border-type;
+    border-bottom-color: @bx-color-border-header;
+}
+.bx-header a {
+	color: @bx-color-link-header; 
+}
+.bx-header a:hover {
+	color: @bx-color-link-header-hover;
+}
+.bx-header .sys-icon,
+.bx-header .sys-icon-a {
+	color: @bx-color-icon-header; 
+}
+.bx-header .cd-nav-trigger span, 
+.bx-header .cd-nav-trigger span::before, 
+.bx-header .cd-nav-trigger span::after,
+.bx-header .cd-nav-trigger.nav-is-visible span::before, 
+.bx-header .cd-nav-trigger.nav-is-visible span::after {
+    background: @bx-color-icon-header;
+}
+.bx-header a:hover .sys-icon,
+.bx-header a:hover .sys-icon-a,
+.bx-header li.bx-menu-tab-active a .sys-icon,
+.bx-header li.bx-menu-tab-active a .sys-icon-a {
+	color: @bx-color-icon-header-hover; 
+}
+.bx-header .cd-nav-trigger.nav-is-visible:hover span {
+  background: rgba(255, 255, 255, 0);
+}
+.bx-header .cd-nav-trigger:hover span, 
+.bx-header .cd-nav-trigger:hover span::before, 
+.bx-header .cd-nav-trigger:hover span::after,
+.bx-header .cd-nav-trigger.nav-is-visible:hover span::before, 
+.bx-header .cd-nav-trigger.nav-is-visible:hover span::after {
+    background: @bx-color-icon-header-hover;
+}
+.bx-header .sys-icon-a i {
+	.background-color (@bx-color-icon-header) !important;
+	color: @bx-color-icon-header;
+}
+.bx-header a:hover .sys-icon-a i {
+	.background-color (@bx-color-icon-header-hover) !important;
+	color: @bx-color-icon-header-hover;
+}
+
+/* footer */
+.bx-footer-wrapper.bx-def-color-bg-footer {
+    .background-color (@bx-color-footer);    
+}
+.bx-footer-wrapper.bx-def-border-footer {
+    border-top-width: @bx-border-width-footer;
+    border-top-style: @bx-border-type;
+    border-top-color: @bx-color-border-footer;
+}
+
+.bx-footer {
+	color: @bx-font-color-footer;
+}
+.bx-footer a {
+	color: @bx-color-link-footer; 
+}
+.bx-footer a:hover {
+	color: @bx-color-link-footer-hover; 
+}
+.bx-footer .sys-icon,
+.bx-footer .sys-icon-a {
+	color: @bx-color-icon-footer; 
+}
+.bx-footer a:hover .sys-icon,
+.bx-footer a:hover .sys-icon-a {
+	color: @bx-color-icon-footer-hover; 
+}
+.bx-footer .sys-icon-a i {
+	.background-color (@bx-color-icon-footer) !important;
+	color: @bx-color-icon-footer;
+}
+.bx-footer a:hover .sys-icon-a i {
+	.background-color (@bx-color-icon-footer-hover) !important;
+	color: @bx-color-icon-footer-hover;
+}
+
+/* fonts */
+.bx-def-font-inputs {
+	font-family: @bx-font-family-form-input;
+	font-size: @bx-font-size-form-input;
+	color: @bx-font-color-form-input;
+}
+
+h1,
+.bx-def-font-h1 {
+	font-weight: @bx-font-weight-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 {
+	font-weight: @bx-font-weight-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 {
+	font-weight: @bx-font-weight-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;
+}
+
+/* cover */
+.bx-menu-toolbar-padding,
+.bx-menu-toolbar-padding .bx-cover-wrapper {
+    background-color: @bx-color-cover;
+}
+
+.bx-menu-toolbar-padding .bx-cover-wrapper {
+    border-width: @bx-border-width-cover;
+    border-style: @bx-border-type;
+    border-color: @bx-color-border-cover;
+
+    .radius(@bx-border-radius-cover);
+
+    -webkit-box-shadow: @bx-shadow-cover;
+    -moz-box-shadow: @bx-shadow-cover;
+    box-shadow: @bx-shadow-cover;
+}
+.bx-cover-wrapper .bx-cover {
+    min-height: @bx-height-cover;
+}
+.bx-cover-wrapper .bx-cover,
+.bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
+    text-align: @bx-text-align-cover;
+}
+.bx-cover-wrapper .bx-cover.bx-def-padding {
+    padding: @bx-content-padding-cover;
+}
+.bx-cover-wrapper .bx-cover .bx-cover-image img {
+    border-width: @bx-border-width-cover-icon;
+    border-style: @bx-border-type;
+    border-color: @bx-color-border-cover-icon;
+
+    .radius(@bx-border-radius-cover-icon);
+
+    -webkit-box-shadow: @bx-shadow-cover-icon;
+    -moz-box-shadow: @bx-shadow-cover-icon;
+    box-shadow: @bx-shadow-cover-icon;
+}
+
+.bx-cover-wrapper .bx-cover .bx-cover-title {
+    text-shadow: @bx-shadow-text-cover;
+
+    font-family: @bx-font-family-cover;
+}
+.bx-cover-wrapper .bx-cover .bx-cover-title,
+.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted {
+    color: @bx-color-font-cover;
+}
+.bx-cover-wrapper .bx-cover .bx-cover-title,
+.bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
+    font-size: @bx-font-size-cover;
+    font-weight: @bx-font-weight-cover;
+}
+
+
+/* block */
+.bx-def-border-block {
+	border-width: @bx-border-width-block;
+	border-style: @bx-border-type;
+	border-color: @bx-color-border-block;
+
+	.radius(@bx-border-radius-block);
+}
+.bx-def-border-radius-block {
+    .radius(@bx-border-radius-block);
+}
+.bx-db-header {
+	padding: @bx-title-padding-block;
+
+	border-width: @bx-border-width-block-title;
+	border-style: solid;
+	border-color: @bx-color-border-block-title;
+
+	.radius(@bx-border-radius-block-title);	
+}
+.bx-def-color-bg-block .bx-db-header,
+.bx-def-image-bg-block .bx-db-header {
+    background-color: @bx-color-block-title;
+}
+.bx-db-header .bx-db-title {
+	font-family: @bx-font-family-block-title;
+	font-weight: @bx-font-weight-block-title;
+	color: @bx-color-font-block-title;
+}
+.bx-db-header .bx-db-title.bx-def-font-h2 {
+	font-size: @bx-font-size-block-title;
+}
+.bx-db-divider {
+	border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
+}
+
+
+/* box */
+.bx-def-box {
+	border-width: @bx-border-width-box;
+	border-style: @bx-border-type;
+	border-color: @bx-color-border-box;
+}
+.bx-def-box.bx-def-padding {
+	padding: @bx-content-padding-card;
+}
+.bx-def-box.bx-def-color-bg-box {
+	.background-color (@bx-color-box);
+}
+.bx-def-color-bg-box-active,
+.bx-def-color-bg-box-hover:hover {
+    .background-color (@bx-color-box-hover);
+}
+.bx-def-box.bx-def-round-corners {
+	.radius(@bx-border-radius-box);
+	overflow: hidden;
+}
+
+/* box: timeline */
+.bx-tl-view div.bx-tl-item div.bx-tl-item-footer {
+    .radius(@bx-border-radius-box);
+
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;    
+}
+
+/* popup */
+.bx-popup-border {
+	border-width: @bx-border-width-popup;
+	border-style: solid;
+	border-color: @bx-color-border-popup;
+
+	.radius(@bx-border-radius-popup);
+}
+.bx-popup-color-bg {
+	background-color: @bx-color-popup;
+
+	background-image: @bx-image-bg-popup;
+	background-repeat: @bx-image-bg-popup-repeat;
+    background-size: @bx-image-bg-popup-size;
+}
+.bx-popup-content-indent {
+	padding: @bx-content-padding-popup;
+}
+.bx-popup-header {
+	padding: @bx-title-padding-popup;
+}
+.bx-popup-header-color-bg {
+	background-color: @bx-color-popup-title;
+}
+.bx-popup-header h2 {
+    line-height: 1.8rem;
+    font-family: @bx-font-family-popup-title;
+    font-size: @bx-font-size-popup-title;
+}
+.bx-popup-header h2,
+.bx-popup-header.bx-def-font-contrasted h2,
+.bx-popup-header .bx-popup-element-close,
+.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
+.bx-popup-header .bx-popup-element-close .sys-icon,
+.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
+	color: @bx-color-font-popup-title;
+}
+
+/* slide menu */
+.bx-popup-wrapper.bx-popup-slide-wrapper {
+	border-width: @bx-border-width-menu-slide;
+	border-style: solid;
+	border-color: @bx-color-border-menu-slide;
+
+	.background-color (@bx-color-menu-slide);
+
+	background-image: @bx-image-bg-menu-slide;
+	background-repeat: @bx-image-bg-menu-slide-repeat;
+    background-size: @bx-image-bg-menu-slide-size;
+}
+.bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
+	padding: @bx-content-padding-menu-slide;
+}
+.bx-popup-wrapper.bx-popup-slide-wrapper li a {
+	text-shadow: @bx-shadow-font-menu-slide;
+
+	font-family: @bx-font-family-menu-slide;
+	font-size: @bx-font-size-menu-slide;
+	font-weight: @bx-font-weight-menu-slide;
+	color: @bx-font-color-menu-slide;
+}
+.bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
+	color: @bx-font-color-menu-slide-hover;
+}
+.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
+.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
+	color: @bx-font-color-menu-slide-active;
+}
+
+/* main menu */
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
+    padding: @bx-content-padding-menu-main;
+}
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
+	-webkit-justify-content: @bx-text-align-menu-main-items;
+	justify-content: @bx-text-align-menu-main-items;
+}
+#bx-sliding-menu-sys_site.bx-sliding-smenu-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-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
+	color: @bx-font-color-menu-main-active;
+}
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover {
+	color: @bx-font-color-menu-main-hover;
+}
+
+
+/* account menu */
+#bx-sliding-menu-account.bx-sliding-menu-main,
+#bx-sliding-menu-search.bx-sliding-menu-main,
+#bx_notifications_preview.bx-sliding-menu,
+ {
+    -webkit-box-shadow: @bx-shadow-menu-account;
+    -moz-box-shadow: @bx-shadow-menu-account;
+    box-shadow: @bx-shadow-menu-account;
+
+    border-width: @bx-border-width-menu-account;
+    border-style: solid;
+    border-color: @bx-color-border-menu-account;
+
+    background-color: @bx-color-menu-account;
+
+    background-image: @bx-image-bg-menu-account;
+    background-repeat: @bx-image-bg-menu-account-repeat;
+    background-size: @bx-image-bg-menu-account-size;
+}
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
+    padding: @bx-content-padding-menu-account;
+}
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h1,
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h2,
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt a:not(.bx-btn),
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .sys-icon {
+    color: @bx-font-color-menu-account;
+}
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn),
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a .bx-menu-floating-blocks-title {
+    text-shadow: @bx-shadow-font-menu-account;
+
+    font-family: @bx-font-family-menu-account;
+    font-size: @bx-font-size-menu-account;
+    font-weight: @bx-font-weight-menu-account;
+}
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a:not(.bx-btn) {
+    color: @bx-font-color-menu-account-active;
+}
+#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover {
+    color: @bx-font-color-menu-account-hover;
+}
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover,
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover .sys-icon,
+.bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover .sys-icon-a {
+    color: @bx-font-color-menu-account-hover;
+}
+
+
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a,
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .sys-icon,
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .sys-icon-a {
+    color: @bx-font-color-menu-account;
+}
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
+    color: @bx-font-color-menu-account-active;
+}
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
+.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
+    color: @bx-font-color-menu-account-hover;
+}
+
+
+/* add menu */
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
+    -webkit-box-shadow: @bx-shadow-menu-add;
+    -moz-box-shadow: @bx-shadow-menu-add;
+    box-shadow: @bx-shadow-menu-add;
+
+    border-width: @bx-border-width-menu-add;
+    border-style: solid;
+    border-color: @bx-color-border-menu-add;
+
+    background-color: @bx-color-menu-add;
+
+    background-image: @bx-image-bg-menu-add;
+    background-repeat: @bx-image-bg-menu-add-repeat;
+    background-size: @bx-image-bg-menu-add-size;
+}
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
+    padding: @bx-content-padding-menu-add;
+}
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a {
+    text-shadow: @bx-shadow-font-menu-add;
+
+    font-family: @bx-font-family-menu-add;
+    font-size: @bx-font-size-menu-add;
+    font-weight: @bx-font-weight-menu-add;
+}
+
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a .sys-icon {
+    color: @bx-font-color-menu-add;
+}
+
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon {
+    color: @bx-font-color-menu-add-active;
+}
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
+#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon {
+    color: @bx-font-color-menu-add-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-width: @bx-border-width-menu-page;
+	border-style: solid;
+	border-color: @bx-color-border-menu-page;
+
+	background-color: @bx-color-menu-page;
+
+	background-image: @bx-image-bg-menu-page;
+	background-repeat: @bx-image-bg-menu-page-repeat;
+    background-size: @bx-image-bg-menu-page-size;
+}
+.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,
+.bx-form-value .bx-form-input-doublerange,
+.bx-form-value .bx-form-input-select_multiple,
+.bx-form-value .bx-form-input-select,
+.bx-form-value .bx-form-input-radio_set,
+.bx-form-value .bx-form-input-checkbox_set,
+.bx-form-value .bx-form-input-number,
+.bx-form-value .bx-form-input-datepicker,
+.bx-form-value .bx-form-input-datetime,
+.bx-form-value .bx-form-input-wrapper-textarea.bx-form-input-wrapper-html,
+.bx-form-value .bx-form-input-textarea,
+.bx-form-value .bx-form-input-password,
+.bx-form-value .bx-form-input-text {
+	border-color: @bx-color-border-form-input;
+	border-width: @bx-border-width-form-input;
+	.radius(@bx-border-radius-form-input);
+
+	background-color: @bx-color-form-input;
+
+	-webkit-box-shadow: @bx-shadow-form-input;
+	-moz-box-shadow: @bx-shadow-form-input;
+	box-shadow: @bx-shadow-form-input;
+}
+.bx-form-value .bx-form-input-slider,
+.bx-form-value .bx-form-input-doublerange,
+.bx-form-value .bx-form-input-select,
+.bx-form-value .bx-form-input-number,
+.bx-form-value .bx-form-input-datepicker,
+.bx-form-value .bx-form-input-datetime,
+.bx-form-value .bx-form-input-password,
+.bx-form-value .bx-form-input-text {
+	height: @bx-height-form-input;
+}
+.bx-form-value .bx-form-input-wrapper-textarea.bx-form-input-wrapper-html {
+	border-style: solid;
+}
+.bx-form-value .bx-form-input-textarea {
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
+}
+.bx-form-value .bx-form-input-textarea.bx-form-input-html 
+{
+	border-width: 0;
+}
+.bx-form-value .bx-form-input-text.bx-form-input-autotoken b {
+    line-height: @bx-height-form-input;
+}
+.bx-form-value .bx-form-input-text.bx-form-input-autotoken b .bx-def-thumb-size {
+	width: @bx-height-form-input;
+    height: @bx-height-form-input;
+    line-height: @bx-height-form-input;
+}
+.bx-form-value .bx-form-input-slider:focus,
+.bx-form-value .bx-form-input-doublerange:focus,
+.bx-form-value .bx-form-input-number:focus,
+.bx-form-value .bx-form-input-datepicker:focus,
+.bx-form-value .bx-form-input-datetime:focus,
+.bx-form-value .bx-form-input-textarea:focus,
+.bx-form-value .bx-form-input-password:focus,
+.bx-form-value .bx-form-input-text:focus {
+	border-color: @bx-color-border-form-input-active;
+	background-color: @bx-color-form-input-active;
+}
+.bx-form-value .bx-switcher-cont {
+	border-color: @bx-color-border-form-input;
+	border-width: @bx-border-width-form-input;
+
+	background-color: @bx-color-form-input;
+
+	-webkit-box-shadow: @bx-shadow-form-input;
+	-moz-box-shadow: @bx-shadow-form-input;
+	box-shadow: @bx-shadow-form-input;
+}
+
+
+/* button (normal) */
+.bx-btn {
+	.box-sizing(content-box);
+
+	height: @bx-height-button;
+	line-height: (@bx-height-button - 0.1);
+
+	.background-color (@bx-color-button);
+
+	border-width: @bx-border-width-button;
+	border-style: solid;
+	border-color: @bx-color-border-button;
+
+	.radius(@bx-border-radius-button);
+
+	-webkit-box-shadow: @bx-shadow-button;
+	-moz-box-shadow: @bx-shadow-button;
+	box-shadow: @bx-shadow-button;
+
+	text-shadow: @bx-shadow-font-button;
+
+	font-family: @bx-font-family-button;
+	font-size: @bx-font-size-button;
+	font-weight: @bx-font-weight-button;
+	color: @bx-font-color-button;
+}
+.bx-btn.bx-btn-primary {
+	.box-sizing(content-box);
+
+	height: @bx-height-button-primary;
+	line-height: @bx-height-button-primary;
+
+	.background-color (@bx-color-button-primary);
+
+	border-width: @bx-border-width-button-primary;
+	border-style: solid;
+	border-color: @bx-color-border-button-primary;
+
+	.radius(@bx-border-radius-button-primary);
+
+	-webkit-box-shadow: @bx-shadow-button-primary;
+	-moz-box-shadow: @bx-shadow-button-primary;
+	box-shadow: @bx-shadow-button-primary;
+
+	text-shadow: @bx-shadow-font-button-primary;
+
+	font-family: @bx-font-family-button-primary;
+	font-size: @bx-font-size-button-primary;
+	font-weight: @bx-font-weight-button-primary;
+	color: @bx-font-color-button-primary;
+}
+.bx-btn-height {
+	height: @bx-height-button;
+	line-height: @bx-height-button;
+}
+.bx-btn-border {
+    border-width: @bx-border-width-button;
+    border-style: solid;
+    border-color: transparent;
+}
+.bx-btn-height.bx-btn-primary {
+	height: @bx-height-button-primary;
+	line-height: @bx-height-button-primary;
+}
+.bx-btn-border.bx-btn-primary {
+	border-width: @bx-border-width-button-primary;
+	border-style: solid;
+	border-color: transparent;
+}
+.bx-btn:hover,
+.bx-btn:active {
+	border-width: @bx-border-width-button;
+	border-style: solid;
+	border-color: @bx-color-border-button-hover;
+
+	.background-color (@bx-color-button-hover);
+
+	color: @bx-font-color-button-hover;
+}
+.bx-btn.bx-btn-primary:hover,
+.bx-btn.bx-btn-primary:active {
+	border-width: @bx-border-width-button-primary;
+	border-style: solid;
+	border-color: @bx-color-border-button-primary-hover;
+
+	.background-color (@bx-color-button-primary-hover);
+
+	color: @bx-font-color-button-primary-hover;
+}
+.bx-btn .sys-icon {
+	color: @bx-font-color-button;
+}
+.bx-btn.bx-btn-primary .sys-icon {
+	color: @bx-font-color-button-primary;
+}
+.bx-btn:hover .sys-icon,
+.bx-btn:active .sys-icon {
+	color: @bx-font-color-button-hover;
+}
+.bx-btn.bx-btn-primary:hover .sys-icon,
+.bx-btn.bx-btn-primary:active .sys-icon {
+	color: @bx-font-color-button-primary-hover;
+}
+
+/* button (large) */
+.bx-btn.bx-btn-large {
+	.box-sizing(content-box);
+
+	height: @bx-height-button-large;
+	line-height: @bx-height-button-large;
+
+	.background-color (@bx-color-button-large);
+
+	border-width: @bx-border-width-button-large;
+	border-style: solid;
+	border-color: @bx-color-border-button-large;
+
+	.radius(@bx-border-radius-button-large);
+
+	-webkit-box-shadow: @bx-shadow-button-large;
+	-moz-box-shadow: @bx-shadow-button-large;
+	box-shadow: @bx-shadow-button-large;
+
+	text-shadow: @bx-shadow-font-button-large;
+
+	font-family: @bx-font-family-button-large;
+	font-size: @bx-font-size-button-large;
+	font-weight: @bx-font-weight-button-large;
+	color: @bx-font-color-button-large;
+}
+.bx-btn.bx-btn-large.bx-btn-primary {
+	.box-sizing(content-box);
+
+	height: @bx-height-button-large-primary;
+	line-height: @bx-height-button-large-primary;
+
+	.background-color (@bx-color-button-large-primary);
+
+	border-width: @bx-border-width-button-large-primary;
+	border-style: solid;
+	border-color: @bx-color-border-button-large-primary;
+
+	.radius(@bx-border-radius-button-large-primary);
+
+	-webkit-box-shadow: @bx-shadow-button-large-primary;
+	-moz-box-shadow: @bx-shadow-button-large-primary;
+	box-shadow: @bx-shadow-button-large-primary;
+	
+	text-shadow: @bx-shadow-font-button-large-primary;
+
+	font-family: @bx-font-family-button-large-primary;
+	font-size: @bx-font-size-button-large-primary;
+	font-weight: @bx-font-weight-button-large-primary;
+	color: @bx-font-color-button-large-primary;
+}
+.bx-btn-large-height {
+	height: @bx-height-button-large;
+	line-height: @bx-height-button-large;
+}
+.bx-btn-large-height.bx-btn-primary {
+	height: @bx-height-button-large-primary;
+	line-height: @bx-height-button-large-primary;
+}
+.bx-btn-large-border {
+	border-width: @bx-border-width-button-large;
+	border-style: solid;
+	border-color: transparent;
+}
+.bx-btn-large-border.bx-btn-primary {
+	border-width: @bx-border-width-button-large-primary;
+	border-style: solid;
+	border-color: transparent;
+}
+.bx-btn.bx-btn-large:hover,
+.bx-btn.bx-btn-large:active {
+	border-width: @bx-border-width-button-large;
+	border-style: solid;
+	border-color: @bx-color-border-button-large-hover;
+
+	.background-color (@bx-color-button-large-hover);
+
+	color: @bx-font-color-button-large-hover;
+}
+.bx-btn.bx-btn-large.bx-btn-primary:hover,
+.bx-btn.bx-btn-large.bx-btn-primary:active {
+	border-width: @bx-border-width-button-large-primary;
+	border-style: solid;
+	border-color: @bx-color-border-button-large-primary-hover;
+
+	.background-color (@bx-color-button-large-primary-hover);
+
+	color: @bx-font-color-button-large-primary-hover;
+}
+.bx-btn.bx-btn-large .sys-icon {
+	color: @bx-font-color-button-large;
+}
+.bx-btn.bx-btn-large.bx-btn-primary .sys-icon {
+	color: @bx-font-color-button-large-primary;
+}
+.bx-btn.bx-btn-large:hover .sys-icon,
+.bx-btn.bx-btn-large:active .sys-icon {
+	color: @bx-font-color-button-large-hover;
+}
+.bx-btn.bx-btn-large.bx-btn-primary:hover .sys-icon,
+.bx-btn.bx-btn-large.bx-btn-primary:active .sys-icon {
+	color: @bx-font-color-button-large-primary-hover;
+}
+
+/* button (small) */
+.bx-btn.bx-btn-small {
+	.box-sizing(content-box);
+
+	height: @bx-height-button-small;
+	line-height: @bx-height-button-small;
+
+	.background-color (@bx-color-button-small);
+
+	border-width: @bx-border-width-button-small;
+	border-style: solid;
+	border-color: @bx-color-border-button-small;
+
+	.radius(@bx-border-radius-button-small);
+
+	-webkit-box-shadow: @bx-shadow-button-small;
+	-moz-box-shadow: @bx-shadow-button-small;
+	box-shadow: @bx-shadow-button-small;
+
+	text-shadow: @bx-shadow-font-button-small;
+
+	font-family: @bx-font-family-button-small;
+	font-size: @bx-font-size-button-small;
+	font-weight: @bx-font-weight-button-small;
+	color: @bx-font-color-button-small;
+}
+.bx-btn.bx-btn-small.bx-btn-primary {
+	.box-sizing(content-box);
+
+	height: @bx-height-button-small-primary;
+	line-height: @bx-height-button-small-primary;
+
+	.background-color (@bx-color-button-small-primary);
+
+	border-width: @bx-border-width-button-small-primary;
+	border-style: solid;
+	border-color: @bx-color-border-button-small-primary;
+
+	.radius(@bx-border-radius-button-small-primary);
+
+	-webkit-box-shadow: @bx-shadow-button-small-primary;
+	-moz-box-shadow: @bx-shadow-button-small-primary;
+	box-shadow: @bx-shadow-button-small-primary;
+
+	text-shadow: @bx-shadow-font-button-small-primary;
+
+	font-family: @bx-font-family-button-small-primary;
+	font-size: @bx-font-size-button-small-primary;
+	font-weight: @bx-font-weight-button-small-primary;
+	color: @bx-font-color-button-small-primary;
+}
+.bx-btn-small-height {
+	height: @bx-height-button-small;
+	line-height: @bx-height-button-small;
+}
+.bx-btn-small-height.bx-btn-primary {
+	height: @bx-height-button-small-primary;
+	line-height: @bx-height-button-small-primary;
+}
+.bx-btn-small-border {
+	border-width: @bx-border-width-button-small;
+	border-style: solid;
+	border-color: transparent;
+}
+.bx-btn-small-border.bx-btn-primary {
+	border-width: @bx-border-width-button-small-primary;
+	border-style: solid;
+	border-color: transparent;
+}
+.bx-btn.bx-btn-small:hover,
+.bx-btn.bx-btn-small:active {
+	border-width: @bx-border-width-button-small;
+	border-style: solid;
+	border-color: @bx-color-border-button-small-hover;
+
+	.background-color (@bx-color-button-small-hover);
+
+	color: @bx-font-color-button-small-hover;
+}
+.bx-btn.bx-btn-small.bx-btn-primary:hover,
+.bx-btn.bx-btn-small.bx-btn-primary:active {
+	border-width: @bx-border-width-button-small-primary;
+	border-style: solid;
+	border-color: @bx-color-border-button-small-primary-hover;
+
+	.background-color (@bx-color-button-small-primary-hover);
+
+	color: @bx-font-color-button-small-primary-hover;
+}
+.bx-btn.bx-btn-small .sys-icon {
+	color: @bx-font-color-button-small;
+}
+.bx-btn.bx-btn-small.bx-btn-primary .sys-icon {
+	color: @bx-font-color-button-small-primary;
+}
+.bx-btn.bx-btn-small:hover .sys-icon,
+.bx-btn.bx-btn-small:active .sys-icon {
+	color: @bx-font-color-button-small-hover;
+}
+.bx-btn.bx-btn-small.bx-btn-primary:hover .sys-icon,
+.bx-btn.bx-btn-small.bx-btn-primary:active .sys-icon {
+	color: @bx-font-color-button-small-primary-hover;
+}
+
+
+/*--- Menus: Mobile Dropdown ---*/
+.bx-cnc-menu-dropdown.cd-dropdown {
+	background-color: @bx-color-header;
+}
+
+
+/*--- Alerts: Toolbar ---*/
+ul.bx-menu-toolbar li a .bx-menu-item-addon {
+	border: 0.125rem solid @bx-color-header;
+}
+ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert {
+	top: -(@bx-font-size-default + 2) / 2;
+    right: -(@bx-font-size-default + 2) / 2;
+}
+ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert-small {
+    top: -(@bx-font-size-small + 5) / 2;
+    right: -(@bx-font-size-small + 5) / 2
+}
+ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert-middle {
+    top: -(@bx-font-size-middle + 2) / 2;
+    right: -(@bx-font-size-middle + 2) / 2;
+}
+
+
+/*--- Timeline: Font size ---*/
+div.bx-tl-item-comments-holder div.bx-tl-item-comments .cmts.cmts-margin {
+	.font-size(@bx-font-size-default);
+}

modules/boonex/lucid/data/template/system/css/editor.less

@@ -0,0 +1,2 @@
+@import 'default.less';
+@import '../../../../../../../template/css/editor.less';

modules/boonex/lucid/data/template/system/css/forms.css

@@ -0,0 +1 @@
+@import url(../../../../../../../template/css/forms.css);

modules/boonex/lucid/data/template/system/css/general.css

@@ -0,0 +1,334 @@
+@import url(../../../../../../../template/css/general.css);
+
+
+/*--- Overwrite Defaults ---*/
+#bx-toolbar-content {
+	z-index: 500;
+}
+
+#bx-menu-toolbar-1-container,
+#bx-menu-toolbar-2-container {
+	position: relative;
+}
+
+#bx-logo-container {
+	height: auto;
+
+    margin-left: 0.625rem;
+    margin-right: 0;
+
+    text-align: left;
+}
+
+
+/*---Toolbar ---*/
+.bx-toolbar-content {
+	display: -webkit-flex; 
+	display: flex;
+	z-index: 500;
+
+	-webkit-justify-content: flex-start;
+	justify-content: flex-start;
+
+	-webkit-align-items: center;
+	align-items: center;
+
+	-webkit-flex-flow: row nowrap;
+	flex-flow: row nowrap;
+}
+.bx-toolbar-content .bx-toolbar-item {
+	position: relative;
+    -webkit-flex: 0 1 auto; 
+    -ms-flex:  0 1 auto; 
+    flex:  0 1 auto;
+}
+.bx-toolbar-content .bx-toolbar-item.bx-ti-stretcher {
+    -webkit-flex-grow: 1; 
+    flex-grow: 1;
+    white-space: nowrap;
+}
+
+.bx-toolbar-content .bx-toolbar-item.bx-ti-logo {
+    white-space: nowrap;
+}
+
+.bx-toolbar-content .bx-toolbar-item.bx-ti-logo img {
+	display: block;
+}
+
+.bx-toolbar-content .bx-toolbar-item.bx-ti-menu {
+	height: 100%;
+
+	margin: 0px 20px;
+	margin: 0px 1.25rem;
+
+	overflow-x: auto;
+	overflow-y: hidden;
+
+	-webkit-overflow-scrolling: touch;
+}
+#bx-toolbar-content .bx-toolbar-item.bx-ti-menu::-webkit-scrollbar {
+    width: 12px;
+}
+#bx-toolbar-content .bx-toolbar-item.bx-ti-menu::-webkit-scrollbar-track {
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    
+    background-color: rgba(0, 0, 0, 0.4); 
+}
+#bx-toolbar-content .bx-toolbar-item.bx-ti-menu::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+
+    background: rgba(255, 255, 255, 0.9); 
+    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); 
+}
+#bx-toolbar-content .bx-toolbar-item.bx-ti-menu::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(255, 255, 255, 0.4); 
+}
+
+/*--- Page Submenu bar ---*/
+.bx-menu-main-bar-wrapper {
+	overflow: hidden;
+}
+
+/*--- Main Page Content ---*/
+.cd-main-content-wrp {
+    overflow: hidden;
+    width: 100%;
+}
+.cd-main-content {
+	width: 200%;
+}
+.content-wrapper-wrp {
+	float: right;
+    position: relative;
+    width: 50%;	
+}
+.cd-main-content .content-wrapper {
+    position: relative;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+
+    min-height: 100vh;
+    right: 100%;
+}
+.cd-main-content::before {
+  /* never visible - used to check MQ in jQuery */
+  display: none;
+  content: 'mobile';
+}
+@media only screen and (min-width: 720px) {
+  .cd-main-content::before {
+    content: 'tablet';
+  }
+}
+@media only screen and (min-width: 1024px) {
+  .cd-main-content::before {
+    content: 'desktop';
+  }
+}
+
+/*--- Header ---*/
+.cd-main-header {
+  position: absolute;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  height: 45px;
+  width: 100%;
+  background: #3e454c;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.cd-main-header::after {
+  clear: both;
+  content: "";
+  display: table;
+}
+@media only screen and (min-width: 720px) {
+  .cd-main-header {
+    position: fixed;
+    height: 55px;
+  }
+}
+
+.cd-logo {
+  float: left;
+  display: block;
+  margin: 11px 0 0 5%;
+}
+.cd-logo img {
+  display: block;
+}
+@media only screen and (min-width: 720px) {
+  .cd-logo {
+    margin: 16px 0 0 36px;
+  }
+}
+
+.cd-nav-trigger {
+  /* navigation trigger - visible on mobile devices only */
+  position: relative;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 3.5rem;
+  height: 3.5rem;
+  margin-right: 0px;
+  /* hide text */
+  overflow: hidden;
+  white-space: nowrap;
+  color: transparent !important;
+}
+.cd-nav-trigger span, 
+.cd-nav-trigger span::before, 
+.cd-nav-trigger span::after {
+  /* hamburger icon in CSS */
+  position: absolute;
+  display: inline-block;
+  height: 3px;
+  width: 24px;
+  background: #ffffff;
+}
+.cd-nav-trigger span {
+  /* line in the center */
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  -webkit-transition: background 0.2s;
+  -moz-transition: background 0.2s;
+  transition: background 0.2s;
+}
+.cd-nav-trigger span::before, 
+.cd-nav-trigger span::after {
+  /* other 2 lines */
+  content: '';
+  right: 0;
+  /* Force Hardware Acceleration in WebKit */
+  -webkit-transform: translateZ(0);
+  -moz-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  -o-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-transform-origin: 0% 50%;
+  -moz-transform-origin: 0% 50%;
+  -ms-transform-origin: 0% 50%;
+  -o-transform-origin: 0% 50%;
+  transform-origin: 0% 50%;
+  -webkit-transition: -webkit-transform 0.2s;
+  -moz-transition: -moz-transform 0.2s;
+  transition: transform 0.2s;
+}
+.cd-nav-trigger span::before {
+  /* menu icon top line */
+  top: -6px;
+}
+.cd-nav-trigger span::after {
+  /* menu icon bottom line */
+  top: 6px;
+}
+.cd-nav-trigger.nav-is-visible span {
+  /* hide line in the center */
+  background: rgba(255, 255, 255, 0);
+}
+.cd-nav-trigger.nav-is-visible span::before, 
+.cd-nav-trigger.nav-is-visible span::after {
+  /* keep visible other 2 lines */
+  background: white;
+}
+.cd-nav-trigger.nav-is-visible span::before {
+  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
+  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
+  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
+  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
+  transform: translateX(4px) translateY(-3px) rotate(45deg);
+}
+.cd-nav-trigger.nav-is-visible span::after {
+  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
+  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
+  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
+  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
+  transform: translateX(4px) translateY(2px) rotate(-45deg);
+}
+@media only screen and (min-width: 720px) {
+  .cd-nav-trigger {
+    display: none;
+  }
+}
+
+
+/*--- Top Navigation ---*/
+@media only screen and (min-width: 720px) {
+  .cd-nav {
+    display: block;
+  }
+}
+
+
+/*--- Footer ---*/
+#bx-footer-wrapper {
+	height: auto;
+}
+.bx-footer-line {
+    position: relative;
+}
+.bx-footer-line.bx-fl1#bx-menu-bottom {
+    float: none;
+}
+.bx-footer-line.bx-fl1 .bx-menu-hor,
+.bx-footer-line.bx-fl2,
+.bx-footer-line.bx-fl3 {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+	-webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+.bx-footer-line.bx-fl1 .bx-menu-hor.bx-clearfix::before, 
+.bx-footer-line.bx-fl1 .bx-menu-hor.bx-clearfix::after {
+    content: unset;
+}
+.bx-footer-line.bx-fl1 .bx-menu-hor li {
+    display: block;
+    margin: 0px;
+    padding: 0px 1rem;
+	line-height: 2rem;
+}
+.bx-footer-line.bx-fl1 .bx-menu-hor li.bx-menu-tab-active a {
+    color: #fff;    
+}
+
+.bx-footer-line.bx-fl2 {
+    padding: 0px;
+}
+.bx-footer-line.bx-fl2 .bx-footer-cell {
+    position: relative;
+}
+
+.bx-footer-line.bx-fl3 {
+    position: relative;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+
+    line-height: 2rem;
+}
+
+
+/* Author block in content modules */
+
+.sys-author .bx-def-unit-info.bx-def-thumb-size-max-height {
+    max-height:none;
+}
+

modules/boonex/lucid/data/template/system/css/grid.css

@@ -0,0 +1,8 @@
+@import url(../../../../../../../template/css/grid.css);
+
+.bx-grid-table-wrapper2:before {
+    background: linear-gradient(to right, rgba(245,250,255,0.9) 0%,rgba(245,250,255,0) 100%);
+}
+.bx-grid-table-wrapper2:after {
+    background: linear-gradient(to right, rgba(245,250,255,0) 0%,rgba(245,250,255,0.9) 100%);
+}

modules/boonex/lucid/data/template/system/css/homepage.css

@@ -0,0 +1,5 @@
+@import url(../../../../../../../template/css/homepage.css);
+
+html .shepherd-step.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button {
+    background: #55a892; 
+}